From 41a30b05414ceb2e49496c36acfa8b268c723ed1 Mon Sep 17 00:00:00 2001 From: Andrea Z Date: Tue, 20 Sep 2022 13:48:11 +0100 Subject: [PATCH 01/10] build: add React18 Support Update packages dependencies to include React v18 --- .../__fixtures__/mock_package/package.json | 8 +- .eslintrc.js | 2 +- package.json | 34 +- .../components/alert-dialog/package.json | 8 +- .../paste-core/components/alert/package.json | 8 +- .../paste-core/components/anchor/package.json | 8 +- .../paste-core/components/avatar/package.json | 8 +- .../paste-core/components/badge/package.json | 8 +- .../base-radio-checkbox/package.json | 8 +- .../components/breadcrumb/package.json | 8 +- .../paste-core/components/button/package.json | 8 +- .../components/callout/package.json | 8 +- .../paste-core/components/card/package.json | 8 +- .../components/chat-log/package.json | 8 +- .../components/checkbox/package.json | 8 +- .../components/code-block/package.json | 8 +- .../components/combobox/package.json | 8 +- .../components/data-grid/package.json | 8 +- .../components/date-picker/package.json | 8 +- .../components/disclosure/package.json | 8 +- .../display-pill-group/package.json | 8 +- .../components/form-pill-group/package.json | 8 +- .../components/heading/package.json | 8 +- .../components/help-text/package.json | 8 +- .../components/inline-code/package.json | 8 +- .../inline-control-group/package.json | 8 +- .../components/input-box/package.json | 8 +- .../paste-core/components/input/package.json | 8 +- .../paste-core/components/label/package.json | 8 +- .../paste-core/components/list/package.json | 8 +- .../paste-core/components/menu/package.json | 8 +- .../minimizable-dialog/package.json | 8 +- .../paste-core/components/modal/package.json | 8 +- .../components/pagination/package.json | 8 +- .../components/paragraph/package.json | 8 +- .../components/popover/package.json | 8 +- .../components/radio-group/package.json | 8 +- .../screen-reader-only/package.json | 8 +- .../paste-core/components/select/package.json | 8 +- .../components/separator/package.json | 8 +- .../components/skeleton-loader/package.json | 8 +- .../components/spinner/package.json | 8 +- .../paste-core/components/switch/package.json | 8 +- .../paste-core/components/table/package.json | 8 +- .../paste-core/components/tabs/package.json | 8 +- .../components/textarea/package.json | 8 +- .../components/time-picker/package.json | 8 +- .../paste-core/components/toast/package.json | 8 +- .../components/tooltip/package.json | 8 +- .../components/truncate/package.json | 8 +- packages/paste-core/core-bundle/package.json | 8 +- .../layout/aspect-ratio/package.json | 8 +- packages/paste-core/layout/flex/package.json | 8 +- packages/paste-core/layout/grid/package.json | 8 +- .../layout/media-object/package.json | 8 +- packages/paste-core/layout/stack/package.json | 8 +- .../paste-core/primitives/box/package.json | 8 +- .../primitives/combobox/package.json | 8 +- .../primitives/disclosure/package.json | 8 +- .../paste-core/primitives/menu/package.json | 8 +- .../primitives/modal-dialog/package.json | 8 +- .../primitives/non-modal-dialog/package.json | 8 +- .../primitives/sibling-box/package.json | 8 +- .../paste-core/primitives/tabs/package.json | 8 +- .../paste-core/primitives/text/package.json | 8 +- .../primitives/tooltip/package.json | 8 +- packages/paste-customization/package.json | 8 +- packages/paste-icons/package.json | 8 +- .../paste-libraries/animation/package.json | 8 +- .../clipboard-copy/package.json | 8 +- .../data-visualization/package.json | 8 +- .../paste-libraries/dropdown/package.json | 8 +- .../react-textarea-autosize/package.json | 8 +- packages/paste-libraries/reakit/package.json | 8 +- packages/paste-libraries/styling/package.json | 8 +- .../syntax-highlighter/package.json | 8 +- packages/paste-libraries/uid/package.json | 8 +- packages/paste-theme/package.json | 8 +- packages/paste-types/package.json | 4 +- packages/paste-utils/package.json | 8 +- tools/build/__tests__/compiledImports.test.ts | 8 +- tools/plop-templates/package.hbs | 8 +- yarn.lock | 3041 +++++++++-------- 83 files changed, 1941 insertions(+), 1772 deletions(-) diff --git a/.danger/__fixtures__/mock_package/package.json b/.danger/__fixtures__/mock_package/package.json index 1064d92be8..92bb2d1edb 100644 --- a/.danger/__fixtures__/mock_package/package.json +++ b/.danger/__fixtures__/mock_package/package.json @@ -11,8 +11,8 @@ "@twilio-paste/design-tokens": "^8.0.0", "@twilio-paste/styling-library": "^1.0.0", "@twilio-paste/types": "^3.1.1", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.7", @@ -20,8 +20,8 @@ "@twilio-paste/design-tokens": "^8.0.0", "@twilio-paste/styling-library": "^1.0.2", "@twilio-paste/types": "^3.1.8", - "react": "^17.0.2", - "react-dom": "^17.0.2", + "react": "^18.0.0", + "react-dom": "^18.0.0", "react-helmet": "^6.1.0" } } diff --git a/.eslintrc.js b/.eslintrc.js index 1975547914..390c6c2b97 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -217,7 +217,7 @@ module.exports = { ], settings: { react: { - version: '17.0.2', + version: '18.0.0', }, }, }; diff --git a/package.json b/package.json index 669d8b48b2..b41d47dd0a 100644 --- a/package.json +++ b/package.json @@ -122,26 +122,26 @@ "@netlify/functions": "^0.7.2", "@percy/cli": "^1.10.1", "@percy/cypress": "^3.1.2", - "@storybook/addon-a11y": "6.4.20", - "@storybook/addon-actions": "6.4.20", - "@storybook/addon-essentials": "6.4.20", - "@storybook/addon-interactions": "6.4.20", - "@storybook/addon-links": "6.4.20", - "@storybook/addon-viewport": "6.4.20", - "@storybook/addons": "6.4.20", - "@storybook/builder-webpack5": "6.4.20", - "@storybook/core": "6.4.20", + "@storybook/addon-a11y": "^6.5.12", + "@storybook/addon-actions": "^6.5.12", + "@storybook/addon-essentials": "^6.5.12", + "@storybook/addon-interactions": "^6.5.12", + "@storybook/addon-links": "^6.5.12", + "@storybook/addon-viewport": "^6.5.12", + "@storybook/addons": "^6.5.12", + "@storybook/builder-webpack5": "^6.5.12", + "@storybook/core": "^6.5.12", "@storybook/jest": "0.0.10", - "@storybook/manager-webpack5": "6.4.20", - "@storybook/react": "6.4.20", + "@storybook/manager-webpack5": "^6.5.12", + "@storybook/react": "^6.5.12", "@storybook/test-runner": "0.3.0", "@storybook/testing-library": "0.0.13", "@swc/core": "^1.2.160", "@swc/jest": "^0.2.20", - "@testing-library/jest-dom": "^5.16.2", - "@testing-library/react": "^12.1.4", - "@testing-library/react-hooks": "^7.0.2", - "@testing-library/user-event": "^13.5.0", + "@testing-library/jest-dom": "^5.16.5", + "@testing-library/react": "^13.4.0", + "@testing-library/react-hooks": "^8.0.1", + "@testing-library/user-event": "^14.4.3", "@twilio-labs/svg-to-react": "^2.1.1", "@types/browser-sync": "^2.26.1", "@types/color": "^3.0.0", @@ -210,8 +210,8 @@ "prettier": "^2.2.1", "prop-types": "^15.7.2", "puppeteer-core": "^10.1.0", - "react": "^17.0.2", - "react-dom": "^17.0.2", + "react": "^18.0.0", + "react-dom": "^18.0.0", "react-ga": "^3.3.0", "react-helmet": "^6.1.0", "react-router-dom": "6.2.1", diff --git a/packages/paste-core/components/alert-dialog/package.json b/packages/paste-core/components/alert-dialog/package.json index dc96e4a703..28ae64adb9 100644 --- a/packages/paste-core/components/alert-dialog/package.json +++ b/packages/paste-core/components/alert-dialog/package.json @@ -37,8 +37,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -53,7 +53,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/alert/package.json b/packages/paste-core/components/alert/package.json index 0ca972e76f..b80b6f53ef 100644 --- a/packages/paste-core/components/alert/package.json +++ b/packages/paste-core/components/alert/package.json @@ -38,8 +38,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -55,7 +55,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/anchor/package.json b/packages/paste-core/components/anchor/package.json index e88bd483fa..0e56063416 100644 --- a/packages/paste-core/components/anchor/package.json +++ b/packages/paste-core/components/anchor/package.json @@ -34,8 +34,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -47,7 +47,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/avatar/package.json b/packages/paste-core/components/avatar/package.json index aac53b7228..dfc1a02774 100644 --- a/packages/paste-core/components/avatar/package.json +++ b/packages/paste-core/components/avatar/package.json @@ -38,8 +38,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -51,7 +51,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/badge/package.json b/packages/paste-core/components/badge/package.json index 1b2afc3c94..fa3d3fb46d 100644 --- a/packages/paste-core/components/badge/package.json +++ b/packages/paste-core/components/badge/package.json @@ -38,8 +38,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^9.0.1", @@ -55,7 +55,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/base-radio-checkbox/package.json b/packages/paste-core/components/base-radio-checkbox/package.json index 59d13f1c34..6a55f5dfe3 100644 --- a/packages/paste-core/components/base-radio-checkbox/package.json +++ b/packages/paste-core/components/base-radio-checkbox/package.json @@ -40,8 +40,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -59,7 +59,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/breadcrumb/package.json b/packages/paste-core/components/breadcrumb/package.json index a54057a4b0..08a8c250b5 100644 --- a/packages/paste-core/components/breadcrumb/package.json +++ b/packages/paste-core/components/breadcrumb/package.json @@ -35,8 +35,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^9.0.1", @@ -49,7 +49,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/button/package.json b/packages/paste-core/components/button/package.json index f8d1fb6e58..fb77a912f1 100644 --- a/packages/paste-core/components/button/package.json +++ b/packages/paste-core/components/button/package.json @@ -41,8 +41,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^9.0.1", @@ -58,8 +58,8 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2", + "react": "^18.0.0", + "react-dom": "^18.0.0", "typescript": "^4.6.4" } } diff --git a/packages/paste-core/components/callout/package.json b/packages/paste-core/components/callout/package.json index ff39d9f96d..23342010a3 100644 --- a/packages/paste-core/components/callout/package.json +++ b/packages/paste-core/components/callout/package.json @@ -34,8 +34,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -47,7 +47,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/card/package.json b/packages/paste-core/components/card/package.json index 5280ff92ee..47fda3923e 100644 --- a/packages/paste-core/components/card/package.json +++ b/packages/paste-core/components/card/package.json @@ -32,8 +32,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -43,7 +43,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/chat-log/package.json b/packages/paste-core/components/chat-log/package.json index f6f8a435c9..38dc6b6d13 100644 --- a/packages/paste-core/components/chat-log/package.json +++ b/packages/paste-core/components/chat-log/package.json @@ -39,8 +39,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/truncate": "^11.0.0", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^17.0.2 || ^18.0.0", + "react-dom": "^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^9.0.1", @@ -57,7 +57,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/truncate": "^11.0.1", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/checkbox/package.json b/packages/paste-core/components/checkbox/package.json index 563501e035..2ccc425f65 100644 --- a/packages/paste-core/components/checkbox/package.json +++ b/packages/paste-core/components/checkbox/package.json @@ -42,8 +42,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/base-radio-checkbox": "^10.0.1", @@ -63,7 +63,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/code-block/package.json b/packages/paste-core/components/code-block/package.json index 55fe17ae3b..dd6e987af8 100644 --- a/packages/paste-core/components/code-block/package.json +++ b/packages/paste-core/components/code-block/package.json @@ -42,8 +42,8 @@ "@twilio-paste/tooltip": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^17.0.2 || ^18.0.0", + "react-dom": "^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "0.3.9", @@ -63,8 +63,8 @@ "@twilio-paste/tooltip": "^8.0.1", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2", + "react": "^18.0.0", + "react-dom": "^18.0.0", "typescript": "^4.6.4" } } diff --git a/packages/paste-core/components/combobox/package.json b/packages/paste-core/components/combobox/package.json index 7588815282..00ee218a41 100644 --- a/packages/paste-core/components/combobox/package.json +++ b/packages/paste-core/components/combobox/package.json @@ -53,8 +53,8 @@ "@twilio-paste/uid-library": "^0.2.1", "@twilio-paste/utils": "^2.0.0", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -81,8 +81,8 @@ "@twilio-paste/uid-library": "^0.2.6", "@twilio-paste/utils": "^2.0.1", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2", + "react": "^18.0.0", + "react-dom": "^18.0.0", "typescript": "^4.6.4" } } diff --git a/packages/paste-core/components/data-grid/package.json b/packages/paste-core/components/data-grid/package.json index cad7aee7bf..0df3fc63b5 100644 --- a/packages/paste-core/components/data-grid/package.json +++ b/packages/paste-core/components/data-grid/package.json @@ -46,8 +46,8 @@ "@twilio-paste/uid-library": "^0.2.1", "@twilio-paste/utils": "^2.0.0", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^9.0.1", @@ -68,7 +68,7 @@ "@twilio-paste/uid-library": "^0.2.6", "@twilio-paste/utils": "^2.0.1", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/date-picker/package.json b/packages/paste-core/components/date-picker/package.json index f0aff50b5c..478f70945d 100644 --- a/packages/paste-core/components/date-picker/package.json +++ b/packages/paste-core/components/date-picker/package.json @@ -38,8 +38,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -52,7 +52,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/disclosure/package.json b/packages/paste-core/components/disclosure/package.json index 381749edc5..85f6cbbdc0 100644 --- a/packages/paste-core/components/disclosure/package.json +++ b/packages/paste-core/components/disclosure/package.json @@ -39,8 +39,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -57,7 +57,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/display-pill-group/package.json b/packages/paste-core/components/display-pill-group/package.json index bfa43cb09d..fca2c97f06 100644 --- a/packages/paste-core/components/display-pill-group/package.json +++ b/packages/paste-core/components/display-pill-group/package.json @@ -37,8 +37,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^9.0.1", @@ -53,7 +53,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/form-pill-group/package.json b/packages/paste-core/components/form-pill-group/package.json index ffe95b56e5..91ff0f73f9 100644 --- a/packages/paste-core/components/form-pill-group/package.json +++ b/packages/paste-core/components/form-pill-group/package.json @@ -41,8 +41,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -58,7 +58,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/heading/package.json b/packages/paste-core/components/heading/package.json index f2a00cf8a4..325f153ffb 100644 --- a/packages/paste-core/components/heading/package.json +++ b/packages/paste-core/components/heading/package.json @@ -32,8 +32,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/design-tokens": "^8.1.2", @@ -43,7 +43,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/help-text/package.json b/packages/paste-core/components/help-text/package.json index a66870c354..b9c974d9cf 100644 --- a/packages/paste-core/components/help-text/package.json +++ b/packages/paste-core/components/help-text/package.json @@ -34,8 +34,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -47,7 +47,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/inline-code/package.json b/packages/paste-core/components/inline-code/package.json index 1889ab9199..27a3fab69e 100644 --- a/packages/paste-core/components/inline-code/package.json +++ b/packages/paste-core/components/inline-code/package.json @@ -30,8 +30,8 @@ "@twilio-paste/style-props": "^6.0.0", "@twilio-paste/theme": "^8.0.1", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^17.0.2 || ^18.0.0", + "react-dom": "^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -39,7 +39,7 @@ "@twilio-paste/style-props": "^6.1.1", "@twilio-paste/theme": "^8.0.3", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/inline-control-group/package.json b/packages/paste-core/components/inline-control-group/package.json index 425f8ed31a..6db7089c18 100644 --- a/packages/paste-core/components/inline-control-group/package.json +++ b/packages/paste-core/components/inline-control-group/package.json @@ -39,8 +39,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -57,7 +57,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/input-box/package.json b/packages/paste-core/components/input-box/package.json index 74274755e3..f91a16e1ec 100644 --- a/packages/paste-core/components/input-box/package.json +++ b/packages/paste-core/components/input-box/package.json @@ -33,8 +33,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -45,7 +45,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/input/package.json b/packages/paste-core/components/input/package.json index d6317dbb7f..a512c5ce54 100644 --- a/packages/paste-core/components/input/package.json +++ b/packages/paste-core/components/input/package.json @@ -34,8 +34,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -47,7 +47,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/label/package.json b/packages/paste-core/components/label/package.json index 9c1c8f8eea..e223b9dcb2 100644 --- a/packages/paste-core/components/label/package.json +++ b/packages/paste-core/components/label/package.json @@ -35,8 +35,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -49,7 +49,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/list/package.json b/packages/paste-core/components/list/package.json index b11107f4e0..09da795292 100644 --- a/packages/paste-core/components/list/package.json +++ b/packages/paste-core/components/list/package.json @@ -32,8 +32,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/design-tokens": "^8.1.2", @@ -43,7 +43,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/menu/package.json b/packages/paste-core/components/menu/package.json index a6e2d99f0a..fad89a59d1 100644 --- a/packages/paste-core/components/menu/package.json +++ b/packages/paste-core/components/menu/package.json @@ -42,8 +42,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^9.0.1", @@ -63,7 +63,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/minimizable-dialog/package.json b/packages/paste-core/components/minimizable-dialog/package.json index 9c0750d9e3..071dc4bccd 100644 --- a/packages/paste-core/components/minimizable-dialog/package.json +++ b/packages/paste-core/components/minimizable-dialog/package.json @@ -36,8 +36,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^17.0.2 || ^18.0.0", + "react-dom": "^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -51,7 +51,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/modal/package.json b/packages/paste-core/components/modal/package.json index 872206957e..448c5ebc05 100644 --- a/packages/paste-core/components/modal/package.json +++ b/packages/paste-core/components/modal/package.json @@ -41,8 +41,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -61,7 +61,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/pagination/package.json b/packages/paste-core/components/pagination/package.json index 26fc954dab..ee362effe8 100644 --- a/packages/paste-core/components/pagination/package.json +++ b/packages/paste-core/components/pagination/package.json @@ -35,8 +35,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -49,7 +49,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/paragraph/package.json b/packages/paste-core/components/paragraph/package.json index ec89963678..7df1889518 100644 --- a/packages/paste-core/components/paragraph/package.json +++ b/packages/paste-core/components/paragraph/package.json @@ -32,8 +32,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/design-tokens": "^8.1.2", @@ -43,7 +43,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/popover/package.json b/packages/paste-core/components/popover/package.json index aea46515fe..e894fe5081 100644 --- a/packages/paste-core/components/popover/package.json +++ b/packages/paste-core/components/popover/package.json @@ -40,8 +40,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/badge": "^5.0.1", @@ -59,7 +59,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/radio-group/package.json b/packages/paste-core/components/radio-group/package.json index 45125fccc1..8e5faaae7b 100644 --- a/packages/paste-core/components/radio-group/package.json +++ b/packages/paste-core/components/radio-group/package.json @@ -42,8 +42,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/base-radio-checkbox": "^10.0.1", @@ -63,7 +63,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/screen-reader-only/package.json b/packages/paste-core/components/screen-reader-only/package.json index 8d7ba027ed..9adf8ed809 100644 --- a/packages/paste-core/components/screen-reader-only/package.json +++ b/packages/paste-core/components/screen-reader-only/package.json @@ -33,8 +33,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -45,7 +45,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/select/package.json b/packages/paste-core/components/select/package.json index 071fa76b70..846a4e9f56 100644 --- a/packages/paste-core/components/select/package.json +++ b/packages/paste-core/components/select/package.json @@ -35,8 +35,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -49,7 +49,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/separator/package.json b/packages/paste-core/components/separator/package.json index 7edf633468..be05b68e3d 100644 --- a/packages/paste-core/components/separator/package.json +++ b/packages/paste-core/components/separator/package.json @@ -32,8 +32,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -43,7 +43,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/skeleton-loader/package.json b/packages/paste-core/components/skeleton-loader/package.json index 30dfa24963..d73a847a46 100644 --- a/packages/paste-core/components/skeleton-loader/package.json +++ b/packages/paste-core/components/skeleton-loader/package.json @@ -33,8 +33,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -45,7 +45,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/spinner/package.json b/packages/paste-core/components/spinner/package.json index 9d0a11185b..67aae71f14 100644 --- a/packages/paste-core/components/spinner/package.json +++ b/packages/paste-core/components/spinner/package.json @@ -34,8 +34,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -47,7 +47,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/switch/package.json b/packages/paste-core/components/switch/package.json index dfca2abfe0..7cc692b58b 100644 --- a/packages/paste-core/components/switch/package.json +++ b/packages/paste-core/components/switch/package.json @@ -40,8 +40,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^17.0.2 || ^18.0.0", + "react-dom": "^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -59,7 +59,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/table/package.json b/packages/paste-core/components/table/package.json index 784a8a02b7..3274a3f1a1 100644 --- a/packages/paste-core/components/table/package.json +++ b/packages/paste-core/components/table/package.json @@ -32,8 +32,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -43,7 +43,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/tabs/package.json b/packages/paste-core/components/tabs/package.json index 285036e423..26b688ad6a 100644 --- a/packages/paste-core/components/tabs/package.json +++ b/packages/paste-core/components/tabs/package.json @@ -35,8 +35,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -49,7 +49,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/textarea/package.json b/packages/paste-core/components/textarea/package.json index e65f22953a..1749d30e27 100644 --- a/packages/paste-core/components/textarea/package.json +++ b/packages/paste-core/components/textarea/package.json @@ -35,8 +35,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -49,7 +49,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/time-picker/package.json b/packages/paste-core/components/time-picker/package.json index 0f7fd5dddf..dc5d720d98 100644 --- a/packages/paste-core/components/time-picker/package.json +++ b/packages/paste-core/components/time-picker/package.json @@ -38,8 +38,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -52,7 +52,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/toast/package.json b/packages/paste-core/components/toast/package.json index 35c0aeabde..d69e4f53ec 100644 --- a/packages/paste-core/components/toast/package.json +++ b/packages/paste-core/components/toast/package.json @@ -40,8 +40,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -59,7 +59,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/tooltip/package.json b/packages/paste-core/components/tooltip/package.json index 6fa31eba5a..1e0d3e5df9 100644 --- a/packages/paste-core/components/tooltip/package.json +++ b/packages/paste-core/components/tooltip/package.json @@ -38,8 +38,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -55,7 +55,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/components/truncate/package.json b/packages/paste-core/components/truncate/package.json index 424d28f444..dafb05e944 100644 --- a/packages/paste-core/components/truncate/package.json +++ b/packages/paste-core/components/truncate/package.json @@ -33,8 +33,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -45,7 +45,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/core-bundle/package.json b/packages/paste-core/core-bundle/package.json index 7b7c392cf7..bac0a44290 100644 --- a/packages/paste-core/core-bundle/package.json +++ b/packages/paste-core/core-bundle/package.json @@ -114,13 +114,13 @@ "peerDependencies": { "@twilio-paste/icons": "^9.0.0", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/icons": "^9.4.0", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/layout/aspect-ratio/package.json b/packages/paste-core/layout/aspect-ratio/package.json index 183d3ad788..c24a4f35fb 100644 --- a/packages/paste-core/layout/aspect-ratio/package.json +++ b/packages/paste-core/layout/aspect-ratio/package.json @@ -32,8 +32,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -43,7 +43,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/layout/flex/package.json b/packages/paste-core/layout/flex/package.json index 9a01e069d9..801ded72e4 100644 --- a/packages/paste-core/layout/flex/package.json +++ b/packages/paste-core/layout/flex/package.json @@ -32,8 +32,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -43,7 +43,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/layout/grid/package.json b/packages/paste-core/layout/grid/package.json index 2f2c0f24bb..650a4b0791 100644 --- a/packages/paste-core/layout/grid/package.json +++ b/packages/paste-core/layout/grid/package.json @@ -32,8 +32,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -43,7 +43,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/layout/media-object/package.json b/packages/paste-core/layout/media-object/package.json index 89d4e3e3a3..2060e7de8c 100644 --- a/packages/paste-core/layout/media-object/package.json +++ b/packages/paste-core/layout/media-object/package.json @@ -32,8 +32,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -43,7 +43,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/layout/stack/package.json b/packages/paste-core/layout/stack/package.json index d4266da108..7a72cd6884 100644 --- a/packages/paste-core/layout/stack/package.json +++ b/packages/paste-core/layout/stack/package.json @@ -33,8 +33,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -45,7 +45,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/primitives/box/package.json b/packages/paste-core/primitives/box/package.json index d079406dda..2326cee85f 100644 --- a/packages/paste-core/primitives/box/package.json +++ b/packages/paste-core/primitives/box/package.json @@ -36,8 +36,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -48,8 +48,8 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2", + "react": "^18.0.0", + "react-dom": "^18.0.0", "typescript": "^4.6.4" } } diff --git a/packages/paste-core/primitives/combobox/package.json b/packages/paste-core/primitives/combobox/package.json index 996941ee70..5ce4991e0c 100644 --- a/packages/paste-core/primitives/combobox/package.json +++ b/packages/paste-core/primitives/combobox/package.json @@ -27,13 +27,13 @@ "peerDependencies": { "@twilio-paste/dropdown-library": "^1.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/dropdown-library": "^1.1.7", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/primitives/disclosure/package.json b/packages/paste-core/primitives/disclosure/package.json index 664ba229e1..326f0c8bc9 100644 --- a/packages/paste-core/primitives/disclosure/package.json +++ b/packages/paste-core/primitives/disclosure/package.json @@ -27,13 +27,13 @@ "peerDependencies": { "@twilio-paste/reakit-library": "^0.8.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/reakit-library": "^0.8.7", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/primitives/menu/package.json b/packages/paste-core/primitives/menu/package.json index bbcaac8c4f..88cb0610ca 100644 --- a/packages/paste-core/primitives/menu/package.json +++ b/packages/paste-core/primitives/menu/package.json @@ -26,12 +26,12 @@ }, "peerDependencies": { "@twilio-paste/reakit-library": "^0.8.1", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/reakit-library": "^0.8.7", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/primitives/modal-dialog/package.json b/packages/paste-core/primitives/modal-dialog/package.json index 92d92fc38a..af9d8c952d 100644 --- a/packages/paste-core/primitives/modal-dialog/package.json +++ b/packages/paste-core/primitives/modal-dialog/package.json @@ -28,11 +28,11 @@ "@reach/dialog": "0.16.2" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/primitives/non-modal-dialog/package.json b/packages/paste-core/primitives/non-modal-dialog/package.json index 0fe5312b0b..4e7ab34f89 100644 --- a/packages/paste-core/primitives/non-modal-dialog/package.json +++ b/packages/paste-core/primitives/non-modal-dialog/package.json @@ -26,12 +26,12 @@ }, "peerDependencies": { "@twilio-paste/reakit-library": "^0.8.1", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/reakit-library": "^0.8.7", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/primitives/sibling-box/package.json b/packages/paste-core/primitives/sibling-box/package.json index f98059a8af..bd39a6506b 100644 --- a/packages/paste-core/primitives/sibling-box/package.json +++ b/packages/paste-core/primitives/sibling-box/package.json @@ -33,8 +33,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -45,7 +45,7 @@ "@twilio-paste/types": "^3.1.9", "@twilio-paste/uid-library": "^0.2.6", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/primitives/tabs/package.json b/packages/paste-core/primitives/tabs/package.json index 119d07cb37..41c99b7e8c 100644 --- a/packages/paste-core/primitives/tabs/package.json +++ b/packages/paste-core/primitives/tabs/package.json @@ -26,12 +26,12 @@ }, "peerDependencies": { "@twilio-paste/reakit-library": "^0.8.1", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/reakit-library": "^0.8.7", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/primitives/text/package.json b/packages/paste-core/primitives/text/package.json index 8fab461e7b..666ec1964a 100644 --- a/packages/paste-core/primitives/text/package.json +++ b/packages/paste-core/primitives/text/package.json @@ -36,8 +36,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -48,7 +48,7 @@ "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-core/primitives/tooltip/package.json b/packages/paste-core/primitives/tooltip/package.json index 53d3579cc9..e50270adf7 100644 --- a/packages/paste-core/primitives/tooltip/package.json +++ b/packages/paste-core/primitives/tooltip/package.json @@ -26,12 +26,12 @@ }, "peerDependencies": { "@twilio-paste/reakit-library": "^0.8.1", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/reakit-library": "^0.8.7", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-customization/package.json b/packages/paste-customization/package.json index 112d6227b8..86fc46a080 100644 --- a/packages/paste-customization/package.json +++ b/packages/paste-customization/package.json @@ -32,8 +32,8 @@ "@twilio-paste/styling-library": "^1.0.0", "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -42,7 +42,7 @@ "@twilio-paste/styling-library": "^1.0.3", "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-icons/package.json b/packages/paste-icons/package.json index 8bf51ef184..0d13660f39 100644 --- a/packages/paste-icons/package.json +++ b/packages/paste-icons/package.json @@ -33,8 +33,8 @@ "@twilio-paste/types": "^3.1.1", "@twilio-paste/uid-library": "^0.2.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/box": "^7.1.1", @@ -46,8 +46,8 @@ "@twilio-paste/uid-library": "^0.2.6", "lodash": "4.17.21", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2", + "react": "^18.0.0", + "react-dom": "^18.0.0", "ts-node": "^10.0.0" } } diff --git a/packages/paste-libraries/animation/package.json b/packages/paste-libraries/animation/package.json index 7bd79b2f63..7127c754ce 100644 --- a/packages/paste-libraries/animation/package.json +++ b/packages/paste-libraries/animation/package.json @@ -29,11 +29,11 @@ "@react-spring/web": "9.4.3" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-libraries/clipboard-copy/package.json b/packages/paste-libraries/clipboard-copy/package.json index 3a04b40d6e..c3e470a455 100644 --- a/packages/paste-libraries/clipboard-copy/package.json +++ b/packages/paste-libraries/clipboard-copy/package.json @@ -28,11 +28,11 @@ "use-clipboard-copy": "0.2.0" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-libraries/data-visualization/package.json b/packages/paste-libraries/data-visualization/package.json index a23fde1f85..c99537f4e0 100644 --- a/packages/paste-libraries/data-visualization/package.json +++ b/packages/paste-libraries/data-visualization/package.json @@ -35,8 +35,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "highcharts": "^9.3.3", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -47,7 +47,7 @@ "@twilio-paste/types": "^3.1.9", "highcharts": "^9.3.3", "highcharts-react-official": "^3.1.0", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-libraries/dropdown/package.json b/packages/paste-libraries/dropdown/package.json index ae11865827..21ad0b1584 100644 --- a/packages/paste-libraries/dropdown/package.json +++ b/packages/paste-libraries/dropdown/package.json @@ -28,11 +28,11 @@ "downshift": "6.1.7" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-libraries/react-textarea-autosize/package.json b/packages/paste-libraries/react-textarea-autosize/package.json index 2d2414e5d7..c74cb938bd 100644 --- a/packages/paste-libraries/react-textarea-autosize/package.json +++ b/packages/paste-libraries/react-textarea-autosize/package.json @@ -29,11 +29,11 @@ "use-latest": "^1.2.1" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-libraries/reakit/package.json b/packages/paste-libraries/reakit/package.json index ed5d371b3d..499f02dcfb 100644 --- a/packages/paste-libraries/reakit/package.json +++ b/packages/paste-libraries/reakit/package.json @@ -30,11 +30,11 @@ "reakit-utils": "0.15.2" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-libraries/styling/package.json b/packages/paste-libraries/styling/package.json index 74eea619d2..2a774fcc03 100644 --- a/packages/paste-libraries/styling/package.json +++ b/packages/paste-libraries/styling/package.json @@ -37,11 +37,11 @@ "styled-system": "5.1.5" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-libraries/syntax-highlighter/package.json b/packages/paste-libraries/syntax-highlighter/package.json index bf247edb59..3d673cd91e 100644 --- a/packages/paste-libraries/syntax-highlighter/package.json +++ b/packages/paste-libraries/syntax-highlighter/package.json @@ -29,11 +29,11 @@ "react-syntax-highlighter": "15.5.0" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-libraries/uid/package.json b/packages/paste-libraries/uid/package.json index 3e6e999ea1..9692493a03 100644 --- a/packages/paste-libraries/uid/package.json +++ b/packages/paste-libraries/uid/package.json @@ -28,11 +28,11 @@ "react-uid": "2.3.1" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/packages/paste-theme/package.json b/packages/paste-theme/package.json index a5b016bc6d..7a3c640c73 100644 --- a/packages/paste-theme/package.json +++ b/packages/paste-theme/package.json @@ -28,8 +28,8 @@ "@twilio-paste/design-tokens": "^8.0.0", "@twilio-paste/styling-library": "^1.0.0", "@twilio-paste/types": "^3.1.1", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -37,8 +37,8 @@ "@twilio-paste/design-tokens": "^8.1.2", "@twilio-paste/styling-library": "^1.0.3", "@twilio-paste/types": "^3.1.9", - "react": "^17.0.2", - "react-dom": "^17.0.2", + "react": "^18.0.0", + "react-dom": "^18.0.0", "react-helmet": "^6.1.0", "typescript": "^4.6.4" } diff --git a/packages/paste-types/package.json b/packages/paste-types/package.json index dbaa5b39f4..93a3cdf187 100644 --- a/packages/paste-types/package.json +++ b/packages/paste-types/package.json @@ -27,9 +27,9 @@ "@types/react-dom": "^17.0.10" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { - "react": "^17.0.2" + "react": "^18.0.0" } } diff --git a/packages/paste-utils/package.json b/packages/paste-utils/package.json index 2c974ecfa4..e5bd84afc5 100644 --- a/packages/paste-utils/package.json +++ b/packages/paste-utils/package.json @@ -32,8 +32,8 @@ "@twilio-paste/styling-library": "^1.0.0", "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.9", @@ -42,7 +42,7 @@ "@twilio-paste/styling-library": "^1.0.3", "@twilio-paste/theme": "^8.0.3", "@twilio-paste/types": "^3.1.9", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" } } diff --git a/tools/build/__tests__/compiledImports.test.ts b/tools/build/__tests__/compiledImports.test.ts index af1a5ec4f3..d4c9337ad8 100644 --- a/tools/build/__tests__/compiledImports.test.ts +++ b/tools/build/__tests__/compiledImports.test.ts @@ -27,16 +27,16 @@ describe('esbuild config', () => { '@twilio-paste/styling-library': '^0.3.1', '@twilio-paste/theme': '^6.0.0', 'prop-types': '^15.7.2', - react: '^16.8.6 || ^17.0.2', - 'react-dom': '^16.8.6 || ^17.0.2', + react: '^16.8.6 || ^17.0.2 || ^18.0.0', + 'react-dom': '^16.8.6 || ^17.0.2 || ^18.0.0', }, devDependencies: { '@twilio-paste/design-tokens': '^7.1.0', '@twilio-paste/styling-library': '^0.3.6', '@twilio-paste/theme': '^6.0.1', 'prop-types': '^15.7.2', - react: '^16.8.6 || ^17.0.2', - 'react-dom': '^16.8.6 || ^17.0.2', + react: '^18.0.0', + 'react-dom': '^18.0.0', }, }); }); diff --git a/tools/plop-templates/package.hbs b/tools/plop-templates/package.hbs index 044aabff15..85685b9ca1 100644 --- a/tools/plop-templates/package.hbs +++ b/tools/plop-templates/package.hbs @@ -34,8 +34,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^16.8.6 || ^17.0.2", - "react-dom": "^16.8.6 || ^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^0.3.2", @@ -47,8 +47,8 @@ "@twilio-paste/theme": "^8.0.0", "@twilio-paste/types": "^3.1.1", "prop-types": "^15.7.2", - "react": "^17.0.2", - "react-dom": "^17.0.2", + "react": "^18.0.0", + "react-dom": "^18.0.0", "typescript": "^4.6.4" } } diff --git a/yarn.lock b/yarn.lock index 092e32e4f0..242ad5d276 100644 --- a/yarn.lock +++ b/yarn.lock @@ -33,6 +33,13 @@ __metadata: languageName: node linkType: hard +"@adobe/css-tools@npm:^4.0.1": + version: 4.0.1 + resolution: "@adobe/css-tools@npm:4.0.1" + checksum: 80226e2229024c21da9ffa6b5cd4a34b931f071e06f45aba4777ade071d7a6c94605cf73b13718b0c4b34e8b124c65c607b82eaa53a326d3eb73d9682a04a593 + languageName: node + linkType: hard + "@algolia/autocomplete-core@npm:1.5.2": version: 1.5.2 resolution: "@algolia/autocomplete-core@npm:1.5.2" @@ -279,6 +286,15 @@ __metadata: languageName: node linkType: hard +"@babel/code-frame@npm:^7.18.6": + version: 7.18.6 + resolution: "@babel/code-frame@npm:7.18.6" + dependencies: + "@babel/highlight": ^7.18.6 + checksum: 195e2be3172d7684bf95cff69ae3b7a15a9841ea9d27d3c843662d50cdd7d6470fd9c8e64be84d031117e4a4083486effba39f9aef6bbb2c89f7f21bcfba33ba + languageName: node + linkType: hard + "@babel/compat-data@npm:^7.13.11, @babel/compat-data@npm:^7.16.8, @babel/compat-data@npm:^7.17.0, @babel/compat-data@npm:^7.17.7": version: 7.17.7 resolution: "@babel/compat-data@npm:7.17.7" @@ -358,6 +374,17 @@ __metadata: languageName: node linkType: hard +"@babel/generator@npm:^7.19.0": + version: 7.19.0 + resolution: "@babel/generator@npm:7.19.0" + dependencies: + "@babel/types": ^7.19.0 + "@jridgewell/gen-mapping": ^0.3.2 + jsesc: ^2.5.1 + checksum: aa3d5785cf8f8e81672dcc61aef351188efeadb20d9f66d79113d82cbcf3bbbdeb829989fa14582108572ddbc4e4027bdceb06ccaf5ec40fa93c2dda8fbcd4aa + languageName: node + linkType: hard + "@babel/helper-annotate-as-pure@npm:^7.16.7": version: 7.16.7 resolution: "@babel/helper-annotate-as-pure@npm:7.16.7" @@ -367,6 +394,15 @@ __metadata: languageName: node linkType: hard +"@babel/helper-annotate-as-pure@npm:^7.18.6": + version: 7.18.6 + resolution: "@babel/helper-annotate-as-pure@npm:7.18.6" + dependencies: + "@babel/types": ^7.18.6 + checksum: 88ccd15ced475ef2243fdd3b2916a29ea54c5db3cd0cfabf9d1d29ff6e63b7f7cd1c27264137d7a40ac2e978b9b9a542c332e78f40eb72abe737a7400788fc1b + languageName: node + linkType: hard + "@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.16.7": version: 7.16.7 resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.16.7" @@ -408,6 +444,23 @@ __metadata: languageName: node linkType: hard +"@babel/helper-create-class-features-plugin@npm:^7.18.6": + version: 7.19.0 + resolution: "@babel/helper-create-class-features-plugin@npm:7.19.0" + dependencies: + "@babel/helper-annotate-as-pure": ^7.18.6 + "@babel/helper-environment-visitor": ^7.18.9 + "@babel/helper-function-name": ^7.19.0 + "@babel/helper-member-expression-to-functions": ^7.18.9 + "@babel/helper-optimise-call-expression": ^7.18.6 + "@babel/helper-replace-supers": ^7.18.9 + "@babel/helper-split-export-declaration": ^7.18.6 + peerDependencies: + "@babel/core": ^7.0.0 + checksum: f0c6fb77b6f113d70f308e7093f60dd465b697818badf5df0519d8dd12b6bfb1f4ad300b923207ce9f9c1c940ef58bff12ac4270c0863eadf9e303b7dd6d01b6 + languageName: node + linkType: hard + "@babel/helper-create-regexp-features-plugin@npm:^7.16.7": version: 7.17.0 resolution: "@babel/helper-create-regexp-features-plugin@npm:7.17.0" @@ -465,6 +518,13 @@ __metadata: languageName: node linkType: hard +"@babel/helper-environment-visitor@npm:^7.18.9": + version: 7.18.9 + resolution: "@babel/helper-environment-visitor@npm:7.18.9" + checksum: b25101f6162ddca2d12da73942c08ad203d7668e06663df685634a8fde54a98bc015f6f62938e8554457a592a024108d45b8f3e651fd6dcdb877275b73cc4420 + languageName: node + linkType: hard + "@babel/helper-explode-assignable-expression@npm:^7.16.7": version: 7.16.7 resolution: "@babel/helper-explode-assignable-expression@npm:7.16.7" @@ -485,6 +545,16 @@ __metadata: languageName: node linkType: hard +"@babel/helper-function-name@npm:^7.19.0": + version: 7.19.0 + resolution: "@babel/helper-function-name@npm:7.19.0" + dependencies: + "@babel/template": ^7.18.10 + "@babel/types": ^7.19.0 + checksum: eac1f5db428ba546270c2b8d750c24eb528b8fcfe50c81de2e0bdebf0e20f24bec688d4331533b782e4a907fad435244621ca2193cfcf80a86731299840e0f6e + languageName: node + linkType: hard + "@babel/helper-get-function-arity@npm:^7.16.7": version: 7.16.7 resolution: "@babel/helper-get-function-arity@npm:7.16.7" @@ -503,6 +573,15 @@ __metadata: languageName: node linkType: hard +"@babel/helper-hoist-variables@npm:^7.18.6": + version: 7.18.6 + resolution: "@babel/helper-hoist-variables@npm:7.18.6" + dependencies: + "@babel/types": ^7.18.6 + checksum: fd9c35bb435fda802bf9ff7b6f2df06308a21277c6dec2120a35b09f9de68f68a33972e2c15505c1a1a04b36ec64c9ace97d4a9e26d6097b76b4396b7c5fa20f + languageName: node + linkType: hard + "@babel/helper-member-expression-to-functions@npm:^7.16.7": version: 7.16.7 resolution: "@babel/helper-member-expression-to-functions@npm:7.16.7" @@ -512,7 +591,16 @@ __metadata: languageName: node linkType: hard -"@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.0.0-beta.49, @babel/helper-module-imports@npm:^7.10.4, @babel/helper-module-imports@npm:^7.12.13, @babel/helper-module-imports@npm:^7.16.7": +"@babel/helper-member-expression-to-functions@npm:^7.18.9": + version: 7.18.9 + resolution: "@babel/helper-member-expression-to-functions@npm:7.18.9" + dependencies: + "@babel/types": ^7.18.9 + checksum: fcf8184e3b55051c4286b2cbedf0eccc781d0f3c9b5cbaba582eca19bf0e8d87806cdb7efc8554fcb969ceaf2b187d5ea748d40022d06ec7739fbb18c1b19a7a + languageName: node + linkType: hard + +"@babel/helper-module-imports@npm:^7.0.0-beta.49, @babel/helper-module-imports@npm:^7.10.4, @babel/helper-module-imports@npm:^7.12.13, @babel/helper-module-imports@npm:^7.16.7": version: 7.16.7 resolution: "@babel/helper-module-imports@npm:7.16.7" dependencies: @@ -546,6 +634,15 @@ __metadata: languageName: node linkType: hard +"@babel/helper-optimise-call-expression@npm:^7.18.6": + version: 7.18.6 + resolution: "@babel/helper-optimise-call-expression@npm:7.18.6" + dependencies: + "@babel/types": ^7.18.6 + checksum: e518fe8418571405e21644cfb39cf694f30b6c47b10b006609a92469ae8b8775cbff56f0b19732343e2ea910641091c5a2dc73b56ceba04e116a33b0f8bd2fbd + languageName: node + linkType: hard + "@babel/helper-plugin-utils@npm:7.10.4": version: 7.10.4 resolution: "@babel/helper-plugin-utils@npm:7.10.4" @@ -560,6 +657,13 @@ __metadata: languageName: node linkType: hard +"@babel/helper-plugin-utils@npm:^7.18.6": + version: 7.19.0 + resolution: "@babel/helper-plugin-utils@npm:7.19.0" + checksum: eedc996c633c8c207921c26ec2989eae0976336ecd9b9f1ac526498f52b5d136f7cd03c32b6fdf8d46a426f907c142de28592f383c42e5fba1e904cbffa05345 + languageName: node + linkType: hard + "@babel/helper-remap-async-to-generator@npm:^7.16.8": version: 7.16.8 resolution: "@babel/helper-remap-async-to-generator@npm:7.16.8" @@ -584,6 +688,19 @@ __metadata: languageName: node linkType: hard +"@babel/helper-replace-supers@npm:^7.18.9": + version: 7.19.1 + resolution: "@babel/helper-replace-supers@npm:7.19.1" + dependencies: + "@babel/helper-environment-visitor": ^7.18.9 + "@babel/helper-member-expression-to-functions": ^7.18.9 + "@babel/helper-optimise-call-expression": ^7.18.6 + "@babel/traverse": ^7.19.1 + "@babel/types": ^7.19.0 + checksum: a0e4bf79ebe7d2bb5947169e47a0b4439c73fb0ec57d446cf3ea81b736721129ec373c3f94d2ebd2716b26dd65f8e6c083dac898170d42905e7ba815a2f52c25 + languageName: node + linkType: hard + "@babel/helper-simple-access@npm:^7.16.7, @babel/helper-simple-access@npm:^7.17.7": version: 7.17.7 resolution: "@babel/helper-simple-access@npm:7.17.7" @@ -611,6 +728,22 @@ __metadata: languageName: node linkType: hard +"@babel/helper-split-export-declaration@npm:^7.18.6": + version: 7.18.6 + resolution: "@babel/helper-split-export-declaration@npm:7.18.6" + dependencies: + "@babel/types": ^7.18.6 + checksum: c6d3dede53878f6be1d869e03e9ffbbb36f4897c7cc1527dc96c56d127d834ffe4520a6f7e467f5b6f3c2843ea0e81a7819d66ae02f707f6ac057f3d57943a2b + languageName: node + linkType: hard + +"@babel/helper-string-parser@npm:^7.18.10": + version: 7.18.10 + resolution: "@babel/helper-string-parser@npm:7.18.10" + checksum: d554a4393365b624916b5c00a4cc21c990c6617e7f3fe30be7d9731f107f12c33229a7a3db9d829bfa110d2eb9f04790745d421640e3bd245bb412dc0ea123c1 + languageName: node + linkType: hard + "@babel/helper-validator-identifier@npm:^7.15.7, @babel/helper-validator-identifier@npm:^7.16.7": version: 7.16.7 resolution: "@babel/helper-validator-identifier@npm:7.16.7" @@ -618,6 +751,13 @@ __metadata: languageName: node linkType: hard +"@babel/helper-validator-identifier@npm:^7.18.6": + version: 7.19.1 + resolution: "@babel/helper-validator-identifier@npm:7.19.1" + checksum: 0eca5e86a729162af569b46c6c41a63e18b43dbe09fda1d2a3c8924f7d617116af39cac5e4cd5d431bb760b4dca3c0970e0c444789b1db42bcf1fa41fbad0a3a + languageName: node + linkType: hard + "@babel/helper-validator-option@npm:^7.16.7": version: 7.16.7 resolution: "@babel/helper-validator-option@npm:7.16.7" @@ -659,6 +799,17 @@ __metadata: languageName: node linkType: hard +"@babel/highlight@npm:^7.18.6": + version: 7.18.6 + resolution: "@babel/highlight@npm:7.18.6" + dependencies: + "@babel/helper-validator-identifier": ^7.18.6 + chalk: ^2.0.0 + js-tokens: ^4.0.0 + checksum: 92d8ee61549de5ff5120e945e774728e5ccd57fd3b2ed6eace020ec744823d4a98e242be1453d21764a30a14769ecd62170fba28539b211799bbaf232bbb2789 + languageName: node + linkType: hard + "@babel/parser@npm:^7.0.0, @babel/parser@npm:^7.1.0, @babel/parser@npm:^7.1.6, @babel/parser@npm:^7.12.11, @babel/parser@npm:^7.12.7, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.15.5, @babel/parser@npm:^7.15.7, @babel/parser@npm:^7.16.7, @babel/parser@npm:^7.17.3, @babel/parser@npm:^7.17.8": version: 7.17.8 resolution: "@babel/parser@npm:7.17.8" @@ -668,6 +819,15 @@ __metadata: languageName: node linkType: hard +"@babel/parser@npm:^7.18.10, @babel/parser@npm:^7.19.1": + version: 7.19.1 + resolution: "@babel/parser@npm:7.19.1" + bin: + parser: ./bin/babel-parser.js + checksum: b1e0acb346b2a533c857e1e97ac0886cdcbd76aafef67835a2b23f760c10568eb53ad8a27dd5f862d8ba4e583742e6067f107281ccbd68959d61bc61e4ddaa51 + languageName: node + linkType: hard + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.16.7": version: 7.16.7 resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.16.7" @@ -894,6 +1054,20 @@ __metadata: languageName: node linkType: hard +"@babel/plugin-proposal-private-property-in-object@npm:^7.12.1": + version: 7.18.6 + resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.18.6" + dependencies: + "@babel/helper-annotate-as-pure": ^7.18.6 + "@babel/helper-create-class-features-plugin": ^7.18.6 + "@babel/helper-plugin-utils": ^7.18.6 + "@babel/plugin-syntax-private-property-in-object": ^7.14.5 + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: c8e56a972930730345f39f2384916fd8e711b3f4b4eae2ca9740e99958980118120d5cc9b6ac150f0965a5a35f825910e2c3013d90be3e9993ab6111df444569 + languageName: node + linkType: hard + "@babel/plugin-proposal-private-property-in-object@npm:^7.16.7": version: 7.16.7 resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.16.7" @@ -1816,6 +1990,15 @@ __metadata: languageName: node linkType: hard +"@babel/runtime@npm:7.7.2": + version: 7.7.2 + resolution: "@babel/runtime@npm:7.7.2" + dependencies: + regenerator-runtime: ^0.13.2 + checksum: 4319b6a1771f2e0181de26a983ae2788f1af428dcac3c0225d459be8a50167cee5be0d66856306b8eab53c1b3e1cae68cb481ef1be5ca2259f997ce3b12557b7 + languageName: node + linkType: hard + "@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.10.0, @babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.10.4, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.15.4, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.16.7, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.4.4, @babel/runtime@npm:^7.5.0, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2": version: 7.17.8 resolution: "@babel/runtime@npm:7.17.8" @@ -1826,11 +2009,20 @@ __metadata: linkType: hard "@babel/runtime@npm:^7.14.8": - version: 7.18.3 - resolution: "@babel/runtime@npm:7.18.3" + version: 7.19.0 + resolution: "@babel/runtime@npm:7.19.0" dependencies: regenerator-runtime: ^0.13.4 - checksum: db8526226aa02cfa35a5a7ac1a34b5f303c62a1f000c7db48cb06c6290e616483e5036ab3c4e7a84d0f3be6d4e2148d5fe5cec9564bf955f505c3e764b83d7f1 + checksum: fa69c351bb05e1db3ceb9a02fdcf620c234180af68cdda02152d3561015f6d55277265d3109815992f96d910f3db709458cae4f8df1c3def66f32e0867d82294 + languageName: node + linkType: hard + +"@babel/runtime@npm:~7.5.4": + version: 7.5.5 + resolution: "@babel/runtime@npm:7.5.5" + dependencies: + regenerator-runtime: ^0.13.2 + checksum: b04ed65993bbf4371a880f7afc289f1f2a5f5a9e882c64448b41481aa289ed650a2b6155c6179f3d32fccf159f9be947989af5ff7a4f9b847f60f25e631ad533 languageName: node linkType: hard @@ -1845,6 +2037,17 @@ __metadata: languageName: node linkType: hard +"@babel/template@npm:^7.18.10": + version: 7.18.10 + resolution: "@babel/template@npm:7.18.10" + dependencies: + "@babel/code-frame": ^7.18.6 + "@babel/parser": ^7.18.10 + "@babel/types": ^7.18.10 + checksum: 93a6aa094af5f355a72bd55f67fa1828a046c70e46f01b1606e6118fa1802b6df535ca06be83cc5a5e834022be95c7b714f0a268b5f20af984465a71e28f1473 + languageName: node + linkType: hard + "@babel/traverse@npm:^7.12.11, @babel/traverse@npm:^7.12.9, @babel/traverse@npm:^7.13.0, @babel/traverse@npm:^7.15.4, @babel/traverse@npm:^7.16.7, @babel/traverse@npm:^7.16.8, @babel/traverse@npm:^7.17.3, @babel/traverse@npm:^7.7.2": version: 7.17.3 resolution: "@babel/traverse@npm:7.17.3" @@ -1863,6 +2066,24 @@ __metadata: languageName: node linkType: hard +"@babel/traverse@npm:^7.19.1": + version: 7.19.1 + resolution: "@babel/traverse@npm:7.19.1" + dependencies: + "@babel/code-frame": ^7.18.6 + "@babel/generator": ^7.19.0 + "@babel/helper-environment-visitor": ^7.18.9 + "@babel/helper-function-name": ^7.19.0 + "@babel/helper-hoist-variables": ^7.18.6 + "@babel/helper-split-export-declaration": ^7.18.6 + "@babel/parser": ^7.19.1 + "@babel/types": ^7.19.0 + debug: ^4.1.0 + globals: ^11.1.0 + checksum: 9d782b5089ebc989e54c2406814ed1206cb745ed2734e6602dee3e23d4b6ebbb703ff86e536276630f8de83fda6cde99f0634e3c3d847ddb40572d0303ba8800 + languageName: node + linkType: hard + "@babel/types@npm:^7.0.0, @babel/types@npm:^7.0.0-beta.49, @babel/types@npm:^7.12.11, @babel/types@npm:^7.12.6, @babel/types@npm:^7.12.7, @babel/types@npm:^7.15.4, @babel/types@npm:^7.16.0, @babel/types@npm:^7.16.7, @babel/types@npm:^7.16.8, @babel/types@npm:^7.17.0, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3": version: 7.17.0 resolution: "@babel/types@npm:7.17.0" @@ -1873,6 +2094,17 @@ __metadata: languageName: node linkType: hard +"@babel/types@npm:^7.18.10, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.9, @babel/types@npm:^7.19.0": + version: 7.19.0 + resolution: "@babel/types@npm:7.19.0" + dependencies: + "@babel/helper-string-parser": ^7.18.10 + "@babel/helper-validator-identifier": ^7.18.6 + to-fast-properties: ^2.0.0 + checksum: 9b346715a68aeede70ba9c685a144b0b26c53bcd595d448e24c8fa8df4d5956a5712e56ebadb7c85dcc32f218ee42788e37b93d50d3295c992072224cb3ef3fe + languageName: node + linkType: hard + "@base2/pretty-print-object@npm:1.0.1": version: 1.0.1 resolution: "@base2/pretty-print-object@npm:1.0.1" @@ -2603,6 +2835,72 @@ __metadata: languageName: node linkType: hard +"@design-systems/utils@npm:2.12.0": + version: 2.12.0 + resolution: "@design-systems/utils@npm:2.12.0" + dependencies: + "@babel/runtime": ^7.11.2 + clsx: ^1.0.4 + focus-lock: ^0.8.0 + react-merge-refs: ^1.0.0 + peerDependencies: + "@types/react": "*" + react: ">= 16.8.6" + react-dom: ">= 16.8.6" + checksum: 6659eadb485b55d25d465b0b262c22e7d196f35b27aa1f8f7b6f3bacda9d7c5f6186a46afe56dd223c70f91c61392c81a541ea7dec588960499d049a8c06f3b7 + languageName: node + linkType: hard + +"@devtools-ds/object-inspector@npm:^1.1.2": + version: 1.2.0 + resolution: "@devtools-ds/object-inspector@npm:1.2.0" + dependencies: + "@babel/runtime": 7.7.2 + "@devtools-ds/object-parser": ^1.2.0 + "@devtools-ds/themes": ^1.2.0 + "@devtools-ds/tree": ^1.2.0 + clsx: 1.1.0 + peerDependencies: + react: ">= 16.8.6" + checksum: f5254fe95afae4bb9dcc7fa9b5c5460b3a566ed97df2d40b338571c4028e346d81516e058fa86cf0e0a005342d7920d8ccbefadf436fc29dfffb4977a43e3f8a + languageName: node + linkType: hard + +"@devtools-ds/object-parser@npm:^1.2.0": + version: 1.2.0 + resolution: "@devtools-ds/object-parser@npm:1.2.0" + dependencies: + "@babel/runtime": ~7.5.4 + checksum: 1fb1cb20f6697553ec41a7874e838a397881a6271bcd89ce59a87bf5d36612df9ee43cd7cecadc8bffeea62d21cc73de5528c8fe51f4499610ac6a04d0ee28d7 + languageName: node + linkType: hard + +"@devtools-ds/themes@npm:^1.2.0": + version: 1.2.0 + resolution: "@devtools-ds/themes@npm:1.2.0" + dependencies: + "@babel/runtime": ~7.5.4 + "@design-systems/utils": 2.12.0 + clsx: 1.1.0 + peerDependencies: + react: ">= 16.8.6" + checksum: fc1db88056b18481abacc1dcffb86419fc05d66ddab375684dc66a6365ed348388b34137c9480ae30a623cb6c0348e18ecc67b24ba6a4a0da48b45a0e1b51c45 + languageName: node + linkType: hard + +"@devtools-ds/tree@npm:^1.2.0": + version: 1.2.0 + resolution: "@devtools-ds/tree@npm:1.2.0" + dependencies: + "@babel/runtime": 7.7.2 + "@devtools-ds/themes": ^1.2.0 + clsx: 1.1.0 + peerDependencies: + react: ">= 16.8.6" + checksum: fd0b2c8ae606d9ff5ed722371f91278b62da06b0162cf5b104ac7d176a555fc531942370c084bf27bd3525d61981bacdd3f8ac71411dcbc4bc1827b07f1482a0 + languageName: node + linkType: hard + "@discoveryjs/json-ext@npm:^0.5.3": version: 0.5.6 resolution: "@discoveryjs/json-ext@npm:0.5.6" @@ -2680,18 +2978,6 @@ __metadata: languageName: node linkType: hard -"@emotion/cache@npm:^10.0.27": - version: 10.0.29 - resolution: "@emotion/cache@npm:10.0.29" - dependencies: - "@emotion/sheet": 0.9.4 - "@emotion/stylis": 0.8.5 - "@emotion/utils": 0.11.3 - "@emotion/weak-memoize": 0.2.5 - checksum: 78b37fb0c2e513c90143a927abef229e995b6738ef8a92ce17abe2ed409b38859ddda7c14d7f4854d6f4e450b6db50231532f53a7fec4903d7ae775b2ae3fd64 - languageName: node - linkType: hard - "@emotion/cache@npm:^11.7.1": version: 11.7.1 resolution: "@emotion/cache@npm:11.7.1" @@ -2705,22 +2991,6 @@ __metadata: languageName: node linkType: hard -"@emotion/core@npm:^10.1.1": - version: 10.3.1 - resolution: "@emotion/core@npm:10.3.1" - dependencies: - "@babel/runtime": ^7.5.5 - "@emotion/cache": ^10.0.27 - "@emotion/css": ^10.0.27 - "@emotion/serialize": ^0.11.15 - "@emotion/sheet": 0.9.4 - "@emotion/utils": 0.11.3 - peerDependencies: - react: ">=16.3.0" - checksum: d2dad428e1b2cf0777badfb55e262d369273be9b2e6e9e7d61c953066c00811d544a6234db36b17ee07872ed092f4dd102bf6ffe2c76fc38d53eef3a60fddfd0 - languageName: node - linkType: hard - "@emotion/css-prettifier@npm:^1.0.1": version: 1.0.1 resolution: "@emotion/css-prettifier@npm:1.0.1" @@ -2731,17 +3001,6 @@ __metadata: languageName: node linkType: hard -"@emotion/css@npm:^10.0.27": - version: 10.0.27 - resolution: "@emotion/css@npm:10.0.27" - dependencies: - "@emotion/serialize": ^0.11.15 - "@emotion/utils": 0.11.3 - babel-plugin-emotion: ^10.0.27 - checksum: 1420f5b514fc3a8500bcf90384b309b0d9acc9f687ec3a655166b55dc81d1661d6b6132ea6fe6730d0071c10da93bf9427937c22a90a18088af4ba5e11d59141 - languageName: node - linkType: hard - "@emotion/css@npm:^11.9.0": version: 11.9.0 resolution: "@emotion/css@npm:11.9.0" @@ -2769,14 +3028,14 @@ __metadata: languageName: node linkType: hard -"@emotion/hash@npm:0.8.0, @emotion/hash@npm:^0.8.0": +"@emotion/hash@npm:^0.8.0": version: 0.8.0 resolution: "@emotion/hash@npm:0.8.0" checksum: 4b35d88a97e67275c1d990c96d3b0450451d089d1508619488fc0acb882cb1ac91e93246d471346ebd1b5402215941ef4162efe5b51534859b39d8b3a0e3ffaa languageName: node linkType: hard -"@emotion/is-prop-valid@npm:0.8.8, @emotion/is-prop-valid@npm:^0.8.1, @emotion/is-prop-valid@npm:^0.8.6": +"@emotion/is-prop-valid@npm:^0.8.1": version: 0.8.8 resolution: "@emotion/is-prop-valid@npm:0.8.8" dependencies: @@ -2852,19 +3111,6 @@ __metadata: languageName: node linkType: hard -"@emotion/serialize@npm:^0.11.15, @emotion/serialize@npm:^0.11.16": - version: 0.11.16 - resolution: "@emotion/serialize@npm:0.11.16" - dependencies: - "@emotion/hash": 0.8.0 - "@emotion/memoize": 0.7.4 - "@emotion/unitless": 0.7.5 - "@emotion/utils": 0.11.3 - csstype: ^2.5.7 - checksum: 2949832fab9d803e6236f2af6aad021c09c6b6722ae910b06b4ec3bfb84d77cbecfe3eab9a7dcc269ac73e672ef4b696c7836825931670cb110731712e331438 - languageName: node - linkType: hard - "@emotion/serialize@npm:^1.0.2, @emotion/serialize@npm:^1.0.3": version: 1.0.3 resolution: "@emotion/serialize@npm:1.0.3" @@ -2878,13 +3124,6 @@ __metadata: languageName: node linkType: hard -"@emotion/sheet@npm:0.9.4": - version: 0.9.4 - resolution: "@emotion/sheet@npm:0.9.4" - checksum: 53bb833b4bb69ea2af04e1ecad164f78fb2614834d2820f584c909686a8e047c44e96a6e824798c5c558e6d95e10772454a9e5c473c5dbe0d198e50deb2815bc - languageName: node - linkType: hard - "@emotion/sheet@npm:^1.0.3, @emotion/sheet@npm:^1.1.0": version: 1.1.0 resolution: "@emotion/sheet@npm:1.1.0" @@ -2892,21 +3131,6 @@ __metadata: languageName: node linkType: hard -"@emotion/styled-base@npm:^10.3.0": - version: 10.3.0 - resolution: "@emotion/styled-base@npm:10.3.0" - dependencies: - "@babel/runtime": ^7.5.5 - "@emotion/is-prop-valid": 0.8.8 - "@emotion/serialize": ^0.11.15 - "@emotion/utils": 0.11.3 - peerDependencies: - "@emotion/core": ^10.0.28 - react: ">=16.3.0" - checksum: ac0bb8f39e92fda12686afe5d398f7215cc7276d66195d5937f58ee7dae516e58017594cc74deed72859043623db824fdaf8213d29276316749ebff2ef7a5e4d - languageName: node - linkType: hard - "@emotion/styled@npm:11.6.0": version: 11.6.0 resolution: "@emotion/styled@npm:11.6.0" @@ -2929,40 +3153,13 @@ __metadata: languageName: node linkType: hard -"@emotion/styled@npm:^10.0.27": - version: 10.3.0 - resolution: "@emotion/styled@npm:10.3.0" - dependencies: - "@emotion/styled-base": ^10.3.0 - babel-plugin-emotion: ^10.0.27 - peerDependencies: - "@emotion/core": ^10.0.27 - react: ">=16.3.0" - checksum: 9d9609c008c009d8b9249fdbb2017a404b1fc6c9118c84ec9a916e86670d4c61f03fee24297ad10b460dab628ff8260066338617ee99ede3ae7969ce5995e9bc - languageName: node - linkType: hard - -"@emotion/stylis@npm:0.8.5": - version: 0.8.5 - resolution: "@emotion/stylis@npm:0.8.5" - checksum: 67ff5958449b2374b329fb96e83cb9025775ffe1e79153b499537c6c8b2eb64b77f32d7b5d004d646973662356ceb646afd9269001b97c54439fceea3203ce65 - languageName: node - linkType: hard - -"@emotion/unitless@npm:0.7.5, @emotion/unitless@npm:^0.7.5": +"@emotion/unitless@npm:^0.7.5": version: 0.7.5 resolution: "@emotion/unitless@npm:0.7.5" checksum: f976e5345b53fae9414a7b2e7a949aa6b52f8bdbcc84458b1ddc0729e77ba1d1dfdff9960e0da60183877873d3a631fa24d9695dd714ed94bcd3ba5196586a6b languageName: node linkType: hard -"@emotion/utils@npm:0.11.3": - version: 0.11.3 - resolution: "@emotion/utils@npm:0.11.3" - checksum: 9c4204bda84f9acd153a9be9478a83f9baa74d5d7a4c21882681c4d1b86cd113b84540cb1f92e1c30313b5075f024da2658dbc553f5b00776ef9b6ec7991c0c9 - languageName: node - linkType: hard - "@emotion/utils@npm:^1.0.0": version: 1.1.0 resolution: "@emotion/utils@npm:1.1.0" @@ -2970,7 +3167,7 @@ __metadata: languageName: node linkType: hard -"@emotion/weak-memoize@npm:0.2.5, @emotion/weak-memoize@npm:^0.2.5": +"@emotion/weak-memoize@npm:^0.2.5": version: 0.2.5 resolution: "@emotion/weak-memoize@npm:0.2.5" checksum: 27d402b0c683b94658220b6d47840346ee582329ca2a15ec9c233492e0f1a27687ccb233b76eedc922f2e185e444cc89f7b97a81a1d3e5ae9f075bab08e965ea @@ -4098,6 +4295,17 @@ __metadata: languageName: node linkType: hard +"@jridgewell/gen-mapping@npm:^0.3.2": + version: 0.3.2 + resolution: "@jridgewell/gen-mapping@npm:0.3.2" + dependencies: + "@jridgewell/set-array": ^1.0.1 + "@jridgewell/sourcemap-codec": ^1.4.10 + "@jridgewell/trace-mapping": ^0.3.9 + checksum: 1832707a1c476afebe4d0fbbd4b9434fdb51a4c3e009ab1e9938648e21b7a97049fa6009393bdf05cab7504108413441df26d8a3c12193996e65493a4efb6882 + languageName: node + linkType: hard + "@jridgewell/resolve-uri@npm:^3.0.3": version: 3.0.5 resolution: "@jridgewell/resolve-uri@npm:3.0.5" @@ -4105,6 +4313,13 @@ __metadata: languageName: node linkType: hard +"@jridgewell/set-array@npm:^1.0.1": + version: 1.1.2 + resolution: "@jridgewell/set-array@npm:1.1.2" + checksum: 69a84d5980385f396ff60a175f7177af0b8da4ddb81824cb7016a9ef914eee9806c72b6b65942003c63f7983d4f39a5c6c27185bbca88eb4690b62075602e28e + languageName: node + linkType: hard + "@jridgewell/sourcemap-codec@npm:^1.4.10": version: 1.4.11 resolution: "@jridgewell/sourcemap-codec@npm:1.4.11" @@ -4122,6 +4337,16 @@ __metadata: languageName: node linkType: hard +"@jridgewell/trace-mapping@npm:^0.3.9": + version: 0.3.15 + resolution: "@jridgewell/trace-mapping@npm:0.3.15" + dependencies: + "@jridgewell/resolve-uri": ^3.0.3 + "@jridgewell/sourcemap-codec": ^1.4.10 + checksum: 38917e9c2b014d469a9f51c016ed506acbe44dd16ec2f6f99b553ebf3764d22abadbf992f2367b6d2b3511f3eae8ed3a8963f6c1030093fda23efd35ecab2bae + languageName: node + linkType: hard + "@lerna/add@npm:4.0.0": version: 4.0.0 resolution: "@lerna/add@npm:4.0.0" @@ -5223,18 +5448,7 @@ __metadata: languageName: node linkType: hard -"@mdx-js/loader@npm:^1.6.22": - version: 1.6.22 - resolution: "@mdx-js/loader@npm:1.6.22" - dependencies: - "@mdx-js/mdx": 1.6.22 - "@mdx-js/react": 1.6.22 - loader-utils: 2.0.0 - checksum: 5ce4b92824555c6dd06c12ee7b9fc036e41499a5026218597316236d62253b6ff6417a416445a71f685716b57bbfc45593f156373252d1f53510b9ef9666334a - languageName: node - linkType: hard - -"@mdx-js/mdx@npm:1.6.22, @mdx-js/mdx@npm:^1.6.22": +"@mdx-js/mdx@npm:^1.6.22": version: 1.6.22 resolution: "@mdx-js/mdx@npm:1.6.22" dependencies: @@ -5261,7 +5475,7 @@ __metadata: languageName: node linkType: hard -"@mdx-js/react@npm:1.6.22, @mdx-js/react@npm:^1.6.22": +"@mdx-js/react@npm:^1.6.22": version: 1.6.22 resolution: "@mdx-js/react@npm:1.6.22" peerDependencies: @@ -7125,45 +7339,6 @@ __metadata: languageName: node linkType: hard -"@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.1": - version: 0.5.7 - resolution: "@pmmmwh/react-refresh-webpack-plugin@npm:0.5.7" - dependencies: - ansi-html-community: ^0.0.8 - common-path-prefix: ^3.0.0 - core-js-pure: ^3.8.1 - error-stack-parser: ^2.0.6 - find-up: ^5.0.0 - html-entities: ^2.1.0 - loader-utils: ^2.0.0 - schema-utils: ^3.0.0 - source-map: ^0.7.3 - peerDependencies: - "@types/webpack": 4.x || 5.x - react-refresh: ">=0.10.0 <1.0.0" - sockjs-client: ^1.4.0 - type-fest: ">=0.17.0 <3.0.0" - webpack: ">=4.43.0 <6.0.0" - webpack-dev-server: 3.x || 4.x - webpack-hot-middleware: 2.x - webpack-plugin-serve: 0.x || 1.x - peerDependenciesMeta: - "@types/webpack": - optional: true - sockjs-client: - optional: true - type-fest: - optional: true - webpack-dev-server: - optional: true - webpack-hot-middleware: - optional: true - webpack-plugin-serve: - optional: true - checksum: 3490649181878cc8808fb91f3870ef095e5a1fb9647b3ac83740df07379c9d1cf540f24bf2b09d5f26a3a8c805b2c6b9c5be7192bdb9317d0ffffa67426e9f66 - languageName: node - linkType: hard - "@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.3": version: 0.5.4 resolution: "@pmmmwh/react-refresh-webpack-plugin@npm:0.5.4" @@ -7210,13 +7385,6 @@ __metadata: languageName: node linkType: hard -"@popperjs/core@npm:^2.6.0": - version: 2.11.5 - resolution: "@popperjs/core@npm:2.11.5" - checksum: fd7f9dca3fb716d7426332b6ee283f88d2724c0ab342fb678865a640bad403dfb9eeebd8204a406986162f7e2b33394f104320008b74d0e9066d7322f70ea35d - languageName: node - linkType: hard - "@reach/dialog@npm:0.16.2": version: 0.16.2 resolution: "@reach/dialog@npm:0.16.2" @@ -7566,18 +7734,18 @@ __metadata: languageName: node linkType: hard -"@storybook/addon-a11y@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addon-a11y@npm:6.4.20" +"@storybook/addon-a11y@npm:^6.5.12": + version: 6.5.12 + resolution: "@storybook/addon-a11y@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/channels": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/theming": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/channels": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/theming": 6.5.12 axe-core: ^4.2.0 core-js: ^3.8.2 global: ^4.4.0 @@ -7587,62 +7755,63 @@ __metadata: ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: react: optional: true react-dom: optional: true - checksum: 3f8844804138fe8bbfc3686923745b25a4c9d3c6eeb56b221b7bc08542f01f6dfbc261c691c7bb80636f84c8074f64b27932c68d1788d48c438118f4f2f7cbb6 + checksum: f93f3c4f4dd9f2f8cfc79200d6201a385d19a3d1bb71ed4b253347db2628f7f414d3479d5545302383a8ff7580bfa5f542ddc9c22ee95ff1abc005e152193580 languageName: node linkType: hard -"@storybook/addon-actions@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addon-actions@npm:6.4.20" +"@storybook/addon-actions@npm:6.5.12, @storybook/addon-actions@npm:^6.5.12": + version: 6.5.12 + resolution: "@storybook/addon-actions@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/theming": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/theming": 6.5.12 core-js: ^3.8.2 fast-deep-equal: ^3.1.3 global: ^4.4.0 lodash: ^4.17.21 - polished: ^4.0.5 + polished: ^4.2.2 prop-types: ^15.7.2 react-inspector: ^5.1.0 regenerator-runtime: ^0.13.7 - telejson: ^5.3.2 + telejson: ^6.0.8 ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 uuid-browser: ^3.1.0 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: react: optional: true react-dom: optional: true - checksum: e844f31a2a5434850d1628e8fc56dda90863eed357f28e478c4d53b6767b62b3004c94e6b9cf8474fd479097318dbc6a2f205495dd66eae3a191365001c9b570 + checksum: 94f433a6b0956e4301e5b46c68eb56f6a9b01b5ec314099611d584542369d1aec4878a5353052f963e462b1b5f3ce74070f0d03eadf30e275b0b88ef7b713dd8 languageName: node linkType: hard -"@storybook/addon-backgrounds@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addon-backgrounds@npm:6.4.20" +"@storybook/addon-backgrounds@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/addon-backgrounds@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/theming": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/theming": 6.5.12 core-js: ^3.8.2 global: ^4.4.0 memoizerific: ^1.11.3 @@ -7650,224 +7819,192 @@ __metadata: ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: react: optional: true react-dom: optional: true - checksum: 3aad65118ce4cf6d2c4b79cbfa5976c3cd59326b7c73099d4b538779ccbf090d1ecdf4dc793c9fa0c58d60ff323e24792b1d74bac2c2f63cc4e95f3eb65efe86 + checksum: 67022905eb4c7104a28ae4feb3db99aa6f07b1f655fbeeb6bff6897dc2f70e452f7f799a98430c07242b2ba1b7bb0104a1879d9bf8fa855fea8293b6109f3a59 languageName: node linkType: hard -"@storybook/addon-controls@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addon-controls@npm:6.4.20" +"@storybook/addon-controls@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/addon-controls@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/core-common": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/node-logger": 6.4.20 - "@storybook/store": 6.4.20 - "@storybook/theming": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/core-common": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/node-logger": 6.5.12 + "@storybook/store": 6.5.12 + "@storybook/theming": 6.5.12 core-js: ^3.8.2 lodash: ^4.17.21 ts-dedent: ^2.0.0 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: react: optional: true react-dom: optional: true - checksum: 4f3ddb680a9f0828678b3db01ee4431d71e5713c5cdb3e2e8ffc788341656fc93413bd8d2f7a38328e060c8bf541f02040a9693ba785024bad888fa0dc854e20 + checksum: 27ee396ae4ab411b1bd99eacb0ebe747aa36300dc3b787d48eb685a446e64e33ff7df3b8713943132b6dbe3c78af3d2d6115b4da4c6196ec351d843690ab8a55 languageName: node linkType: hard -"@storybook/addon-docs@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addon-docs@npm:6.4.20" +"@storybook/addon-docs@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/addon-docs@npm:6.5.12" dependencies: - "@babel/core": ^7.12.10 - "@babel/generator": ^7.12.11 - "@babel/parser": ^7.12.11 "@babel/plugin-transform-react-jsx": ^7.12.12 "@babel/preset-env": ^7.12.11 "@jest/transform": ^26.6.2 - "@mdx-js/loader": ^1.6.22 - "@mdx-js/mdx": ^1.6.22 "@mdx-js/react": ^1.6.22 - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/builder-webpack4": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/core": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/csf-tools": 6.4.20 - "@storybook/node-logger": 6.4.20 - "@storybook/postinstall": 6.4.20 - "@storybook/preview-web": 6.4.20 - "@storybook/source-loader": 6.4.20 - "@storybook/store": 6.4.20 - "@storybook/theming": 6.4.20 - acorn: ^7.4.1 - acorn-jsx: ^5.3.1 - acorn-walk: ^7.2.0 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/core-common": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/docs-tools": 6.5.12 + "@storybook/mdx1-csf": ^0.0.1 + "@storybook/node-logger": 6.5.12 + "@storybook/postinstall": 6.5.12 + "@storybook/preview-web": 6.5.12 + "@storybook/source-loader": 6.5.12 + "@storybook/store": 6.5.12 + "@storybook/theming": 6.5.12 + babel-loader: ^8.0.0 core-js: ^3.8.2 - doctrine: ^3.0.0 - escodegen: ^2.0.0 fast-deep-equal: ^3.1.3 global: ^4.4.0 - html-tags: ^3.1.0 - js-string-escape: ^1.0.1 - loader-utils: ^2.0.0 lodash: ^4.17.21 - nanoid: ^3.1.23 - p-limit: ^3.1.0 - prettier: ">=2.2.1 <=2.3.0" - prop-types: ^15.7.2 - react-element-to-jsx-string: ^14.3.4 regenerator-runtime: ^0.13.7 remark-external-links: ^8.0.0 remark-slug: ^6.0.0 ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 peerDependencies: - "@storybook/angular": 6.4.20 - "@storybook/html": 6.4.20 - "@storybook/react": 6.4.20 - "@storybook/vue": 6.4.20 - "@storybook/vue3": 6.4.20 - "@storybook/web-components": 6.4.20 - lit: ^2.0.0 - lit-html: ^1.4.1 || ^2.0.0 - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - svelte: ^3.31.2 - sveltedoc-parser: ^4.1.0 - vue: ^2.6.10 || ^3.0.0 - webpack: "*" + "@storybook/mdx2-csf": ^0.0.3 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: - "@storybook/angular": - optional: true - "@storybook/html": - optional: true - "@storybook/react": - optional: true - "@storybook/vue": - optional: true - "@storybook/vue3": - optional: true - "@storybook/web-components": - optional: true - lit: - optional: true - lit-html: + "@storybook/mdx2-csf": optional: true react: optional: true react-dom: optional: true - svelte: - optional: true - sveltedoc-parser: - optional: true - vue: - optional: true - webpack: - optional: true - checksum: 63fa1cee650e3592a3b4da0abe47aeb59816f0761fd6294b97b024167820701e474c156e89c3c256fd3ae4157a3cdb8240ca1295fae3f53140a4cef021ecb5a5 + checksum: 671e6cf220a3657cb275dadfee6e5a3ea165c939b9919dac984881795a8d369bb01a45ab368f371d9499dd65743392969a46527d858c780de13871b9df8cdcdf languageName: node linkType: hard -"@storybook/addon-essentials@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addon-essentials@npm:6.4.20" +"@storybook/addon-essentials@npm:^6.5.12": + version: 6.5.12 + resolution: "@storybook/addon-essentials@npm:6.5.12" dependencies: - "@storybook/addon-actions": 6.4.20 - "@storybook/addon-backgrounds": 6.4.20 - "@storybook/addon-controls": 6.4.20 - "@storybook/addon-docs": 6.4.20 - "@storybook/addon-measure": 6.4.20 - "@storybook/addon-outline": 6.4.20 - "@storybook/addon-toolbars": 6.4.20 - "@storybook/addon-viewport": 6.4.20 - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/node-logger": 6.4.20 + "@storybook/addon-actions": 6.5.12 + "@storybook/addon-backgrounds": 6.5.12 + "@storybook/addon-controls": 6.5.12 + "@storybook/addon-docs": 6.5.12 + "@storybook/addon-measure": 6.5.12 + "@storybook/addon-outline": 6.5.12 + "@storybook/addon-toolbars": 6.5.12 + "@storybook/addon-viewport": 6.5.12 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/core-common": 6.5.12 + "@storybook/node-logger": 6.5.12 core-js: ^3.8.2 regenerator-runtime: ^0.13.7 ts-dedent: ^2.0.0 peerDependencies: "@babel/core": ^7.9.6 - "@storybook/vue": 6.4.20 - "@storybook/web-components": 6.4.20 - babel-loader: ^8.0.0 - lit-html: ^1.4.1 || ^2.0.0-rc.3 - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - webpack: "*" peerDependenciesMeta: + "@storybook/angular": + optional: true + "@storybook/builder-manager4": + optional: true + "@storybook/builder-manager5": + optional: true + "@storybook/builder-webpack4": + optional: true + "@storybook/builder-webpack5": + optional: true + "@storybook/html": + optional: true "@storybook/vue": optional: true + "@storybook/vue3": + optional: true "@storybook/web-components": optional: true + lit: + optional: true lit-html: optional: true react: optional: true react-dom: optional: true + svelte: + optional: true + sveltedoc-parser: + optional: true + vue: + optional: true webpack: optional: true - checksum: ee23765b5939fdb1abb026c6a3dffd0689c435ea44ad70475470312c5fd3823c790e9739ea07994abb7b842164117d59b1cc94656b1c60fe382221a9d32073d9 + checksum: f69d545f7fac829d7688f132bc2a8e59fc387992864f7edd26ec52b993223f29a42d8805c75b5074a3c4fb2061b661b18d5d0971d3010982996e451407f74fea languageName: node linkType: hard -"@storybook/addon-interactions@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addon-interactions@npm:6.4.20" +"@storybook/addon-interactions@npm:^6.5.12": + version: 6.5.12 + resolution: "@storybook/addon-interactions@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/core-common": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/instrumenter": 6.4.20 - "@storybook/theming": 6.4.20 + "@devtools-ds/object-inspector": ^1.1.2 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/core-common": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/instrumenter": 6.5.12 + "@storybook/theming": 6.5.12 + core-js: ^3.8.2 global: ^4.4.0 jest-mock: ^27.0.6 - polished: ^4.0.5 + polished: ^4.2.2 ts-dedent: ^2.2.0 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: react: optional: true react-dom: optional: true - checksum: 4b716cf42b2d959991bd3cf7e387cd9deb5e73f8df883aa9aba5588e3469d4a37b4db812539f0743ad5c5e0fe39f5228b1124184229ca284b69649589852f7fb + checksum: 36ab6aa3e716bf97331be7a473d2adf5ffa213acb4114985c3bf625b69fa02572dc030f122eda83428cef105e26491efc6622e44fc7f8ef4ecb400635ddeedd4 languageName: node linkType: hard -"@storybook/addon-links@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addon-links@npm:6.4.20" +"@storybook/addon-links@npm:^6.5.12": + version: 6.5.12 + resolution: "@storybook/addon-links@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/router": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/router": 6.5.12 "@types/qs": ^6.9.5 core-js: ^3.8.2 global: ^4.4.0 @@ -7876,135 +8013,136 @@ __metadata: regenerator-runtime: ^0.13.7 ts-dedent: ^2.0.0 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: react: optional: true react-dom: optional: true - checksum: eb959700097eeae4fa3820cef75371924060703f09d43c1b023918bce86a8b21780630e667f166d948943d7ada93a8f6b76eeb89eed1a420848574791834c0df + checksum: 9e1394bc2fed9019537f3fee9f60abc4ea866d1688df72a435052dd07f25a8bac848d6acc2beef92af0cebc3715e9db9ae1bd95c87311a8b9fad7dee988bbd1d languageName: node linkType: hard -"@storybook/addon-measure@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addon-measure@npm:6.4.20" +"@storybook/addon-measure@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/addon-measure@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 core-js: ^3.8.2 global: ^4.4.0 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: react: optional: true react-dom: optional: true - checksum: a4b6f01f0ddd711127741159521616d639adb607fbda9d95d7072c8c53fcad8698461a566e3a4a62be906bc0cba1c6cbbd2b1550fdd11d3a5ea65ffc5864cbab + checksum: d47015e4e48f9d172d3faae9a49c1b3c749989299d6743ca29c646c4b2d43505c66678c77c035f524b50b54a520ae701def4da81daf80e2649b67174e05df89c languageName: node linkType: hard -"@storybook/addon-outline@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addon-outline@npm:6.4.20" +"@storybook/addon-outline@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/addon-outline@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 core-js: ^3.8.2 global: ^4.4.0 regenerator-runtime: ^0.13.7 ts-dedent: ^2.0.0 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: react: optional: true react-dom: optional: true - checksum: ab673467f6f91b75fc8e54aaa0e53d6c3abddc734e96083f9e1785b018678580b8c06ee189ce790525db68a60cd58d86c1d80e8b0f50af29118ed83057387c13 + checksum: 3ba7859e27178450107cae7210aa9b41ce20d9b050ad5281ef25ff9b513f132c3a0bd460d69840d7d177c7c32aa6abe71875514f373569c86f64ad24feca0f15 languageName: node linkType: hard -"@storybook/addon-toolbars@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addon-toolbars@npm:6.4.20" +"@storybook/addon-toolbars@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/addon-toolbars@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/theming": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/theming": 6.5.12 core-js: ^3.8.2 regenerator-runtime: ^0.13.7 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: react: optional: true react-dom: optional: true - checksum: e8e37d66a8a4fba1a438b9a3e34c8324ebade33733b01a8440cede7e88d7e9367c0bb53cd910b6bb79e3da525768253e16159a696e1c80f28efe0f0b7347a6db + checksum: 0b75ec7c9f7a789fb8cf2de0c2a8cf9a72c7f241be1bbe0b1faf832146bab29c722f825b64c1093b6e6127c7316d8a8f0aeeada4249915063d4795a7e79c3b0a languageName: node linkType: hard -"@storybook/addon-viewport@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addon-viewport@npm:6.4.20" +"@storybook/addon-viewport@npm:6.5.12, @storybook/addon-viewport@npm:^6.5.12": + version: 6.5.12 + resolution: "@storybook/addon-viewport@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/theming": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/theming": 6.5.12 core-js: ^3.8.2 global: ^4.4.0 memoizerific: ^1.11.3 prop-types: ^15.7.2 regenerator-runtime: ^0.13.7 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: react: optional: true react-dom: optional: true - checksum: 30abb9ff82decb2a692016abb725100d1b4567c84f38d3303978632b56e4f964e28191ae89147701bff47275e57f0b7c23aba103a2c2ddfdf6c45c4d55beb1fb + checksum: 72d4b8a1b22456d3fa1cbe18c4804e3bae17790078a356e8ff43b2262842253f019b2cddbeeffbaef19fc06eecb55e48d895b2c9118238fb103d37aff8790378 languageName: node linkType: hard -"@storybook/addons@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/addons@npm:6.4.20" +"@storybook/addons@npm:6.5.12, @storybook/addons@npm:^6.5.12": + version: 6.5.12 + resolution: "@storybook/addons@npm:6.5.12" dependencies: - "@storybook/api": 6.4.20 - "@storybook/channels": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/router": 6.4.20 - "@storybook/theming": 6.4.20 + "@storybook/api": 6.5.12 + "@storybook/channels": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/router": 6.5.12 + "@storybook/theming": 6.5.12 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 global: ^4.4.0 regenerator-runtime: ^0.13.7 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - checksum: d6b28b585a494b6f706e4980578ae0650fcdd8f5e56324a61db74625b182ec9a6b373e60fbbea626aa978f5bbf636f4a30cb3b78cada922d89a6061f9bf500d7 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: c6242a80c7355544eb309603e77fdc3787d78ad983aba931f00812aeba75cc2cbd0e98c1ac0ce01441b58fabcdb671a9a799358f4bd6511cab289bc030d91f61 languageName: node linkType: hard @@ -8030,17 +8168,17 @@ __metadata: languageName: node linkType: hard -"@storybook/api@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/api@npm:6.4.20" +"@storybook/api@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/api@npm:6.5.12" dependencies: - "@storybook/channels": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/router": 6.4.20 + "@storybook/channels": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/router": 6.5.12 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.4.20 + "@storybook/theming": 6.5.12 core-js: ^3.8.2 fast-deep-equal: ^3.1.3 global: ^4.4.0 @@ -8048,13 +8186,13 @@ __metadata: memoizerific: ^1.11.3 regenerator-runtime: ^0.13.7 store2: ^2.12.0 - telejson: ^5.3.2 + telejson: ^6.0.8 ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - checksum: 8fe31d8af8c0d8c8ec2880f61a50a181b636a2d6d73c0b76877f4dedc9467f7cd041bffbb670c740b07242084a2de501e6dc1e241a8a420ed930fd543ef3ef7e + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: 3982cea5aaf851ccc19ff97ef82b7590d47839f0ebee28399e3b9381578edc130b4e46fe36431c62fa281949b2e0d5da2b1feafab0c2d24f70c4097d800b2679 languageName: node linkType: hard @@ -8086,53 +8224,31 @@ __metadata: languageName: node linkType: hard -"@storybook/builder-webpack4@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/builder-webpack4@npm:6.4.20" +"@storybook/builder-webpack4@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/builder-webpack4@npm:6.5.12" dependencies: "@babel/core": ^7.12.10 - "@babel/plugin-proposal-class-properties": ^7.12.1 - "@babel/plugin-proposal-decorators": ^7.12.12 - "@babel/plugin-proposal-export-default-from": ^7.12.1 - "@babel/plugin-proposal-nullish-coalescing-operator": ^7.12.1 - "@babel/plugin-proposal-object-rest-spread": ^7.12.1 - "@babel/plugin-proposal-optional-chaining": ^7.12.7 - "@babel/plugin-proposal-private-methods": ^7.12.1 - "@babel/plugin-syntax-dynamic-import": ^7.8.3 - "@babel/plugin-transform-arrow-functions": ^7.12.1 - "@babel/plugin-transform-block-scoping": ^7.12.12 - "@babel/plugin-transform-classes": ^7.12.1 - "@babel/plugin-transform-destructuring": ^7.12.1 - "@babel/plugin-transform-for-of": ^7.12.1 - "@babel/plugin-transform-parameters": ^7.12.1 - "@babel/plugin-transform-shorthand-properties": ^7.12.1 - "@babel/plugin-transform-spread": ^7.12.1 - "@babel/plugin-transform-template-literals": ^7.12.1 - "@babel/preset-env": ^7.12.11 - "@babel/preset-react": ^7.12.10 - "@babel/preset-typescript": ^7.12.7 - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/channel-postmessage": 6.4.20 - "@storybook/channels": 6.4.20 - "@storybook/client-api": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/core-common": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/node-logger": 6.4.20 - "@storybook/preview-web": 6.4.20 - "@storybook/router": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/channel-postmessage": 6.5.12 + "@storybook/channels": 6.5.12 + "@storybook/client-api": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/core-common": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/node-logger": 6.5.12 + "@storybook/preview-web": 6.5.12 + "@storybook/router": 6.5.12 "@storybook/semver": ^7.3.2 - "@storybook/store": 6.4.20 - "@storybook/theming": 6.4.20 - "@storybook/ui": 6.4.20 - "@types/node": ^14.0.10 + "@storybook/store": 6.5.12 + "@storybook/theming": 6.5.12 + "@storybook/ui": 6.5.12 + "@types/node": ^14.0.10 || ^16.0.0 "@types/webpack": ^4.41.26 autoprefixer: ^9.8.6 babel-loader: ^8.0.0 - babel-plugin-macros: ^2.8.0 - babel-plugin-polyfill-corejs3: ^0.1.0 case-sensitive-paths-webpack-plugin: ^2.3.0 core-js: ^3.8.2 css-loader: ^3.6.0 @@ -8160,58 +8276,39 @@ __metadata: webpack-hot-middleware: ^2.25.1 webpack-virtual-modules: ^0.2.2 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: typescript: optional: true - checksum: 1021e334635ced2f0945c2ef76fb4e8aeff74a99cabcb099b25f84958646e2010ce46f95182ac9b1ea4a491c2b3a61e9a875d57e880fd67b4acfe450958cd13c + checksum: 3cb72ade60fc0767480c424cd5da6659027c35759852198936530c555d7fa1ae18326b3d696def06a54a55f7f26a6eb0246e675ea566c5bbfc63db54e0ad8880 languageName: node linkType: hard -"@storybook/builder-webpack5@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/builder-webpack5@npm:6.4.20" +"@storybook/builder-webpack5@npm:^6.5.12": + version: 6.5.12 + resolution: "@storybook/builder-webpack5@npm:6.5.12" dependencies: "@babel/core": ^7.12.10 - "@babel/plugin-proposal-class-properties": ^7.12.1 - "@babel/plugin-proposal-decorators": ^7.12.12 - "@babel/plugin-proposal-export-default-from": ^7.12.1 - "@babel/plugin-proposal-nullish-coalescing-operator": ^7.12.1 - "@babel/plugin-proposal-object-rest-spread": ^7.12.1 - "@babel/plugin-proposal-optional-chaining": ^7.12.7 - "@babel/plugin-proposal-private-methods": ^7.12.1 - "@babel/plugin-syntax-dynamic-import": ^7.8.3 - "@babel/plugin-transform-arrow-functions": ^7.12.1 - "@babel/plugin-transform-block-scoping": ^7.12.12 - "@babel/plugin-transform-classes": ^7.12.1 - "@babel/plugin-transform-destructuring": ^7.12.1 - "@babel/plugin-transform-for-of": ^7.12.1 - "@babel/plugin-transform-parameters": ^7.12.1 - "@babel/plugin-transform-shorthand-properties": ^7.12.1 - "@babel/plugin-transform-spread": ^7.12.1 - "@babel/preset-env": ^7.12.11 - "@babel/preset-react": ^7.12.10 - "@babel/preset-typescript": ^7.12.7 - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/channel-postmessage": 6.4.20 - "@storybook/channels": 6.4.20 - "@storybook/client-api": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/core-common": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/node-logger": 6.4.20 - "@storybook/preview-web": 6.4.20 - "@storybook/router": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/channel-postmessage": 6.5.12 + "@storybook/channels": 6.5.12 + "@storybook/client-api": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/core-common": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/node-logger": 6.5.12 + "@storybook/preview-web": 6.5.12 + "@storybook/router": 6.5.12 "@storybook/semver": ^7.3.2 - "@storybook/store": 6.4.20 - "@storybook/theming": 6.4.20 - "@types/node": ^14.0.10 + "@storybook/store": 6.5.12 + "@storybook/theming": 6.5.12 + "@types/node": ^14.0.10 || ^16.0.0 babel-loader: ^8.0.0 - babel-plugin-macros: ^3.0.1 - babel-plugin-polyfill-corejs3: ^0.1.0 + babel-plugin-named-exports-order: ^0.0.2 + browser-assert: ^1.2.1 case-sensitive-paths-webpack-plugin: ^2.3.0 core-js: ^3.8.2 css-loader: ^5.0.1 @@ -8231,51 +8328,51 @@ __metadata: webpack-hot-middleware: ^2.25.1 webpack-virtual-modules: ^0.4.1 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: typescript: optional: true - checksum: 4f061b302c07a23381dda93c538244a2ae97da705c2b710ede9076c7a0983a7962d26f2a76baed311cb0986a29a34dbf4acabb1123980fafb493639400f424a5 + checksum: 60387a186defc3b40ceae8c41376da5de65d52cc652a203bce8ef8733e54bec552143440ce5fb466916a87b0ef67b98932a96985f3ee371a3f74a9049277092f languageName: node linkType: hard -"@storybook/channel-postmessage@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/channel-postmessage@npm:6.4.20" +"@storybook/channel-postmessage@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/channel-postmessage@npm:6.5.12" dependencies: - "@storybook/channels": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/core-events": 6.4.20 + "@storybook/channels": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/core-events": 6.5.12 core-js: ^3.8.2 global: ^4.4.0 qs: ^6.10.0 - telejson: ^5.3.2 - checksum: d4470de84642b319e9a951bc1b464320179afbbca793563a66b53a4222a310ea0c2cdf52204d72e4bfd17b62d74e16b759af260880c957e3b7c7c56c0a00ef24 + telejson: ^6.0.8 + checksum: c225f848f4774e8159b9fd8bd904520ab2755f46ac6ef5a8ed7193b5cd79856e0bb797d10adfa0a1db9b9df075c41b4487d195cc451fb65b04737db70e5db6db languageName: node linkType: hard -"@storybook/channel-websocket@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/channel-websocket@npm:6.4.20" +"@storybook/channel-websocket@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/channel-websocket@npm:6.5.12" dependencies: - "@storybook/channels": 6.4.20 - "@storybook/client-logger": 6.4.20 + "@storybook/channels": 6.5.12 + "@storybook/client-logger": 6.5.12 core-js: ^3.8.2 global: ^4.4.0 - telejson: ^5.3.2 - checksum: 384d0d9501c4fc216f70293526ce8610d025d6ebe4aae26a27d8c49b10e9fbcc22dc961aad169a954ea26a97f78c7df68ae4c01409b8f5c281cf97bcff9f9fbb + telejson: ^6.0.8 + checksum: 03d4ed3f2b67daceea06325c8705b95013b65d014dfda769a923b2c1c890d1eca1fe8eea09e3386cc572c738ce43bc8951225ebd92de4205ad80438bb9e36ebe languageName: node linkType: hard -"@storybook/channels@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/channels@npm:6.4.20" +"@storybook/channels@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/channels@npm:6.5.12" dependencies: core-js: ^3.8.2 ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 - checksum: 4cd8420ee2b21b93b44f81574d0f4fcaf28ea981417997fc962f7ca86d11ffbdddbfcd24896387589b036fea6134baf1c1c2ee6956bc4e898c8b994502a777d4 + checksum: e6b240a6c62a68a485bf8f4db536df0504cfcbe9685654e5a5712b833917b9a620e91994bf2283a420e413511c967e92ead522c98ad7e6c0e88b3830ddfd4e30 languageName: node linkType: hard @@ -8290,17 +8387,17 @@ __metadata: languageName: node linkType: hard -"@storybook/client-api@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/client-api@npm:6.4.20" +"@storybook/client-api@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/client-api@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/channel-postmessage": 6.4.20 - "@storybook/channels": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/store": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/channel-postmessage": 6.5.12 + "@storybook/channels": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/store": 6.5.12 "@types/qs": ^6.9.5 "@types/webpack-env": ^1.16.0 core-js: ^3.8.2 @@ -8315,19 +8412,19 @@ __metadata: ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - checksum: b8e28d9a3ef37bf93b3a28c1b8e3dfdd581e10c0a2406c614bb20d4d83a91caaa3594ac86942647533aaad862a4c72b32c1df6859aab082a356f7724426aa228 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: 6a103cdf1c0499e238e6a652f192b3287b7bce2a96c194c48854d1e6d8e470568aa36307aa49650e8322965295b10d601c4a087e2cb7e3515bb9ba8281aeda35 languageName: node linkType: hard -"@storybook/client-logger@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/client-logger@npm:6.4.20" +"@storybook/client-logger@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/client-logger@npm:6.5.12" dependencies: core-js: ^3.8.2 global: ^4.4.0 - checksum: 1b6f89ebce09ee6021de9f0acdf6c499570723f733d8081478ef449581337d12ef016ab66891f2b9a5e833f3847185cb430d586206f12f3df21c288a26a96c8b + checksum: bd11bc25115f9b4a965e378d7dac28f9152038173ab5debb1e116a7aba69c814752d2c8aa4092dd1fc3f60cd99d4896c9e74d5e6f3c85768e7633adaf5bd2bf2 languageName: node linkType: hard @@ -8341,55 +8438,39 @@ __metadata: languageName: node linkType: hard -"@storybook/components@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/components@npm:6.4.20" +"@storybook/components@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/components@npm:6.5.12" dependencies: - "@popperjs/core": ^2.6.0 - "@storybook/client-logger": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/theming": 6.4.20 - "@types/color-convert": ^2.0.0 - "@types/overlayscrollbars": ^1.12.0 - "@types/react-syntax-highlighter": 11.0.5 - color-convert: ^2.0.1 + "@storybook/client-logger": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/theming": 6.5.12 core-js: ^3.8.2 - fast-deep-equal: ^3.1.3 - global: ^4.4.0 - lodash: ^4.17.21 - markdown-to-jsx: ^7.1.3 memoizerific: ^1.11.3 - overlayscrollbars: ^1.13.1 - polished: ^4.0.5 - prop-types: ^15.7.2 - react-colorful: ^5.1.2 - react-popper-tooltip: ^3.1.1 - react-syntax-highlighter: ^13.5.3 - react-textarea-autosize: ^8.3.0 + qs: ^6.10.0 regenerator-runtime: ^0.13.7 - ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - checksum: 954a79364060cfe3d008ee44ff6a8c903eea98259f21bb3bb2395aa6e7d0da459e233ea660cbe2644309220a9946b8f132d33554cfd54952e1e677f423d83a99 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: fa469ae615d9146df7e23f01b85731d27e6400e2d94035db172deb1f61903d86c121d858558dd12307ecc6344d21b496db020731e73eff6ace3f82672b953a93 languageName: node linkType: hard -"@storybook/core-client@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/core-client@npm:6.4.20" +"@storybook/core-client@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/core-client@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/channel-postmessage": 6.4.20 - "@storybook/channel-websocket": 6.4.20 - "@storybook/client-api": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/preview-web": 6.4.20 - "@storybook/store": 6.4.20 - "@storybook/ui": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/channel-postmessage": 6.5.12 + "@storybook/channel-websocket": 6.5.12 + "@storybook/client-api": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/preview-web": 6.5.12 + "@storybook/store": 6.5.12 + "@storybook/ui": 6.5.12 airbnb-js-shims: ^2.2.1 ansi-to-html: ^0.6.11 core-js: ^3.8.2 @@ -8401,19 +8482,19 @@ __metadata: unfetch: ^4.2.0 util-deprecate: ^1.0.2 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 webpack: "*" peerDependenciesMeta: typescript: optional: true - checksum: 17eab1180ddd2f6bf55f50485dc247629fab45c78e88347728697fe5b5adccce0a273618506d75e5d2e2b5814c7fe12bb540dddcf2b8b4f3f6f69d637291d060 + checksum: 4fb567964a6c15526ee6ee882e20d72c650ad0c74504ee2a058c13856efd25a0c9c7f666d36c6b4e70a75ece73c1ed812f554bbbf87771cd6171cd09ebf31410 languageName: node linkType: hard -"@storybook/core-common@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/core-common@npm:6.4.20" +"@storybook/core-common@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/core-common@npm:6.5.12" dependencies: "@babel/core": ^7.12.10 "@babel/plugin-proposal-class-properties": ^7.12.1 @@ -8423,6 +8504,7 @@ __metadata: "@babel/plugin-proposal-object-rest-spread": ^7.12.1 "@babel/plugin-proposal-optional-chaining": ^7.12.7 "@babel/plugin-proposal-private-methods": ^7.12.1 + "@babel/plugin-proposal-private-property-in-object": ^7.12.1 "@babel/plugin-syntax-dynamic-import": ^7.8.3 "@babel/plugin-transform-arrow-functions": ^7.12.1 "@babel/plugin-transform-block-scoping": ^7.12.12 @@ -8436,9 +8518,9 @@ __metadata: "@babel/preset-react": ^7.12.10 "@babel/preset-typescript": ^7.12.7 "@babel/register": ^7.12.1 - "@storybook/node-logger": 6.4.20 + "@storybook/node-logger": 6.5.12 "@storybook/semver": ^7.3.2 - "@types/node": ^14.0.10 + "@types/node": ^14.0.10 || ^16.0.0 "@types/pretty-hrtime": ^1.0.0 babel-loader: ^8.0.0 babel-plugin-macros: ^3.0.1 @@ -8460,26 +8542,26 @@ __metadata: pretty-hrtime: ^1.0.3 resolve-from: ^5.0.0 slash: ^3.0.0 - telejson: ^5.3.2 + telejson: ^6.0.8 ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 webpack: 4 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: typescript: optional: true - checksum: e15bdbc46b766bd8d554e3a942e6fa0b685e8a83936d60d31b0700b473f0927563101549b849aacc9c2fa0dfee4c4648b7532a57711833e2569c539e58036d12 + checksum: d12b276718d3bb527084135882abc35fcdc4690896579b9f5e0417236a0d02f2791424ac62a891a0353af635be10c22db7dfe04d0db644ab0757ae3981f0ff1a languageName: node linkType: hard -"@storybook/core-events@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/core-events@npm:6.4.20" +"@storybook/core-events@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/core-events@npm:6.5.12" dependencies: core-js: ^3.8.2 - checksum: 5f8db3f4f940db309d67a23cdd41d7b326b4cbede70fa19f906a145b7b9863f5985ef01b5bf70ce71c8cd35457092974790d26629db8d8e78d6368fb237f349c + checksum: 82a4b9cb2a8599f3916db84b08b4cfbde8f56cb96a7afe641b3f144676fc7dc5a705e65f8844430b36ee6e6e14d6b2cb741622a8b39411276682219df5e04271 languageName: node linkType: hard @@ -8492,22 +8574,23 @@ __metadata: languageName: node linkType: hard -"@storybook/core-server@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/core-server@npm:6.4.20" +"@storybook/core-server@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/core-server@npm:6.5.12" dependencies: "@discoveryjs/json-ext": ^0.5.3 - "@storybook/builder-webpack4": 6.4.20 - "@storybook/core-client": 6.4.20 - "@storybook/core-common": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/csf-tools": 6.4.20 - "@storybook/manager-webpack4": 6.4.20 - "@storybook/node-logger": 6.4.20 + "@storybook/builder-webpack4": 6.5.12 + "@storybook/core-client": 6.5.12 + "@storybook/core-common": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/csf-tools": 6.5.12 + "@storybook/manager-webpack4": 6.5.12 + "@storybook/node-logger": 6.5.12 "@storybook/semver": ^7.3.2 - "@storybook/store": 6.4.20 - "@types/node": ^14.0.10 + "@storybook/store": 6.5.12 + "@storybook/telemetry": 6.5.12 + "@types/node": ^14.0.10 || ^16.0.0 "@types/node-fetch": ^2.5.7 "@types/pretty-hrtime": ^1.0.0 "@types/webpack": ^4.41.26 @@ -8521,28 +8604,28 @@ __metadata: cpy: ^8.1.2 detect-port: ^1.3.0 express: ^4.17.1 - file-system-cache: ^1.0.5 fs-extra: ^9.0.1 + global: ^4.4.0 globby: ^11.0.2 - ip: ^1.1.5 + ip: ^2.0.0 lodash: ^4.17.21 - node-fetch: ^2.6.1 + node-fetch: ^2.6.7 + open: ^8.4.0 pretty-hrtime: ^1.0.3 prompts: ^2.4.0 regenerator-runtime: ^0.13.7 serve-favicon: ^2.5.0 slash: ^3.0.0 - telejson: ^5.3.3 + telejson: ^6.0.8 ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 watchpack: ^2.2.0 webpack: 4 ws: ^8.2.3 + x-default-browser: ^0.4.0 peerDependencies: - "@storybook/builder-webpack5": 6.4.20 - "@storybook/manager-webpack5": 6.4.20 - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: "@storybook/builder-webpack5": optional: true @@ -8550,33 +8633,34 @@ __metadata: optional: true typescript: optional: true - checksum: 92a190061a00f3557a09ffd68ad148b2ba05e9001a1525fe9fbc8908130868dad7a125c6fbb69f2c6275a9db6c201e4f5069d6a8050918264344ffcd6fdca5f0 + checksum: 1e7e8de948012eb126f30261d23a552e18e671ad7796c46051e17be545c37a70c72437cbb24249d2e88b3525ed6a4b7205ddeeb167aca6b9478df85b128a57d3 languageName: node linkType: hard -"@storybook/core@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/core@npm:6.4.20" +"@storybook/core@npm:6.5.12, @storybook/core@npm:^6.5.12": + version: 6.5.12 + resolution: "@storybook/core@npm:6.5.12" dependencies: - "@storybook/core-client": 6.4.20 - "@storybook/core-server": 6.4.20 + "@storybook/core-client": 6.5.12 + "@storybook/core-server": 6.5.12 peerDependencies: - "@storybook/builder-webpack5": 6.4.20 - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 webpack: "*" peerDependenciesMeta: "@storybook/builder-webpack5": optional: true + "@storybook/manager-webpack5": + optional: true typescript: optional: true - checksum: 59b91d7c5688010908a8b50f2f0f5be54964133e529f2d39a50fdd68f237d3299dd15561c3bdc0a04a1c1bf82ccea9747f7dcca04b17981284ac693300c7749d + checksum: 82606be8f89ad34a662d366e64d85af5a61270e2cff4dab8c3c3b0ec17ae3e34e560b54a1e2dd3fdd52eb072f8101b409e762f8581e65abcf07097e768baaaf0 languageName: node linkType: hard -"@storybook/csf-tools@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/csf-tools@npm:6.4.20" +"@storybook/csf-tools@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/csf-tools@npm:6.5.12" dependencies: "@babel/core": ^7.12.10 "@babel/generator": ^7.12.11 @@ -8585,17 +8669,19 @@ __metadata: "@babel/preset-env": ^7.12.11 "@babel/traverse": ^7.12.11 "@babel/types": ^7.12.11 - "@mdx-js/mdx": ^1.6.22 - "@storybook/csf": 0.0.2--canary.87bc651.0 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/mdx1-csf": ^0.0.1 core-js: ^3.8.2 fs-extra: ^9.0.1 global: ^4.4.0 - js-string-escape: ^1.0.1 - lodash: ^4.17.21 - prettier: ">=2.2.1 <=2.3.0" regenerator-runtime: ^0.13.7 ts-dedent: ^2.0.0 - checksum: b1cf3892d0c06ef2e0c9629d86784580b9561795b0a4f070dec32d5c09908d4219e7af72eda903d62e77e2c0c278b9762fc586a481d646cf37f282f866ddf216 + peerDependencies: + "@storybook/mdx2-csf": ^0.0.3 + peerDependenciesMeta: + "@storybook/mdx2-csf": + optional: true + checksum: 21da554c88f22ee583cd1956cf440506212d9e8727c7f0a493a92804e58b83d3fcfa18d3081a9fd1b5e8da07a1cfbee15bfa638a13a8fad585eac04fe26f5112 languageName: node linkType: hard @@ -8608,12 +8694,18 @@ __metadata: languageName: node linkType: hard -"@storybook/csf@npm:0.0.2--canary.87bc651.0": - version: 0.0.2--canary.87bc651.0 - resolution: "@storybook/csf@npm:0.0.2--canary.87bc651.0" +"@storybook/docs-tools@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/docs-tools@npm:6.5.12" dependencies: - lodash: ^4.17.15 - checksum: 1533ff81f7fb59c06fc608f452de3cfcafba5806da68dd2c88813e8284a7aa1c158daee6a58b028b7ccd03d96974b5d3727deaae1d1d38e304b2a7cdcd8a678d + "@babel/core": ^7.12.10 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/store": 6.5.12 + core-js: ^3.8.2 + doctrine: ^3.0.0 + lodash: ^4.17.21 + regenerator-runtime: ^0.13.7 + checksum: 9433b0bc74e739f37d4be857e366d74e56566cdf27f72f462eb09a6e84713aadc8c768e075fbe7a062be104bb1536c14b8dea1e890917ca94b1580e71dbe60be languageName: node linkType: hard @@ -8626,15 +8718,16 @@ __metadata: languageName: node linkType: hard -"@storybook/instrumenter@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/instrumenter@npm:6.4.20" +"@storybook/instrumenter@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/instrumenter@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/core-events": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/core-events": 6.5.12 + core-js: ^3.8.2 global: ^4.4.0 - checksum: 2ad0c74fd7a59cef334f0f10943ba63676e45bf9e178e177abd173d31f8f1cf321edad6a618d910ee92711c754c09b2a236d2e5f0c97b7f2c23f423d949e7fda + checksum: ffd074f42e79a217f392ab600159e2123feba9dda9416035876773e5287337e7bec7f5d517539e33ee332cc9cba9f6ebd593d1ab824abddd28069bcfcebf259a languageName: node linkType: hard @@ -8663,20 +8756,20 @@ __metadata: languageName: node linkType: hard -"@storybook/manager-webpack4@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/manager-webpack4@npm:6.4.20" +"@storybook/manager-webpack4@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/manager-webpack4@npm:6.5.12" dependencies: "@babel/core": ^7.12.10 "@babel/plugin-transform-template-literals": ^7.12.1 "@babel/preset-react": ^7.12.10 - "@storybook/addons": 6.4.20 - "@storybook/core-client": 6.4.20 - "@storybook/core-common": 6.4.20 - "@storybook/node-logger": 6.4.20 - "@storybook/theming": 6.4.20 - "@storybook/ui": 6.4.20 - "@types/node": ^14.0.10 + "@storybook/addons": 6.5.12 + "@storybook/core-client": 6.5.12 + "@storybook/core-common": 6.5.12 + "@storybook/node-logger": 6.5.12 + "@storybook/theming": 6.5.12 + "@storybook/ui": 6.5.12 + "@types/node": ^14.0.10 || ^16.0.0 "@types/webpack": ^4.41.26 babel-loader: ^8.0.0 case-sensitive-paths-webpack-plugin: ^2.3.0 @@ -8685,17 +8778,16 @@ __metadata: css-loader: ^3.6.0 express: ^4.17.1 file-loader: ^6.2.0 - file-system-cache: ^1.0.5 find-up: ^5.0.0 fs-extra: ^9.0.1 html-webpack-plugin: ^4.0.0 - node-fetch: ^2.6.1 + node-fetch: ^2.6.7 pnp-webpack-plugin: 1.6.4 read-pkg-up: ^7.0.1 regenerator-runtime: ^0.13.7 resolve-from: ^5.0.0 style-loader: ^1.3.0 - telejson: ^5.3.2 + telejson: ^6.0.8 terser-webpack-plugin: ^4.2.3 ts-dedent: ^2.0.0 url-loader: ^4.1.1 @@ -8704,46 +8796,45 @@ __metadata: webpack-dev-middleware: ^3.7.3 webpack-virtual-modules: ^0.2.2 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: typescript: optional: true - checksum: feb70e1bfe1e31bce6711d72bbfdc78e36941ba50565b1c5299f4fc095e518ac9e24e576cc711d061bbac1a96ef45d6c3ed2918d7854adf25976d287306563d1 + checksum: 89c6ab508a930def13403275201e1e7efd667a25f0e04a6a4fe83e83d8a77065309f11c6ba183bb412072b80580e232365789d2317ae9c1e92df92c4061752be languageName: node linkType: hard -"@storybook/manager-webpack5@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/manager-webpack5@npm:6.4.20" +"@storybook/manager-webpack5@npm:^6.5.12": + version: 6.5.12 + resolution: "@storybook/manager-webpack5@npm:6.5.12" dependencies: "@babel/core": ^7.12.10 "@babel/plugin-transform-template-literals": ^7.12.1 "@babel/preset-react": ^7.12.10 - "@storybook/addons": 6.4.20 - "@storybook/core-client": 6.4.20 - "@storybook/core-common": 6.4.20 - "@storybook/node-logger": 6.4.20 - "@storybook/theming": 6.4.20 - "@storybook/ui": 6.4.20 - "@types/node": ^14.0.10 + "@storybook/addons": 6.5.12 + "@storybook/core-client": 6.5.12 + "@storybook/core-common": 6.5.12 + "@storybook/node-logger": 6.5.12 + "@storybook/theming": 6.5.12 + "@storybook/ui": 6.5.12 + "@types/node": ^14.0.10 || ^16.0.0 babel-loader: ^8.0.0 case-sensitive-paths-webpack-plugin: ^2.3.0 chalk: ^4.1.0 core-js: ^3.8.2 css-loader: ^5.0.1 express: ^4.17.1 - file-system-cache: ^1.0.5 find-up: ^5.0.0 fs-extra: ^9.0.1 html-webpack-plugin: ^5.0.0 - node-fetch: ^2.6.1 + node-fetch: ^2.6.7 process: ^0.11.10 read-pkg-up: ^7.0.1 regenerator-runtime: ^0.13.7 resolve-from: ^5.0.0 style-loader: ^2.0.0 - telejson: ^5.3.2 + telejson: ^6.0.8 terser-webpack-plugin: ^5.0.3 ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 @@ -8751,47 +8842,66 @@ __metadata: webpack-dev-middleware: ^4.1.0 webpack-virtual-modules: ^0.4.1 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 peerDependenciesMeta: typescript: optional: true - checksum: e2cdc5d078d38ec5d2f332dc1cf2262dc87093a76d48cf4109c9d7df032ae90a3dfc57de26d951966593908dedad9937384bf895545e1839592122ae32a28756 + checksum: 701768cee510e9de024259c88ebd85ebc212d37d9f913fc7a1e13ab8751d7fb579bb99e494a439d6d5388c02e204eea8c8d91d1490b138105b414df8a384b7ae + languageName: node + linkType: hard + +"@storybook/mdx1-csf@npm:^0.0.1": + version: 0.0.1 + resolution: "@storybook/mdx1-csf@npm:0.0.1" + dependencies: + "@babel/generator": ^7.12.11 + "@babel/parser": ^7.12.11 + "@babel/preset-env": ^7.12.11 + "@babel/types": ^7.12.11 + "@mdx-js/mdx": ^1.6.22 + "@types/lodash": ^4.14.167 + js-string-escape: ^1.0.1 + loader-utils: ^2.0.0 + lodash: ^4.17.21 + prettier: ">=2.2.1 <=2.3.0" + ts-dedent: ^2.0.0 + checksum: 34f952f4d00d4fbf680aadea53ca0d9b02b10c94ea492a47a6df916474ea1e36d08eece70ffaba760a4cdf6f634a8684360dc49355cf8a1461050b8a470d2666 languageName: node linkType: hard -"@storybook/node-logger@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/node-logger@npm:6.4.20" +"@storybook/node-logger@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/node-logger@npm:6.5.12" dependencies: "@types/npmlog": ^4.1.2 chalk: ^4.1.0 core-js: ^3.8.2 npmlog: ^5.0.1 pretty-hrtime: ^1.0.3 - checksum: 06c79cfa718363617ab96435a264ec935ce7764af472a99191673be50bc03a1d70e938b9370742ef6e0d6a26a1ed674224fcf8261889182bd098c13fb1f02487 + checksum: 7589477486a25e67d9119e9c363e8bde23e52601043a506ac0d28f4d353f3a228face79b40a2eb0cc0c7c8b05ed084336fef5dcc3213ed4484527c6631eafeb0 languageName: node linkType: hard -"@storybook/postinstall@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/postinstall@npm:6.4.20" +"@storybook/postinstall@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/postinstall@npm:6.5.12" dependencies: core-js: ^3.8.2 - checksum: a4af9bc3f78cea412710ab994237fb75495ec0c3362c80bc3480768a7bca1affe70fee8c7ca35e0151c68526ebc3a864f1872a4281509f27be6da850bc24623a + checksum: 0f84be944501d20fb12b554fe46967182fe1824acee40dbcead848c1f29ab3433980ef1cb0cc1c7dffdac7145459f3b38d37b8047d07aa83bee4909aeb27f23a languageName: node linkType: hard -"@storybook/preview-web@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/preview-web@npm:6.4.20" +"@storybook/preview-web@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/preview-web@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/channel-postmessage": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/store": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/channel-postmessage": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/store": 6.5.12 ansi-to-html: ^0.6.11 core-js: ^3.8.2 global: ^4.4.0 @@ -8803,94 +8913,108 @@ __metadata: unfetch: ^4.2.0 util-deprecate: ^1.0.2 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - checksum: 35433f2902da8cdc2f0eb24011dd261122695885848baf2b999a934668d8b9e25948ebdcee90f1c953f6acd493e794ab895d4dadd23dba3ae3cebf970d5f9a04 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: e11671fd136042a0ac19be6749f40bcdf858adb6fbc36998eb2c1737fc622c15df233eb04ff3cf555a61a31d32e5218cf9ff3ff9b941b457a8159a8ca54ab2e8 languageName: node linkType: hard -"@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.253f8c1.0": - version: 1.0.2-canary.253f8c1.0 - resolution: "@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.253f8c1.0" +"@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0": + version: 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0 + resolution: "@storybook/react-docgen-typescript-plugin@npm:1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0" dependencies: debug: ^4.1.1 endent: ^2.0.1 find-cache-dir: ^3.3.1 flat-cache: ^3.0.4 micromatch: ^4.0.2 - react-docgen-typescript: ^2.0.0 + react-docgen-typescript: ^2.1.1 tslib: ^2.0.0 peerDependencies: typescript: ">= 3.x" webpack: ">= 4" - checksum: 7d2d1309e9291fd9c9a776f17df8682036352548384bc213dcf7625ccae770c13db396ec3a07917810651eee91fe4577ee7c1fe913fac416df7d0ae3334ef673 + checksum: 91a3015d384e93d9ffb4def904cad51218eb1a9eaf504c758083f2988a97d8bf8748bc280aa629864eb26fd9f7fc05bd087df95383d719e0c914c722016804b9 languageName: node linkType: hard -"@storybook/react@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/react@npm:6.4.20" +"@storybook/react@npm:^6.5.12": + version: 6.5.12 + resolution: "@storybook/react@npm:6.5.12" dependencies: "@babel/preset-flow": ^7.12.1 "@babel/preset-react": ^7.12.10 - "@pmmmwh/react-refresh-webpack-plugin": ^0.5.1 - "@storybook/addons": 6.4.20 - "@storybook/core": 6.4.20 - "@storybook/core-common": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 - "@storybook/node-logger": 6.4.20 - "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.253f8c1.0 + "@pmmmwh/react-refresh-webpack-plugin": ^0.5.3 + "@storybook/addons": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/core": 6.5.12 + "@storybook/core-common": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 + "@storybook/docs-tools": 6.5.12 + "@storybook/node-logger": 6.5.12 + "@storybook/react-docgen-typescript-plugin": 1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0 "@storybook/semver": ^7.3.2 - "@storybook/store": 6.4.20 + "@storybook/store": 6.5.12 + "@types/estree": ^0.0.51 + "@types/node": ^14.14.20 || ^16.0.0 "@types/webpack-env": ^1.16.0 + acorn: ^7.4.1 + acorn-jsx: ^5.3.1 + acorn-walk: ^7.2.0 babel-plugin-add-react-displayname: ^0.0.5 - babel-plugin-named-asset-import: ^0.3.1 babel-plugin-react-docgen: ^4.2.1 core-js: ^3.8.2 + escodegen: ^2.0.0 + fs-extra: ^9.0.1 global: ^4.4.0 + html-tags: ^3.1.0 lodash: ^4.17.21 prop-types: ^15.7.2 + react-element-to-jsx-string: ^14.3.4 react-refresh: ^0.11.0 read-pkg-up: ^7.0.1 regenerator-runtime: ^0.13.7 ts-dedent: ^2.0.0 - webpack: 4 + util-deprecate: ^1.0.2 + webpack: ">=4.43.0 <6.0.0" peerDependencies: "@babel/core": ^7.11.5 - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + require-from-string: ^2.0.2 peerDependenciesMeta: "@babel/core": optional: true + "@storybook/builder-webpack4": + optional: true + "@storybook/builder-webpack5": + optional: true + "@storybook/manager-webpack4": + optional: true + "@storybook/manager-webpack5": + optional: true typescript: optional: true bin: build-storybook: bin/build.js start-storybook: bin/index.js storybook-server: bin/index.js - checksum: 03878cf4cbbcac2e68c4738b9f4bf5c19eb1ddfd0b8413be6235a76cf1848426a2fdbed6e233587464d11c4ae9466eceed9683a258156189c8d5e174036fa265 + checksum: 7b762f5b0db2b94d3e492ed45a7566009dc9ff008c9b29db278d6404e1c7c9f419a0114090bf23fc5b3e193a83d74e21f0fe6ba04105eb30f59be1d4c87d652d languageName: node linkType: hard -"@storybook/router@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/router@npm:6.4.20" +"@storybook/router@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/router@npm:6.5.12" dependencies: - "@storybook/client-logger": 6.4.20 + "@storybook/client-logger": 6.5.12 core-js: ^3.8.2 - fast-deep-equal: ^3.1.3 - global: ^4.4.0 - history: 5.0.0 - lodash: ^4.17.21 memoizerific: ^1.11.3 qs: ^6.10.0 - react-router: ^6.0.0 - react-router-dom: ^6.0.0 - ts-dedent: ^2.0.0 + regenerator-runtime: ^0.13.7 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - checksum: 3aac1445f0795773b07e8ef6cec881a3018df5ceccfe7758654acf4a06229c3cfaa425b74cb9bc55df45c1b6f33f2f672b50a322346d97838fb9d7185c6b0efc + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: 545f4b767021b88f82eac69b9356fa5fa3a5866285c3a34fa762abc5743e3280895858aa5c820195d95a04c6768299191d4dd788a7d9fd3f17ff1d8236c0ba75 languageName: node linkType: hard @@ -8922,13 +9046,13 @@ __metadata: languageName: node linkType: hard -"@storybook/source-loader@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/source-loader@npm:6.4.20" +"@storybook/source-loader@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/source-loader@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 + "@storybook/addons": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 core-js: ^3.8.2 estraverse: ^5.2.0 global: ^4.4.0 @@ -8937,20 +9061,20 @@ __metadata: prettier: ">=2.2.1 <=2.3.0" regenerator-runtime: ^0.13.7 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - checksum: 6dae939fa5d54c6804ff5bc70392923be2f7fc5b3f4cde0cde50169c38f58f2bcbdcebdcfb218cd8eb537753beeec53416307dc014926567c4f1a9517fb3e768 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: ad6b0774877678d8495e7afaeb820adbc2d1b091df5678da39123eca875cc30fe41f013c2db0a4c5f7614529dc46be00cb165484e65a960d3fe7657b04cf418f languageName: node linkType: hard -"@storybook/store@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/store@npm:6.4.20" +"@storybook/store@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/store@npm:6.5.12" dependencies: - "@storybook/addons": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/csf": 0.0.2--canary.87bc651.0 + "@storybook/addons": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/csf": 0.0.2--canary.4566f4d.1 core-js: ^3.8.2 fast-deep-equal: ^3.1.3 global: ^4.4.0 @@ -8963,9 +9087,29 @@ __metadata: ts-dedent: ^2.0.0 util-deprecate: ^1.0.2 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - checksum: e1191a2dd646d612cd1578529a56f8018ca04ead6662c6d59a6ca51183f6ad2955c948026b3a06b6486ef59ea82071ba5a7bc5885233b23abcf978f7f20115a5 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: 7fab43471c692cda33e9cbb7abf8a932bf922bd01bf26c56a3dd909f57ff0f26a80c6456a41c5be01191bb818536f16f5c98617d263b49a60e432b0acca07949 + languageName: node + linkType: hard + +"@storybook/telemetry@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/telemetry@npm:6.5.12" + dependencies: + "@storybook/client-logger": 6.5.12 + "@storybook/core-common": 6.5.12 + chalk: ^4.1.0 + core-js: ^3.8.2 + detect-package-manager: ^2.0.1 + fetch-retry: ^5.0.2 + fs-extra: ^9.0.1 + global: ^4.4.0 + isomorphic-unfetch: ^3.1.0 + nanoid: ^3.3.1 + read-pkg-up: ^7.0.1 + regenerator-runtime: ^0.13.7 + checksum: fe465e31e20bc271b1b066a1c1fc4ea8b7cdca1858bc875e19d7ad4e7988c0cff084ce822dc0657ecdefafa02a416dd239753c9c197f6758b39d9260964d631c languageName: node linkType: hard @@ -9009,26 +9153,18 @@ __metadata: languageName: node linkType: hard -"@storybook/theming@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/theming@npm:6.4.20" +"@storybook/theming@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/theming@npm:6.5.12" dependencies: - "@emotion/core": ^10.1.1 - "@emotion/is-prop-valid": ^0.8.6 - "@emotion/styled": ^10.0.27 - "@storybook/client-logger": 6.4.20 + "@storybook/client-logger": 6.5.12 core-js: ^3.8.2 - deep-object-diff: ^1.1.0 - emotion-theming: ^10.0.27 - global: ^4.4.0 memoizerific: ^1.11.3 - polished: ^4.0.5 - resolve-from: ^5.0.0 - ts-dedent: ^2.0.0 + regenerator-runtime: ^0.13.7 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - checksum: 38c73bac73e6c9d42673d60cf52aa835c051a7508de316b1f4d051d66fc3d4063342ae7d3b8bb65044b3ec632c8c564994915d6add7e3c9decd219c671b66b6a + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: a982ebf88c7e1e21127febd17feebf26ac8d655f0c868bf110cbcaaef87eedb257300087618c525cb654808b590dc4b7b98dd6fec92fd76a040441d86c4b8289 languageName: node linkType: hard @@ -9047,42 +9183,28 @@ __metadata: languageName: node linkType: hard -"@storybook/ui@npm:6.4.20": - version: 6.4.20 - resolution: "@storybook/ui@npm:6.4.20" +"@storybook/ui@npm:6.5.12": + version: 6.5.12 + resolution: "@storybook/ui@npm:6.5.12" dependencies: - "@emotion/core": ^10.1.1 - "@storybook/addons": 6.4.20 - "@storybook/api": 6.4.20 - "@storybook/channels": 6.4.20 - "@storybook/client-logger": 6.4.20 - "@storybook/components": 6.4.20 - "@storybook/core-events": 6.4.20 - "@storybook/router": 6.4.20 + "@storybook/addons": 6.5.12 + "@storybook/api": 6.5.12 + "@storybook/channels": 6.5.12 + "@storybook/client-logger": 6.5.12 + "@storybook/components": 6.5.12 + "@storybook/core-events": 6.5.12 + "@storybook/router": 6.5.12 "@storybook/semver": ^7.3.2 - "@storybook/theming": 6.4.20 - copy-to-clipboard: ^3.3.1 + "@storybook/theming": 6.5.12 core-js: ^3.8.2 - core-js-pure: ^3.8.2 - downshift: ^6.0.15 - emotion-theming: ^10.0.27 - fuse.js: ^3.6.1 - global: ^4.4.0 - lodash: ^4.17.21 - markdown-to-jsx: ^7.1.3 memoizerific: ^1.11.3 - polished: ^4.0.5 qs: ^6.10.0 - react-draggable: ^4.4.3 - react-helmet-async: ^1.0.7 - react-sizeme: ^3.0.1 regenerator-runtime: ^0.13.7 resolve-from: ^5.0.0 - store2: ^2.12.0 peerDependencies: - react: ^16.8.0 || ^17.0.0 - react-dom: ^16.8.0 || ^17.0.0 - checksum: 80576a8cfa86248c8bdbf8d6347ea1da933a05ccbdff11883155339a77645243a001baa8cca3967e124422d2cc0438314c6f41a827de3367575a12e15692c533 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: 026ddc42d00773ad711824a5374b040b589e8a87b8500db4d6a8cb67263eba0789d6e6afe7fd8e0fcb798380eba210b4225af197f064d3e88ec0bda97a83b28b languageName: node linkType: hard @@ -9572,9 +9694,9 @@ __metadata: languageName: node linkType: hard -"@testing-library/dom@npm:^8.0.0": - version: 8.11.1 - resolution: "@testing-library/dom@npm:8.11.1" +"@testing-library/dom@npm:^8.3.0": + version: 8.14.0 + resolution: "@testing-library/dom@npm:8.14.0" dependencies: "@babel/code-frame": ^7.10.4 "@babel/runtime": ^7.12.5 @@ -9584,13 +9706,13 @@ __metadata: dom-accessibility-api: ^0.5.9 lz-string: ^1.4.4 pretty-format: ^27.0.2 - checksum: 082104b104def94db071fe35f967124c52d387d995a61327cd60ed39c310126f4cde2fa51054c37977cd3a2082311795417413506ad1a14df1010bd1cbb02bc5 + checksum: a916ea5167bc02b4666a519814c2b9563be91e912038816e3bd2a4e295122a3aab68b102fc8f0205219e5c4201e6994894bc7d24a8b4aae0e2e8f88cbeb65971 languageName: node linkType: hard -"@testing-library/dom@npm:^8.3.0": - version: 8.14.0 - resolution: "@testing-library/dom@npm:8.14.0" +"@testing-library/dom@npm:^8.5.0": + version: 8.18.1 + resolution: "@testing-library/dom@npm:8.18.1" dependencies: "@babel/code-frame": ^7.10.4 "@babel/runtime": ^7.12.5 @@ -9600,7 +9722,7 @@ __metadata: dom-accessibility-api: ^0.5.9 lz-string: ^1.4.4 pretty-format: ^27.0.2 - checksum: a916ea5167bc02b4666a519814c2b9563be91e912038816e3bd2a4e295122a3aab68b102fc8f0205219e5c4201e6994894bc7d24a8b4aae0e2e8f88cbeb65971 + checksum: 432a7da2bb626b11375b22e22d12c02317b35d69c0f69972c03bd0104895b496f21dc5b9d4447adef6e0c9acb3c0a64337f7d38c9667dbbacf09d5cd523394dd languageName: node linkType: hard @@ -9621,43 +9743,60 @@ __metadata: languageName: node linkType: hard -"@testing-library/react-hooks@npm:^7.0.2": - version: 7.0.2 - resolution: "@testing-library/react-hooks@npm:7.0.2" +"@testing-library/jest-dom@npm:^5.16.5": + version: 5.16.5 + resolution: "@testing-library/jest-dom@npm:5.16.5" + dependencies: + "@adobe/css-tools": ^4.0.1 + "@babel/runtime": ^7.9.2 + "@types/testing-library__jest-dom": ^5.9.1 + aria-query: ^5.0.0 + chalk: ^3.0.0 + css.escape: ^1.5.1 + dom-accessibility-api: ^0.5.6 + lodash: ^4.17.15 + redent: ^3.0.0 + checksum: 94911f901a8031f3e489d04ac057cb5373621230f5d92bed80e514e24b069fb58a3166d1dd86963e55f078a1bd999da595e2ab96ed95f452d477e272937d792a + languageName: node + linkType: hard + +"@testing-library/react-hooks@npm:^8.0.1": + version: 8.0.1 + resolution: "@testing-library/react-hooks@npm:8.0.1" dependencies: "@babel/runtime": ^7.12.5 - "@types/react": ">=16.9.0" - "@types/react-dom": ">=16.9.0" - "@types/react-test-renderer": ">=16.9.0" react-error-boundary: ^3.1.0 peerDependencies: - react: ">=16.9.0" - react-dom: ">=16.9.0" - react-test-renderer: ">=16.9.0" + "@types/react": ^16.9.0 || ^17.0.0 + react: ^16.9.0 || ^17.0.0 + react-dom: ^16.9.0 || ^17.0.0 + react-test-renderer: ^16.9.0 || ^17.0.0 peerDependenciesMeta: + "@types/react": + optional: true react-dom: optional: true react-test-renderer: optional: true - checksum: 27c6169b5c9832bd02dcea232e6a0a3cd8d4504e13ecb49d57eb5ab6bea5e2f1bff65f3102068b7e57eec3cbd671326dc0b277335014b0edfbdedf11a1fe6db5 + checksum: 7fe44352e920deb5cb1876f80d64e48615232072c9d5382f1e0284b3aab46bb1c659a040b774c45cdf084a5257b8fe463f7e08695ad8480d8a15635d4d3d1f6d languageName: node linkType: hard -"@testing-library/react@npm:^12.1.4": - version: 12.1.4 - resolution: "@testing-library/react@npm:12.1.4" +"@testing-library/react@npm:^13.4.0": + version: 13.4.0 + resolution: "@testing-library/react@npm:13.4.0" dependencies: "@babel/runtime": ^7.12.5 - "@testing-library/dom": ^8.0.0 - "@types/react-dom": "*" + "@testing-library/dom": ^8.5.0 + "@types/react-dom": ^18.0.0 peerDependencies: - react: "*" - react-dom: "*" - checksum: 944c5f8d4abb22c0650c25c7ae499651828c37c0e741ff67a4635d4cd99b307d486dabec05b372aba638bd359d29cd2af97393b5055ea294a201d80b4bc384b8 + react: ^18.0.0 + react-dom: ^18.0.0 + checksum: 51ec548c1fdb1271089a5c63e0908f0166f2c7fcd9cacd3108ebbe0ce64cb4351812d885892020dc37608418cfb15698514856502b3cab0e5cc58d6cc1bd4a3e languageName: node linkType: hard -"@testing-library/user-event@npm:^13.2.1, @testing-library/user-event@npm:^13.5.0": +"@testing-library/user-event@npm:^13.2.1": version: 13.5.0 resolution: "@testing-library/user-event@npm:13.5.0" dependencies: @@ -9668,6 +9807,15 @@ __metadata: languageName: node linkType: hard +"@testing-library/user-event@npm:^14.4.3": + version: 14.4.3 + resolution: "@testing-library/user-event@npm:14.4.3" + peerDependencies: + "@testing-library/dom": ">=7.21.4" + checksum: 852c48ea6db1c9471b18276617c84fec4320771e466cd58339a732ca3fd73ad35e5a43ae14f51af51a8d0a150dcf60fcaab049ef367871207bea8f92c4b8195e + languageName: node + linkType: hard + "@tokenizer/token@npm:^0.3.0": version: 0.3.0 resolution: "@tokenizer/token@npm:0.3.0" @@ -9768,8 +9916,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/animation-library": ^0.3.1 "@twilio-paste/box": ^7.0.0 @@ -9783,8 +9931,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -9805,8 +9953,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/button": ^11.0.0 @@ -9821,8 +9969,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -9839,8 +9987,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -9851,8 +9999,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -9862,11 +10010,11 @@ __metadata: dependencies: "@react-spring/shared": 9.4.3 "@react-spring/web": 9.4.3 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -9881,8 +10029,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -9891,8 +10039,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -9910,8 +10058,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@types/react-is": 17.0.3 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 react-is: 18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 @@ -9923,8 +10071,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -9945,8 +10093,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/anchor": ^9.0.0 "@twilio-paste/animation-library": ^0.3.2 @@ -9961,8 +10109,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -9985,8 +10133,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -10003,8 +10151,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10021,8 +10169,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 deepmerge: 4.2.2 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 typescript: ^4.6.4 peerDependencies: "@twilio-paste/animation-library": ^0.3.2 @@ -10033,8 +10181,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10052,8 +10200,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/anchor": ^9.0.0 "@twilio-paste/box": ^7.0.0 @@ -10065,8 +10213,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10119,8 +10267,8 @@ __metadata: "@twilio-paste/uid-library": ^0.2.6 deepmerge: 4.2.2 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 typescript: ^4.6.4 peerDependencies: "@twilio-paste/anchor": ^9.0.0 @@ -10136,8 +10284,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10154,8 +10302,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -10166,8 +10314,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10182,8 +10330,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -10192,8 +10340,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10249,8 +10397,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/truncate": ^11.0.1 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/anchor": ^9.0.0 "@twilio-paste/animation-library": ^0.3.9 @@ -10266,8 +10414,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/truncate": ^11.0.0 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^17.0.2 || ^18.0.0 + react-dom: ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10292,8 +10440,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/base-radio-checkbox": ^10.0.0 "@twilio-paste/box": ^7.0.0 @@ -10312,8 +10460,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10321,12 +10469,12 @@ __metadata: version: 0.0.0-use.local resolution: "@twilio-paste/clipboard-copy-library@workspace:packages/paste-libraries/clipboard-copy" dependencies: - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 use-clipboard-copy: 0.2.0 peerDependencies: - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10351,8 +10499,8 @@ __metadata: "@twilio-paste/tooltip": ^8.0.1 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 typescript: ^4.6.4 peerDependencies: "@twilio-paste/animation-library": 0.3.9 @@ -10372,8 +10520,8 @@ __metadata: "@twilio-paste/tooltip": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^17.0.2 || ^18.0.0 + react-dom: ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10415,13 +10563,13 @@ __metadata: dependencies: "@twilio-paste/dropdown-library": ^1.1.7 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/dropdown-library": ^1.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10454,8 +10602,8 @@ __metadata: "@twilio-paste/utils": ^2.0.1 lodash: 4.17.21 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 react-virtual: 2.10.4 typescript: ^4.6.4 peerDependencies: @@ -10483,8 +10631,8 @@ __metadata: "@twilio-paste/uid-library": ^0.2.1 "@twilio-paste/utils": ^2.0.0 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10580,13 +10728,13 @@ __metadata: "@twilio-paste/uid-library": ^0.2.6 "@twilio-paste/utils": ^2.0.1 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/icons": ^9.0.0 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10607,8 +10755,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 deepmerge: 4.2.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/animation-library": ^0.3.1 "@twilio-paste/design-tokens": ^8.0.0 @@ -10616,8 +10764,8 @@ __metadata: "@twilio-paste/styling-library": ^1.0.0 "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10644,8 +10792,8 @@ __metadata: "@twilio-paste/utils": ^2.0.1 lodash: 4.17.21 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/anchor": ^9.0.0 "@twilio-paste/animation-library": ^0.3.2 @@ -10665,8 +10813,8 @@ __metadata: "@twilio-paste/uid-library": ^0.2.1 "@twilio-paste/utils": ^2.0.0 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10683,8 +10831,8 @@ __metadata: deepmerge: 4.2.2 highcharts: ^9.3.3 highcharts-react-official: ^3.1.0 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/animation-library": ^0.3.1 "@twilio-paste/color-contrast-utils": ^3.0.0 @@ -10693,8 +10841,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 highcharts: ^9.3.3 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10713,8 +10861,8 @@ __metadata: "@twilio-paste/uid-library": ^0.2.6 date-fns: 2.21.3 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -10726,8 +10874,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10753,13 +10901,13 @@ __metadata: dependencies: "@twilio-paste/reakit-library": ^0.8.7 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/reakit-library": ^0.8.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10781,8 +10929,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/animation-library": ^0.3.1 "@twilio-paste/box": ^7.0.0 @@ -10798,8 +10946,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10852,8 +11000,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/anchor": ^9.0.0 "@twilio-paste/animation-library": ^0.3.2 @@ -10867,8 +11015,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10877,11 +11025,11 @@ __metadata: resolution: "@twilio-paste/dropdown-library@workspace:packages/paste-libraries/dropdown" dependencies: downshift: 6.1.7 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10926,8 +11074,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -10936,8 +11084,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10959,8 +11107,8 @@ __metadata: "@twilio-paste/uid-library": ^0.2.6 deepmerge: 4.2.2 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/animation-library": ^0.3.2 "@twilio-paste/box": ^7.0.0 @@ -10975,8 +11123,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -10991,8 +11139,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11001,8 +11149,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11017,8 +11165,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/design-tokens": ^8.0.0 "@twilio-paste/style-props": ^6.0.0 @@ -11027,8 +11175,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11045,8 +11193,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11057,8 +11205,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11075,8 +11223,8 @@ __metadata: "@twilio-paste/uid-library": ^0.2.6 lodash: 4.17.21 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 ts-node: ^10.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 @@ -11087,8 +11235,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11138,16 +11286,16 @@ __metadata: "@twilio-paste/style-props": ^6.1.1 "@twilio-paste/theme": ^8.0.3 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.1 "@twilio-paste/design-tokens": ^8.1.0 "@twilio-paste/style-props": ^6.0.0 "@twilio-paste/theme": ^8.0.1 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^17.0.2 || ^18.0.0 + react-dom: ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11169,8 +11317,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11186,8 +11334,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11203,8 +11351,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11214,8 +11362,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11232,8 +11380,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11244,8 +11392,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11263,8 +11411,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11276,8 +11424,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11307,8 +11455,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/design-tokens": ^8.0.0 "@twilio-paste/style-props": ^6.0.0 @@ -11317,8 +11465,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11333,8 +11481,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11343,8 +11491,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11353,12 +11501,12 @@ __metadata: resolution: "@twilio-paste/menu-primitive@workspace:packages/paste-core/primitives/menu" dependencies: "@twilio-paste/reakit-library": ^0.8.7 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/reakit-library": ^0.8.1 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11383,8 +11531,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/anchor": ^9.0.0 "@twilio-paste/box": ^7.0.0 @@ -11403,8 +11551,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11423,8 +11571,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/button": ^11.1.1 @@ -11437,8 +11585,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^17.0.2 || ^18.0.0 + react-dom: ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11447,11 +11595,11 @@ __metadata: resolution: "@twilio-paste/modal-dialog-primitive@workspace:packages/paste-core/primitives/modal-dialog" dependencies: "@reach/dialog": 0.16.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11475,8 +11623,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/animation-library": ^0.3.1 "@twilio-paste/box": ^7.0.0 @@ -11494,8 +11642,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11520,12 +11668,12 @@ __metadata: resolution: "@twilio-paste/non-modal-dialog-primitive@workspace:packages/paste-core/primitives/non-modal-dialog" dependencies: "@twilio-paste/reakit-library": ^0.8.7 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/reakit-library": ^0.8.1 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11543,8 +11691,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11556,8 +11704,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11572,8 +11720,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/design-tokens": ^8.0.0 "@twilio-paste/style-props": ^6.0.0 @@ -11582,8 +11730,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11606,8 +11754,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/badge": ^5.0.0 "@twilio-paste/box": ^7.0.0 @@ -11624,8 +11772,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11696,8 +11844,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/base-radio-checkbox": ^10.0.0 "@twilio-paste/box": ^7.0.0 @@ -11716,8 +11864,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11725,13 +11873,13 @@ __metadata: version: 0.0.0-use.local resolution: "@twilio-paste/react-textarea-autosize-library@workspace:packages/paste-libraries/react-textarea-autosize" dependencies: - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 use-composed-ref: ^1.3.0 use-latest: ^1.2.1 peerDependencies: - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11739,14 +11887,14 @@ __metadata: version: 0.0.0-use.local resolution: "@twilio-paste/reakit-library@workspace:packages/paste-libraries/reakit" dependencies: - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 reakit: 1.3.11 reakit-system: 0.15.2 reakit-utils: 0.15.2 peerDependencies: - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11762,8 +11910,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11773,8 +11921,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11792,8 +11940,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11805,8 +11953,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11821,8 +11969,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11831,8 +11979,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11848,8 +11996,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11859,8 +12007,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11912,8 +12060,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/animation-library": ^0.3.1 "@twilio-paste/box": ^7.0.0 @@ -11923,8 +12071,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11941,8 +12089,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11953,8 +12101,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -11970,8 +12118,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -11981,8 +12129,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12017,12 +12165,12 @@ __metadata: "@types/styled-system__css": ^5.0.5 "@types/styled-system__should-forward-prop": ^5.1.2 "@types/styled-system__theme-get": ^5.0.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 styled-system: 5.1.5 peerDependencies: - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12045,8 +12193,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -12063,8 +12211,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^17.0.2 || ^18.0.0 + react-dom: ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12073,12 +12221,12 @@ __metadata: resolution: "@twilio-paste/syntax-highlighter-library@workspace:packages/paste-libraries/syntax-highlighter" dependencies: "@types/react-syntax-highlighter": 15.5.4 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 react-syntax-highlighter: 15.5.0 peerDependencies: - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12093,8 +12241,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -12103,8 +12251,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12113,12 +12261,12 @@ __metadata: resolution: "@twilio-paste/tabs-primitive@workspace:packages/paste-core/primitives/tabs" dependencies: "@twilio-paste/reakit-library": ^0.8.7 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/reakit-library": ^0.8.1 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12136,8 +12284,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -12149,8 +12297,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12167,8 +12315,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 deepmerge: 4.2.2 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/animation-library": ^0.3.2 "@twilio-paste/customization": ^5.0.0 @@ -12178,8 +12326,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12197,8 +12345,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -12210,8 +12358,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12237,8 +12385,8 @@ __metadata: "@twilio-paste/design-tokens": ^8.1.2 "@twilio-paste/styling-library": ^1.0.3 "@twilio-paste/types": ^3.1.9 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 react-helmet: ^6.1.0 typescript: ^4.6.4 peerDependencies: @@ -12247,8 +12395,8 @@ __metadata: "@twilio-paste/design-tokens": ^8.0.0 "@twilio-paste/styling-library": ^1.0.0 "@twilio-paste/types": ^3.1.1 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12267,8 +12415,8 @@ __metadata: "@twilio-paste/uid-library": ^0.2.6 date-fns: 2.21.3 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -12280,8 +12428,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12304,8 +12452,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/animation-library": ^0.3.1 "@twilio-paste/box": ^7.0.0 @@ -12322,8 +12470,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12347,12 +12495,12 @@ __metadata: resolution: "@twilio-paste/tooltip-primitive@workspace:packages/paste-core/primitives/tooltip" dependencies: "@twilio-paste/reakit-library": ^0.8.7 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/reakit-library": ^0.8.1 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12373,8 +12521,8 @@ __metadata: "@twilio-paste/types": ^3.1.9 "@twilio-paste/uid-library": ^0.2.6 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -12389,8 +12537,8 @@ __metadata: "@twilio-paste/types": ^3.1.1 "@twilio-paste/uid-library": ^0.2.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12406,8 +12554,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 prop-types: ^15.7.2 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/box": ^7.0.0 "@twilio-paste/design-tokens": ^8.0.0 @@ -12417,8 +12565,8 @@ __metadata: "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 prop-types: ^15.7.2 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12428,9 +12576,9 @@ __metadata: dependencies: "@types/react": ^17.0.31 "@types/react-dom": ^17.0.10 - react: ^17.0.2 + react: ^18.0.0 peerDependencies: - react: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12438,12 +12586,12 @@ __metadata: version: 0.0.0-use.local resolution: "@twilio-paste/uid-library@workspace:packages/paste-libraries/uid" dependencies: - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 react-uid: 2.3.1 peerDependencies: - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12458,8 +12606,8 @@ __metadata: "@twilio-paste/theme": ^8.0.3 "@twilio-paste/types": ^3.1.9 lodash: 4.17.21 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 peerDependencies: "@twilio-paste/animation-library": ^0.3.1 "@twilio-paste/color-contrast-utils": ^3.0.0 @@ -12467,8 +12615,8 @@ __metadata: "@twilio-paste/styling-library": ^1.0.0 "@twilio-paste/theme": ^8.0.0 "@twilio-paste/types": ^3.1.1 - react: ^16.8.6 || ^17.0.2 - react-dom: ^16.8.6 || ^17.0.2 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 languageName: unknown linkType: soft @@ -12712,7 +12860,7 @@ __metadata: languageName: node linkType: hard -"@types/color-convert@npm:*, @types/color-convert@npm:^2.0.0": +"@types/color-convert@npm:*": version: 2.0.0 resolution: "@types/color-convert@npm:2.0.0" dependencies: @@ -13157,6 +13305,13 @@ __metadata: languageName: node linkType: hard +"@types/lodash@npm:^4.14.167": + version: 4.14.185 + resolution: "@types/lodash@npm:4.14.185" + checksum: f81d13da5ecab110ca9c5c7cc2bedc3c9802a6acf668576aecd1b8f4b134ed81d06c15f1e600fb08f05975098280a0d97d30cddfc2cb39ec1c6b56e971ca53b3 + languageName: node + linkType: hard + "@types/lodash@npm:^4.14.182": version: 4.14.182 resolution: "@types/lodash@npm:4.14.182" @@ -13259,10 +13414,10 @@ __metadata: languageName: node linkType: hard -"@types/node@npm:^14.0.10": - version: 14.18.21 - resolution: "@types/node@npm:14.18.21" - checksum: 4ed35b76609647a4e36a194702e31cdda9ed42174ddaf7937bc5498984e98a99e8a42ea895ea17dd9c5ec18080112c29ab670c34f90eb9f7a4703b85b31e34fa +"@types/node@npm:^14.0.10 || ^16.0.0, @types/node@npm:^14.14.20 || ^16.0.0": + version: 16.11.59 + resolution: "@types/node@npm:16.11.59" + checksum: b3a2986ef8f8216bb7fd1187dcf2e69aca3e6b6b5fdfd6abf4cf11c44e3cdd587fae875a28dc4ef257e2b369e2c5290642aff6a0a9d702f3385a78f561293259 languageName: node linkType: hard @@ -13294,13 +13449,6 @@ __metadata: languageName: node linkType: hard -"@types/overlayscrollbars@npm:^1.12.0": - version: 1.12.1 - resolution: "@types/overlayscrollbars@npm:1.12.1" - checksum: 4d539db07ad5a268d6eb8f3af84f64126dd2e99831895f0a7a82839dae6d7405dbb7dacecc0ecd6f6aef403f6c5ae946f9d65dd1fa8fa44f0cb9926f01032f3c - languageName: node - linkType: hard - "@types/parse-glob@npm:*": version: 3.0.29 resolution: "@types/parse-glob@npm:3.0.29" @@ -13383,7 +13531,7 @@ __metadata: languageName: node linkType: hard -"@types/react-dom@npm:*, @types/react-dom@npm:>=16.9.0, @types/react-dom@npm:^17.0.10": +"@types/react-dom@npm:^17.0.10": version: 17.0.14 resolution: "@types/react-dom@npm:17.0.14" dependencies: @@ -13392,6 +13540,15 @@ __metadata: languageName: node linkType: hard +"@types/react-dom@npm:^18.0.0": + version: 18.0.6 + resolution: "@types/react-dom@npm:18.0.6" + dependencies: + "@types/react": "*" + checksum: db571047af1a567631758700b9f7d143e566df939cfe5fbf7535347cc0c726a1cdbb5e3f8566d076e54cf708b6c1166689de194a9ba09ee35efc9e1d45911685 + languageName: node + linkType: hard + "@types/react-github-button@npm:^0.1.1": version: 0.1.1 resolution: "@types/react-github-button@npm:0.1.1" @@ -13428,15 +13585,6 @@ __metadata: languageName: node linkType: hard -"@types/react-syntax-highlighter@npm:11.0.5": - version: 11.0.5 - resolution: "@types/react-syntax-highlighter@npm:11.0.5" - dependencies: - "@types/react": "*" - checksum: 8f4dce3eb5c70178c5ec2f7434983d632d02a0371a80c31ea012e37a2b8b2174bee482c3b85764333cbe3bcba9132b95307e23ac56d05d490e485e371bdcea46 - languageName: node - linkType: hard - "@types/react-syntax-highlighter@npm:15.5.4": version: 15.5.4 resolution: "@types/react-syntax-highlighter@npm:15.5.4" @@ -13446,16 +13594,7 @@ __metadata: languageName: node linkType: hard -"@types/react-test-renderer@npm:>=16.9.0": - version: 17.0.1 - resolution: "@types/react-test-renderer@npm:17.0.1" - dependencies: - "@types/react": "*" - checksum: ecaae8df36cd8cfeb89080d52534856acc3789bad9a6e369ff5119426377c827b4e5b5daa638507f2c1c2fd6c994bf45de288a698143178cd4049c2cd8b77b35 - languageName: node - linkType: hard - -"@types/react@npm:*, @types/react@npm:>=16.9.0, @types/react@npm:^17.0.31": +"@types/react@npm:*, @types/react@npm:^17.0.31": version: 17.0.35 resolution: "@types/react@npm:17.0.35" dependencies: @@ -15719,6 +15858,13 @@ __metadata: languageName: node linkType: hard +"array-find-index@npm:^1.0.1": + version: 1.0.2 + resolution: "array-find-index@npm:1.0.2" + checksum: aac128bf369e1ac6c06ff0bb330788371c0e256f71279fb92d745e26fb4b9db8920e485b4ec25e841c93146bf71a34dcdbcefa115e7e0f96927a214d237b7081 + languageName: node + linkType: hard + "array-flat-polyfill@npm:^1.0.1": version: 1.0.1 resolution: "array-flat-polyfill@npm:1.0.1" @@ -16332,24 +16478,6 @@ __metadata: languageName: node linkType: hard -"babel-plugin-emotion@npm:^10.0.27": - version: 10.2.2 - resolution: "babel-plugin-emotion@npm:10.2.2" - dependencies: - "@babel/helper-module-imports": ^7.0.0 - "@emotion/hash": 0.8.0 - "@emotion/memoize": 0.7.4 - "@emotion/serialize": ^0.11.16 - babel-plugin-macros: ^2.0.0 - babel-plugin-syntax-jsx: ^6.18.0 - convert-source-map: ^1.5.0 - escape-string-regexp: ^1.0.5 - find-root: ^1.1.0 - source-map: ^0.5.7 - checksum: 763f38c67ffbe7d091691d68c74686ba478296cc24716699fb5b0feddce1b1b47878a20b0bbe2aa4dea17f41074ead4deae7935d2cf6823638766709812c5b40 - languageName: node - linkType: hard - "babel-plugin-extract-import-names@npm:1.6.22": version: 1.6.22 resolution: "babel-plugin-extract-import-names@npm:1.6.22" @@ -16397,7 +16525,7 @@ __metadata: languageName: node linkType: hard -"babel-plugin-macros@npm:^2.0.0, babel-plugin-macros@npm:^2.6.1, babel-plugin-macros@npm:^2.8.0": +"babel-plugin-macros@npm:^2.6.1, babel-plugin-macros@npm:^2.8.0": version: 2.8.0 resolution: "babel-plugin-macros@npm:2.8.0" dependencies: @@ -16419,7 +16547,7 @@ __metadata: languageName: node linkType: hard -"babel-plugin-named-asset-import@npm:^0.3.1, babel-plugin-named-asset-import@npm:^0.3.8": +"babel-plugin-named-asset-import@npm:^0.3.8": version: 0.3.8 resolution: "babel-plugin-named-asset-import@npm:0.3.8" peerDependencies: @@ -16428,6 +16556,13 @@ __metadata: languageName: node linkType: hard +"babel-plugin-named-exports-order@npm:^0.0.2": + version: 0.0.2 + resolution: "babel-plugin-named-exports-order@npm:0.0.2" + checksum: d918390a09c0148893ea93bdc9c4fc6a03447c688eaf40bed0f0682d036e985ecee830b90fec2ab149b8dc0cb3220a2c0ac5054e42626bdfe0b436b505b7ef22 + languageName: node + linkType: hard + "babel-plugin-polyfill-corejs2@npm:^0.3.0": version: 0.3.1 resolution: "babel-plugin-polyfill-corejs2@npm:0.3.1" @@ -16500,13 +16635,6 @@ __metadata: languageName: node linkType: hard -"babel-plugin-syntax-jsx@npm:^6.18.0": - version: 6.18.0 - resolution: "babel-plugin-syntax-jsx@npm:6.18.0" - checksum: 0c7ce5b81d6cfc01a7dd7a76a9a8f090ee02ba5c890310f51217ef1a7e6163fb7848994bbc14fd560117892e82240df9c7157ad0764da67ca5f2afafb73a7d27 - languageName: node - linkType: hard - "babel-plugin-transform-react-remove-prop-types@npm:^0.4.24": version: 0.4.24 resolution: "babel-plugin-transform-react-remove-prop-types@npm:0.4.24" @@ -16783,6 +16911,13 @@ __metadata: languageName: node linkType: hard +"big-integer@npm:^1.6.7": + version: 1.6.51 + resolution: "big-integer@npm:1.6.51" + checksum: 3d444173d1b2e20747e2c175568bedeebd8315b0637ea95d75fd27830d3b8e8ba36c6af40374f36bdaea7b5de376dcada1b07587cb2a79a928fccdb6e6e3c518 + languageName: node + linkType: hard + "big.js@npm:^3.1.3": version: 3.2.0 resolution: "big.js@npm:3.2.0" @@ -16994,6 +17129,15 @@ __metadata: languageName: node linkType: hard +"bplist-parser@npm:^0.1.0": + version: 0.1.1 + resolution: "bplist-parser@npm:0.1.1" + dependencies: + big-integer: ^1.6.7 + checksum: 1501d52f009c9f23ecee6855940e84ac55a6120c0f05570b1f51c8d494023416ec12f4d91b5ac97d6c0941d96dd41d7cb0bc1a9c0a02092df5b4b511acb8dda5 + languageName: node + linkType: hard + "brace-expansion@npm:^1.1.7": version: 1.1.11 resolution: "brace-expansion@npm:1.1.11" @@ -17047,6 +17191,13 @@ __metadata: languageName: node linkType: hard +"browser-assert@npm:^1.2.1": + version: 1.2.1 + resolution: "browser-assert@npm:1.2.1" + checksum: 8b2407cd04c1ed592cf892dec35942b7d72635829221e0788c9a16c4d2afa8b7156bc9705b1c4b32c30d88136c576fda3cbcb8f494d6f865264c706ea8798d92 + languageName: node + linkType: hard + "browser-process-hrtime@npm:^1.0.0": version: 1.0.0 resolution: "browser-process-hrtime@npm:1.0.0" @@ -17673,6 +17824,16 @@ __metadata: languageName: node linkType: hard +"camelcase-keys@npm:^2.0.0": + version: 2.1.0 + resolution: "camelcase-keys@npm:2.1.0" + dependencies: + camelcase: ^2.0.0 + map-obj: ^1.0.0 + checksum: 97d2993da5db44d45e285910c70a54ce7f83a2be05afceaafd9831f7aeaf38a48dcdede5ca3aae2b2694852281d38dc459706e346942c5df0bf755f4133f5c39 + languageName: node + linkType: hard + "camelcase-keys@npm:^6.2.2": version: 6.2.2 resolution: "camelcase-keys@npm:6.2.2" @@ -17684,6 +17845,13 @@ __metadata: languageName: node linkType: hard +"camelcase@npm:^2.0.0": + version: 2.1.1 + resolution: "camelcase@npm:2.1.1" + checksum: 20a3ef08f348de832631d605362ffe447d883ada89617144a82649363ed5860923b021f8e09681624ef774afb93ff3597cfbcf8aaf0574f65af7648f1aea5e50 + languageName: node + linkType: hard + "camelcase@npm:^3.0.0": version: 3.0.0 resolution: "camelcase@npm:3.0.0" @@ -18512,10 +18680,17 @@ __metadata: languageName: node linkType: hard -"clsx@npm:^1.1.1": - version: 1.1.1 - resolution: "clsx@npm:1.1.1" - checksum: ff052650329773b9b245177305fc4c4dc3129f7b2be84af4f58dc5defa99538c61d4207be7419405a5f8f3d92007c954f4daba5a7b74e563d5de71c28c830063 +"clsx@npm:1.1.0": + version: 1.1.0 + resolution: "clsx@npm:1.1.0" + checksum: 50e889839a557b8a2fca063ee7ea22ba8c261e7f9f7aadc257065fc77f16fa0a98ce826fb2b126d05fb736560333971dbb882874054df7bb8f4317e224ec1978 + languageName: node + linkType: hard + +"clsx@npm:^1.0.4": + version: 1.2.1 + resolution: "clsx@npm:1.2.1" + checksum: 30befca8019b2eb7dbad38cff6266cf543091dae2825c856a62a8ccf2c3ab9c2907c4d12b288b73101196767f66812365400a227581484a05f968b0307cfaf12 languageName: node linkType: hard @@ -19326,15 +19501,6 @@ __metadata: languageName: node linkType: hard -"copy-to-clipboard@npm:^3.3.1": - version: 3.3.1 - resolution: "copy-to-clipboard@npm:3.3.1" - dependencies: - toggle-selection: ^1.0.6 - checksum: 3c7b1c333dc6a4b2e9905f52e4df6bbd34ff9f9c97ecd3ca55378a6bc1c191bb12a3252e6289c7b436e9188cff0360d393c0161626851d2301607860bbbdcfd5 - languageName: node - linkType: hard - "core-js-compat@npm:3.9.0": version: 3.9.0 resolution: "core-js-compat@npm:3.9.0" @@ -19362,13 +19528,6 @@ __metadata: languageName: node linkType: hard -"core-js-pure@npm:^3.8.2": - version: 3.23.2 - resolution: "core-js-pure@npm:3.23.2" - checksum: 0be2475c037790073dc40972cd7621481569d23a8e802f46b970f4ecc93170507774d198a7df74cf991acf6826f1e616cdb4782f602d935bd9c1999227684d70 - languageName: node - linkType: hard - "core-js@npm:^2.4.0, core-js@npm:^2.6.5": version: 2.6.11 resolution: "core-js@npm:2.6.11" @@ -20148,6 +20307,15 @@ __metadata: languageName: node linkType: hard +"currently-unhandled@npm:^0.4.1": + version: 0.4.1 + resolution: "currently-unhandled@npm:0.4.1" + dependencies: + array-find-index: ^1.0.1 + checksum: 1f59fe10b5339b54b1a1eee110022f663f3495cf7cf2f480686e89edc7fa8bfe42dbab4b54f85034bc8b092a76cc7becbc2dad4f9adad332ab5831bec39ad540 + languageName: node + linkType: hard + "cwd@npm:^0.10.0": version: 0.10.0 resolution: "cwd@npm:0.10.0" @@ -20522,7 +20690,7 @@ __metadata: languageName: node linkType: hard -"decamelize@npm:^1.1.0, decamelize@npm:^1.1.1, decamelize@npm:^1.2.0": +"decamelize@npm:^1.1.0, decamelize@npm:^1.1.1, decamelize@npm:^1.1.2, decamelize@npm:^1.2.0": version: 1.2.0 resolution: "decamelize@npm:1.2.0" checksum: ad8c51a7e7e0720c70ec2eeb1163b66da03e7616d7b98c9ef43cce2416395e84c1e9548dd94f5f6ffecfee9f8b94251fc57121a8b021f2ff2469b2bae247b8aa @@ -20668,13 +20836,6 @@ __metadata: languageName: node linkType: hard -"deep-object-diff@npm:^1.1.0": - version: 1.1.7 - resolution: "deep-object-diff@npm:1.1.7" - checksum: 543fb1ae87b138ad260691e6949e72bf7dc144825084b7ad1886bb725d2ace1c19ed1ef1280f1116243e86bf2c6b942f45c670958b1468f644613f28c5dc97ea - languageName: node - linkType: hard - "deepmerge@npm:4.2.2, deepmerge@npm:^4.0, deepmerge@npm:^4.2.2": version: 4.2.2 resolution: "deepmerge@npm:4.2.2" @@ -20682,6 +20843,19 @@ __metadata: languageName: node linkType: hard +"default-browser-id@npm:^1.0.4": + version: 1.0.4 + resolution: "default-browser-id@npm:1.0.4" + dependencies: + bplist-parser: ^0.1.0 + meow: ^3.1.0 + untildify: ^2.0.0 + bin: + default-browser-id: cli.js + checksum: c6576428ebdd304d209e09c40803c974de3236232fdfa564d82bd1e985246a0d0f0b344f2b207fcbf663b925c20d30ab4d77fbe2755d2be3a6073f12620b9056 + languageName: node + linkType: hard + "default-compare@npm:^1.0.0": version: 1.0.0 resolution: "default-compare@npm:1.0.0" @@ -20934,6 +21108,15 @@ __metadata: languageName: node linkType: hard +"detect-package-manager@npm:^2.0.1": + version: 2.0.1 + resolution: "detect-package-manager@npm:2.0.1" + dependencies: + execa: ^5.1.1 + checksum: e72b910182d5ad479198d4235be206ac64a479257b32201bb06f3c842cc34c65ea851d46f72cc1d4bf535bcc6c4b44b5b86bb29fe1192b8c9c07b46883672f28 + languageName: node + linkType: hard + "detect-port-alt@npm:1.1.6, detect-port-alt@npm:^1.1.6": version: 1.1.6 resolution: "detect-port-alt@npm:1.1.6" @@ -21517,7 +21700,7 @@ __metadata: languageName: node linkType: hard -"downshift@npm:6.1.7, downshift@npm:^6.0.15": +"downshift@npm:6.1.7": version: 6.1.7 resolution: "downshift@npm:6.1.7" dependencies: @@ -21729,20 +21912,6 @@ __metadata: languageName: node linkType: hard -"emotion-theming@npm:^10.0.27": - version: 10.3.0 - resolution: "emotion-theming@npm:10.3.0" - dependencies: - "@babel/runtime": ^7.5.5 - "@emotion/weak-memoize": 0.2.5 - hoist-non-react-statics: ^3.3.0 - peerDependencies: - "@emotion/core": ^10.0.27 - react: ">=16.3.0" - checksum: 2b0366afadbf60ab8d3d15750f0ac2949a74d580faa42713dad5c4fbe1652abee39e94ed9b228c47869111bf57d960d547da7a5844cd1ab86c9cdbfe62da9e99 - languageName: node - linkType: hard - "enabled@npm:2.0.x": version: 2.0.0 resolution: "enabled@npm:2.0.0" @@ -23883,6 +24052,13 @@ __metadata: languageName: node linkType: hard +"fetch-retry@npm:^5.0.2": + version: 5.0.3 + resolution: "fetch-retry@npm:5.0.3" + checksum: b4eebc04bd41651417e89ae9287e5b9e5421970ce07058c6e1e22f7d9c1cd5f935fc39a328fd66b433247c0ae1bb8a6b2d48c073d5a9f911992f72c5d311b14d + languageName: node + linkType: hard + "figgy-pudding@npm:^3.5.1": version: 3.5.2 resolution: "figgy-pudding@npm:3.5.2" @@ -24373,6 +24549,15 @@ __metadata: languageName: node linkType: hard +"focus-lock@npm:^0.8.0": + version: 0.8.1 + resolution: "focus-lock@npm:0.8.1" + dependencies: + tslib: ^1.9.3 + checksum: 3b25b06bb8e23a3a826a8eda89e547593a688486df531db92f6b767d96d397dc1efed4529ec3a44cb3ec1fbdd44abe50a30d0ce498f732501b36f5f18b619003 + languageName: node + linkType: hard + "folder-walker@npm:^3.2.0": version: 3.2.0 resolution: "folder-walker@npm:3.2.0" @@ -24853,13 +25038,6 @@ fsevents@^1.2.7: languageName: node linkType: hard -"fuse.js@npm:^3.6.1": - version: 3.6.1 - resolution: "fuse.js@npm:3.6.1" - checksum: 958aa877ace65dc900df776becd39a03df68d7eebc7890b5fd2fc8c5d88e2fff238f60c37f80013ce70e9d9e7ac8efa9f503695fdd23d1eca3cc983797b50191 - languageName: node - linkType: hard - "fuzzy@npm:^0.1.3": version: 0.1.3 resolution: "fuzzy@npm:0.1.3" @@ -25752,6 +25930,13 @@ fsevents@^1.2.7: languageName: node linkType: hard +"get-stdin@npm:^4.0.1": + version: 4.0.1 + resolution: "get-stdin@npm:4.0.1" + checksum: 4f73d3fe0516bc1f3dc7764466a68ad7c2ba809397a02f56c2a598120e028430fcff137a648a01876b2adfb486b4bc164119f98f1f7d7c0abd63385bdaa0113f + languageName: node + linkType: hard + "get-stdin@npm:^6.0.0": version: 6.0.0 resolution: "get-stdin@npm:6.0.0" @@ -27255,7 +27440,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"highlight.js@npm:^10.1.1, highlight.js@npm:^10.4.1, highlight.js@npm:~10.7.0": +"highlight.js@npm:^10.4.1, highlight.js@npm:~10.7.0": version: 10.7.3 resolution: "highlight.js@npm:10.7.3" checksum: defeafcd546b535d710d8efb8e650af9e3b369ef53e28c3dc7893eacfe263200bba4c5fcf43524ae66d5c0c296b1af0870523ceae3e3104d24b7abf6374a4fea @@ -27269,15 +27454,6 @@ fsevents@^1.2.7: languageName: node linkType: hard -"history@npm:5.0.0": - version: 5.0.0 - resolution: "history@npm:5.0.0" - dependencies: - "@babel/runtime": ^7.7.6 - checksum: 14eab13619b4d297eeda0ae7adcf2dd8e6cec48fc9fac903b8dfb626337f8f6fc12743c286be819885c71f522daf0e9e7f814aa126ae5e1b01ab4a3d6801b5f5 - languageName: node - linkType: hard - "history@npm:^5.2.0": version: 5.2.0 resolution: "history@npm:5.2.0" @@ -27298,7 +27474,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"hoist-non-react-statics@npm:^3.3.0, hoist-non-react-statics@npm:^3.3.1": +"hoist-non-react-statics@npm:^3.3.1": version: 3.3.2 resolution: "hoist-non-react-statics@npm:3.3.2" dependencies: @@ -28034,6 +28210,15 @@ fsevents@^1.2.7: languageName: node linkType: hard +"indent-string@npm:^2.1.0": + version: 2.1.0 + resolution: "indent-string@npm:2.1.0" + dependencies: + repeating: ^2.0.0 + checksum: 2fe7124311435f4d7a98f0a314d8259a4ec47ecb221110a58e2e2073e5f75c8d2b4f775f2ed199598fbe20638917e57423096539455ca8bff8eab113c9bee12c + languageName: node + linkType: hard + "indent-string@npm:^3.0.0, indent-string@npm:^3.2.0": version: 3.2.0 resolution: "indent-string@npm:3.2.0" @@ -28287,6 +28472,13 @@ fsevents@^1.2.7: languageName: node linkType: hard +"ip@npm:^2.0.0": + version: 2.0.0 + resolution: "ip@npm:2.0.0" + checksum: cfcfac6b873b701996d71ec82a7dd27ba92450afdb421e356f44044ed688df04567344c36cbacea7d01b1c39a4c732dc012570ebe9bebfb06f27314bca625349 + languageName: node + linkType: hard + "ipaddr.js@npm:1.9.1": version: 1.9.1 resolution: "ipaddr.js@npm:1.9.1" @@ -28595,6 +28787,13 @@ fsevents@^1.2.7: languageName: node linkType: hard +"is-finite@npm:^1.0.0": + version: 1.1.0 + resolution: "is-finite@npm:1.1.0" + checksum: 532b97ed3d03e04c6bd203984d9e4ba3c0c390efee492bad5d1d1cd1802a68ab27adbd3ef6382f6312bed6c8bb1bd3e325ea79a8dc8fe080ed7a06f5f97b93e7 + languageName: node + linkType: hard + "is-fullwidth-code-point@npm:^1.0.0": version: 1.0.0 resolution: "is-fullwidth-code-point@npm:1.0.0" @@ -29300,6 +29499,16 @@ fsevents@^1.2.7: languageName: node linkType: hard +"isomorphic-unfetch@npm:^3.1.0": + version: 3.1.0 + resolution: "isomorphic-unfetch@npm:3.1.0" + dependencies: + node-fetch: ^2.6.1 + unfetch: ^4.2.0 + checksum: 82b92fe4ec2823a81ab0fc0d11bd94d710e6f9a940d56b3cba31896d4345ec9ffc7949f4ff31ebcae84f6b95f7ebf3474c4c7452b834eb4078ea3f2c37e459c5 + languageName: node + linkType: hard + "isomorphic-ws@npm:4.0.1": version: 4.0.1 resolution: "isomorphic-ws@npm:4.0.1" @@ -31909,6 +32118,16 @@ fsevents@^1.2.7: languageName: node linkType: hard +"loud-rejection@npm:^1.0.0": + version: 1.6.0 + resolution: "loud-rejection@npm:1.6.0" + dependencies: + currently-unhandled: ^0.4.1 + signal-exit: ^3.0.0 + checksum: 750e12defde34e8cbf263c2bff16f028a89b56e022ad6b368aa7c39495b5ac33f2349a8d00665a9b6d25c030b376396524d8a31eb0dde98aaa97956d7324f927 + languageName: node + linkType: hard + "lower-case-first@npm:^1.0.0": version: 1.0.2 resolution: "lower-case-first@npm:1.0.2" @@ -31955,7 +32174,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"lowlight@npm:^1.14.0, lowlight@npm:^1.17.0": +"lowlight@npm:^1.17.0": version: 1.20.0 resolution: "lowlight@npm:1.20.0" dependencies: @@ -32143,7 +32362,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"map-obj@npm:^1.0.0": +"map-obj@npm:^1.0.0, map-obj@npm:^1.0.1": version: 1.0.1 resolution: "map-obj@npm:1.0.1" checksum: 9949e7baec2a336e63b8d4dc71018c117c3ce6e39d2451ccbfd3b8350c547c4f6af331a4cbe1c83193d7c6b786082b6256bde843db90cb7da2a21e8fcc28afed @@ -32203,15 +32422,6 @@ fsevents@^1.2.7: languageName: node linkType: hard -"markdown-to-jsx@npm:^7.1.3": - version: 7.1.7 - resolution: "markdown-to-jsx@npm:7.1.7" - peerDependencies: - react: ">= 0.14.0" - checksum: b2c0ea7d0988fad0c709989b3b1b3a5600d1e80b60266f9618386f7afead4a6b5eba9ee1a3943df6a3dcb1599ea89e58467d1b17b6dd3af3c60984c60a85d06d - languageName: node - linkType: hard - "marked@npm:^1.2.5": version: 1.2.7 resolution: "marked@npm:1.2.7" @@ -32657,6 +32867,24 @@ fsevents@^1.2.7: languageName: node linkType: hard +"meow@npm:^3.1.0": + version: 3.7.0 + resolution: "meow@npm:3.7.0" + dependencies: + camelcase-keys: ^2.0.0 + decamelize: ^1.1.2 + loud-rejection: ^1.0.0 + map-obj: ^1.0.1 + minimist: ^1.1.3 + normalize-package-data: ^2.3.4 + object-assign: ^4.0.1 + read-pkg-up: ^1.0.1 + redent: ^1.0.0 + trim-newlines: ^1.0.0 + checksum: 65a412e5d0d643615508007a9292799bb3e4e690597d54c9e98eb0ca3adb7b8ca8899f41ea7cb7d8277129cdcd9a1a60202b31f88e0034e6aaae02894d80999a + languageName: node + linkType: hard + "meow@npm:^3.3.0, meow@npm:^6.0.0, meow@npm:^8.0.0": version: 8.1.2 resolution: "meow@npm:8.1.2" @@ -33069,7 +33297,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"minimist@npm:^1.2.6": +"minimist@npm:^1.1.3, minimist@npm:^1.2.6": version: 1.2.6 resolution: "minimist@npm:1.2.6" checksum: d15428cd1e11eb14e1233bcfb88ae07ed7a147de251441d61158619dfb32c4d7e9061d09cab4825fdee18ecd6fce323228c8c47b5ba7cd20af378ca4048fb3fb @@ -33476,7 +33704,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"nanoid@npm:^3.1.23, nanoid@npm:^3.1.30": +"nanoid@npm:^3.1.30": version: 3.3.4 resolution: "nanoid@npm:3.3.4" bin: @@ -34218,7 +34446,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"normalize-package-data@npm:^2.0.0, normalize-package-data@npm:^2.3.0, normalize-package-data@npm:^2.3.2, normalize-package-data@npm:^2.5.0": +"normalize-package-data@npm:^2.0.0, normalize-package-data@npm:^2.3.0, normalize-package-data@npm:^2.3.2, normalize-package-data@npm:^2.3.4, normalize-package-data@npm:^2.5.0": version: 2.5.0 resolution: "normalize-package-data@npm:2.5.0" dependencies: @@ -35103,13 +35331,6 @@ fsevents@^1.2.7: languageName: node linkType: hard -"overlayscrollbars@npm:^1.13.1": - version: 1.13.2 - resolution: "overlayscrollbars@npm:1.13.2" - checksum: b5498bdb5acf8d4f7a1d231af45ea50c0788a81322beb12d965918a2ed567c79938e42726a0012cf03ba9bb6159fbe6a9a3fd3036d83c7fb892ecd75ae101496 - languageName: node - linkType: hard - "override-require@npm:^1.1.1": version: 1.1.1 resolution: "override-require@npm:1.1.1" @@ -35225,7 +35446,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"p-limit@npm:3.1.0, p-limit@npm:^3.0.2, p-limit@npm:^3.1.0": +"p-limit@npm:3.1.0, p-limit@npm:^3.0.2": version: 3.1.0 resolution: "p-limit@npm:3.1.0" dependencies: @@ -35863,26 +36084,26 @@ fsevents@^1.2.7: "@netlify/functions": ^0.7.2 "@percy/cli": ^1.10.1 "@percy/cypress": ^3.1.2 - "@storybook/addon-a11y": 6.4.20 - "@storybook/addon-actions": 6.4.20 - "@storybook/addon-essentials": 6.4.20 - "@storybook/addon-interactions": 6.4.20 - "@storybook/addon-links": 6.4.20 - "@storybook/addon-viewport": 6.4.20 - "@storybook/addons": 6.4.20 - "@storybook/builder-webpack5": 6.4.20 - "@storybook/core": 6.4.20 + "@storybook/addon-a11y": ^6.5.12 + "@storybook/addon-actions": ^6.5.12 + "@storybook/addon-essentials": ^6.5.12 + "@storybook/addon-interactions": ^6.5.12 + "@storybook/addon-links": ^6.5.12 + "@storybook/addon-viewport": ^6.5.12 + "@storybook/addons": ^6.5.12 + "@storybook/builder-webpack5": ^6.5.12 + "@storybook/core": ^6.5.12 "@storybook/jest": 0.0.10 - "@storybook/manager-webpack5": 6.4.20 - "@storybook/react": 6.4.20 + "@storybook/manager-webpack5": ^6.5.12 + "@storybook/react": ^6.5.12 "@storybook/test-runner": 0.3.0 "@storybook/testing-library": 0.0.13 "@swc/core": ^1.2.160 "@swc/jest": ^0.2.20 - "@testing-library/jest-dom": ^5.16.2 - "@testing-library/react": ^12.1.4 - "@testing-library/react-hooks": ^7.0.2 - "@testing-library/user-event": ^13.5.0 + "@testing-library/jest-dom": ^5.16.5 + "@testing-library/react": ^13.4.0 + "@testing-library/react-hooks": ^8.0.1 + "@testing-library/user-event": ^14.4.3 "@twilio-labs/svg-to-react": ^2.1.1 "@types/browser-sync": ^2.26.1 "@types/color": ^3.0.0 @@ -35951,8 +36172,8 @@ fsevents@^1.2.7: prettier: ^2.2.1 prop-types: ^15.7.2 puppeteer-core: ^10.1.0 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 react-ga: ^3.3.0 react-helmet: ^6.1.0 react-router-dom: 6.2.1 @@ -36397,7 +36618,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"polished@npm:^4.0.5": +"polished@npm:^4.2.2": version: 4.2.2 resolution: "polished@npm:4.2.2" dependencies: @@ -37653,13 +37874,6 @@ fsevents@^1.2.7: languageName: node linkType: hard -"prismjs@npm:^1.21.0": - version: 1.28.0 - resolution: "prismjs@npm:1.28.0" - checksum: bde93fb2beb45b7243219fc53855f59ee54b3fa179f315e8f9d66244d756ef984462e10561bbdc6713d3d7e051852472d7c284f5794a8791eeaefea2fb910b16 - languageName: node - linkType: hard - "prismjs@npm:^1.27.0": version: 1.29.0 resolution: "prismjs@npm:1.29.0" @@ -38297,16 +38511,6 @@ fsevents@^1.2.7: languageName: node linkType: hard -"react-colorful@npm:^5.1.2": - version: 5.5.1 - resolution: "react-colorful@npm:5.5.1" - peerDependencies: - react: ">=16.8.0" - react-dom: ">=16.8.0" - checksum: e60811781716e57f0990379eff20d6f22d4d35b9e858c47ecf857c1dc1c1a2274c924ded7248bad5f1e2fbf2aab06e59b12852910c8dee5e6850f8e4df293670 - languageName: node - linkType: hard - "react-dev-utils@npm:^11.0.4": version: 11.0.4 resolution: "react-dev-utils@npm:11.0.4" @@ -38371,7 +38575,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"react-docgen-typescript@npm:^2.0.0": +"react-docgen-typescript@npm:^2.1.1": version: 2.2.2 resolution: "react-docgen-typescript@npm:2.2.2" peerDependencies: @@ -38411,16 +38615,15 @@ fsevents@^1.2.7: languageName: node linkType: hard -"react-draggable@npm:^4.4.3": - version: 4.4.5 - resolution: "react-draggable@npm:4.4.5" +"react-dom@npm:^18.0.0": + version: 18.2.0 + resolution: "react-dom@npm:18.2.0" dependencies: - clsx: ^1.1.1 - prop-types: ^15.8.1 + loose-envify: ^1.1.0 + scheduler: ^0.23.0 peerDependencies: - react: ">= 16.3.0" - react-dom: ">= 16.3.0" - checksum: 21c3775db086e13020967627c20acd41d1ddbc7c7d7fca51491a5bbb54a0aa7e1730a4bc9af17141eb50a4954e547a5e25b2368f5f54b70db6f2686a897bacf2 + react: ^18.2.0 + checksum: 7d323310bea3a91be2965f9468d552f201b1c27891e45ddc2d6b8f717680c95a75ae0bc1e3f5cf41472446a2589a75aed4483aee8169287909fcd59ad149e8cc languageName: node linkType: hard @@ -38456,7 +38659,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"react-fast-compare@npm:^3.0.1, react-fast-compare@npm:^3.1.1, react-fast-compare@npm:^3.2.0": +"react-fast-compare@npm:^3.1.1": version: 3.2.0 resolution: "react-fast-compare@npm:3.2.0" checksum: 8ef272c825ae329f61633ce4ce7f15aa5b84e5214d88bc0823880236e03e985a13195befa2c7a4eda7db3b017dc7985729152d88445823f652403cf36c2b86aa @@ -38498,22 +38701,6 @@ fsevents@^1.2.7: languageName: node linkType: hard -"react-helmet-async@npm:^1.0.7": - version: 1.3.0 - resolution: "react-helmet-async@npm:1.3.0" - dependencies: - "@babel/runtime": ^7.12.5 - invariant: ^2.2.4 - prop-types: ^15.7.2 - react-fast-compare: ^3.2.0 - shallowequal: ^1.1.0 - peerDependencies: - react: ^16.6.0 || ^17.0.0 || ^18.0.0 - react-dom: ^16.6.0 || ^17.0.0 || ^18.0.0 - checksum: 7ca7e47f8af14ea186688b512a87ab912bf6041312b297f92516341b140b3f0f8aedf5a44d226d99e69ed067b0cc106e38aeb9c9b738ffcc63d10721c844db90 - languageName: node - linkType: hard - "react-helmet@npm:^6.1.0": version: 6.1.0 resolution: "react-helmet@npm:6.1.0" @@ -38608,31 +38795,10 @@ fsevents@^1.2.7: languageName: node linkType: hard -"react-popper-tooltip@npm:^3.1.1": - version: 3.1.1 - resolution: "react-popper-tooltip@npm:3.1.1" - dependencies: - "@babel/runtime": ^7.12.5 - "@popperjs/core": ^2.5.4 - react-popper: ^2.2.4 - peerDependencies: - react: ^16.6.0 || ^17.0.0 - react-dom: ^16.6.0 || ^17.0.0 - checksum: c820122a4fdce46ff446b2c7bfe45727de42eacf1c2981fe8f8562da246a289dc7349f0732e36390a08ce50717dc52c4e8ab8e418af19cdd2ded7795ea6b8017 - languageName: node - linkType: hard - -"react-popper@npm:^2.2.4": - version: 2.3.0 - resolution: "react-popper@npm:2.3.0" - dependencies: - react-fast-compare: ^3.0.1 - warning: ^4.0.2 - peerDependencies: - "@popperjs/core": ^2.0.0 - react: ^16.8.0 || ^17 || ^18 - react-dom: ^16.8.0 || ^17 || ^18 - checksum: 837111c98738011c69b3069a464ea5bdcbf487105b6148e8faf90cb7337e134edb1b98b8824322941c378756cca30a15c18c25f558e53b85ed5762fa0dc8e6b2 +"react-merge-refs@npm:^1.0.0": + version: 1.1.0 + resolution: "react-merge-refs@npm:1.1.0" + checksum: 90884352999002d868ab9f1bcfe3222fb0f2178ed629f1da7e98e5a9b02a2c96b4aa72800db92aabd69d2483211b4be57a2088e89a11a0b660e7ada744d4ddf7 languageName: node linkType: hard @@ -38698,19 +38864,6 @@ fsevents@^1.2.7: languageName: node linkType: hard -"react-router-dom@npm:^6.0.0": - version: 6.3.0 - resolution: "react-router-dom@npm:6.3.0" - dependencies: - history: ^5.2.0 - react-router: 6.3.0 - peerDependencies: - react: ">=16.8" - react-dom: ">=16.8" - checksum: 77603a654f8a8dc7f65535a2e5917a65f8d9ffcb06546d28dd297e52adcc4b8a84377e0115f48dca330b080af2da3e78f29d590c89307094d36927d2b1751ec3 - languageName: node - linkType: hard - "react-router@npm:6.2.1": version: 6.2.1 resolution: "react-router@npm:6.2.1" @@ -38722,17 +38875,6 @@ fsevents@^1.2.7: languageName: node linkType: hard -"react-router@npm:6.3.0, react-router@npm:^6.0.0": - version: 6.3.0 - resolution: "react-router@npm:6.3.0" - dependencies: - history: ^5.2.0 - peerDependencies: - react: ">=16.8" - checksum: 7be673f5e72104be01e6ab274516bdb932efd93305243170690f6560e3bd1035dd1df3d3c9ce1e0f452638a2529f43a1e77dcf0934fc8031c4783da657be13ca - languageName: node - linkType: hard - "react-scripts@npm:5.0.0": version: 5.0.0 resolution: "react-scripts@npm:5.0.0" @@ -38880,34 +39022,6 @@ fsevents@^1.2.7: languageName: node linkType: hard -"react-syntax-highlighter@npm:^13.5.3": - version: 13.5.3 - resolution: "react-syntax-highlighter@npm:13.5.3" - dependencies: - "@babel/runtime": ^7.3.1 - highlight.js: ^10.1.1 - lowlight: ^1.14.0 - prismjs: ^1.21.0 - refractor: ^3.1.0 - peerDependencies: - react: ">= 0.14.0" - checksum: fa03880a887bc0c79c0be25fc35924980d75f684f8d05620272bdfcbb9f119f45bb7f8ddd92b9e944103964a4e094b99750d0b19c992fd86f2ce0b70266e89c3 - languageName: node - linkType: hard - -"react-textarea-autosize@npm:^8.3.0": - version: 8.3.4 - resolution: "react-textarea-autosize@npm:8.3.4" - dependencies: - "@babel/runtime": ^7.10.2 - use-composed-ref: ^1.3.0 - use-latest: ^1.2.1 - peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - checksum: 87360d4392276d4e87511a73be9b0634b8bcce8f4f648cf659334d993f25ad3d4062f468f1e1944fc614123acae4299580aad00b760c6a96cec190e076f847f5 - languageName: node - linkType: hard - "react-uid@npm:2.3.1": version: 2.3.1 resolution: "react-uid@npm:2.3.1" @@ -38956,6 +39070,15 @@ fsevents@^1.2.7: languageName: node linkType: hard +"react@npm:^18.0.0": + version: 18.2.0 + resolution: "react@npm:18.2.0" + dependencies: + loose-envify: ^1.1.0 + checksum: 88e38092da8839b830cda6feef2e8505dec8ace60579e46aa5490fc3dc9bba0bd50336507dc166f43e3afc1c42939c09fe33b25fae889d6f402721dcd78fca1b + languageName: node + linkType: hard + "reactcss@npm:^1.2.0": version: 1.2.3 resolution: "reactcss@npm:1.2.3" @@ -39292,6 +39415,16 @@ fsevents@^1.2.7: languageName: node linkType: hard +"redent@npm:^1.0.0": + version: 1.0.0 + resolution: "redent@npm:1.0.0" + dependencies: + indent-string: ^2.1.0 + strip-indent: ^1.0.1 + checksum: 2bb8f76fda9c9f44e26620047b0ba9dd1834b0a80309d0badcc23fdcf7bb27a7ca74e66b683baa0d4b8cb5db787f11be086504036d63447976f409dd3e73fd7d + languageName: node + linkType: hard + "redent@npm:^3.0.0": version: 3.0.0 resolution: "redent@npm:3.0.0" @@ -39329,7 +39462,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"refractor@npm:^3.1.0, refractor@npm:^3.6.0": +"refractor@npm:^3.6.0": version: 3.6.0 resolution: "refractor@npm:3.6.0" dependencies: @@ -39372,7 +39505,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"regenerator-runtime@npm:^0.13.3, regenerator-runtime@npm:^0.13.4, regenerator-runtime@npm:^0.13.7, regenerator-runtime@npm:^0.13.9": +"regenerator-runtime@npm:^0.13.2, regenerator-runtime@npm:^0.13.3, regenerator-runtime@npm:^0.13.4, regenerator-runtime@npm:^0.13.7, regenerator-runtime@npm:^0.13.9": version: 0.13.9 resolution: "regenerator-runtime@npm:0.13.9" checksum: 65ed455fe5afd799e2897baf691ca21c2772e1a969d19bb0c4695757c2d96249eb74ee3553ea34a91062b2a676beedf630b4c1551cc6299afb937be1426ec55e @@ -39822,6 +39955,15 @@ fsevents@^1.2.7: languageName: node linkType: hard +"repeating@npm:^2.0.0": + version: 2.0.1 + resolution: "repeating@npm:2.0.1" + dependencies: + is-finite: ^1.0.0 + checksum: d2db0b69c5cb0c14dd750036e0abcd6b3c3f7b2da3ee179786b755cf737ca15fa0fff417ca72de33d6966056f4695440e680a352401fc02c95ade59899afbdd0 + languageName: node + linkType: hard + "replace-ext@npm:1.0.0, replace-ext@npm:^1.0.0": version: 1.0.0 resolution: "replace-ext@npm:1.0.0" @@ -40534,6 +40676,15 @@ fsevents@^1.2.7: languageName: node linkType: hard +"scheduler@npm:^0.23.0": + version: 0.23.0 + resolution: "scheduler@npm:0.23.0" + dependencies: + loose-envify: ^1.1.0 + checksum: d79192eeaa12abef860c195ea45d37cbf2bbf5f66e3c4dcd16f54a7da53b17788a70d109ee3d3dde1a0fd50e6a8fc171f4300356c5aee4fc0171de526bf35f8a + languageName: node + linkType: hard + "schema-utils@npm:2.7.0": version: 2.7.0 resolution: "schema-utils@npm:2.7.0" @@ -42464,6 +42615,17 @@ fsevents@^1.2.7: languageName: node linkType: hard +"strip-indent@npm:^1.0.1": + version: 1.0.1 + resolution: "strip-indent@npm:1.0.1" + dependencies: + get-stdin: ^4.0.1 + bin: + strip-indent: cli.js + checksum: 81ad9a0b8a558bdbd05b66c6c437b9ab364aa2b5479ed89969ca7908e680e21b043d40229558c434b22b3d640622e39b66288e0456d601981ac9289de9700fbd + languageName: node + linkType: hard + "strip-indent@npm:^3.0.0": version: 3.0.0 resolution: "strip-indent@npm:3.0.0" @@ -43002,22 +43164,6 @@ fsevents@^1.2.7: languageName: node linkType: hard -"telejson@npm:^5.3.2, telejson@npm:^5.3.3": - version: 5.3.3 - resolution: "telejson@npm:5.3.3" - dependencies: - "@types/is-function": ^1.0.0 - global: ^4.4.0 - is-function: ^1.0.2 - is-regex: ^1.1.2 - is-symbol: ^1.0.3 - isobject: ^4.0.0 - lodash: ^4.17.21 - memoizerific: ^1.11.3 - checksum: 16a3152bd49e1eb634856de8bf45d82e9b0ccea5ac4ae0092bced4abbd5536a60fb0a2a20fdd930b56242125a51baa86a3d15b7beb8d3640353548c7b5c2516a - languageName: node - linkType: hard - "telejson@npm:^6.0.8": version: 6.0.8 resolution: "telejson@npm:6.0.8" @@ -43596,13 +43742,6 @@ fsevents@^1.2.7: languageName: node linkType: hard -"toggle-selection@npm:^1.0.6": - version: 1.0.6 - resolution: "toggle-selection@npm:1.0.6" - checksum: a90dc80ed1e7b18db8f4e16e86a5574f87632dc729cfc07d9ea3ced50021ad42bb4e08f22c0913e0b98e3837b0b717e0a51613c65f30418e21eb99da6556a74c - languageName: node - linkType: hard - "toidentifier@npm:1.0.0": version: 1.0.0 resolution: "toidentifier@npm:1.0.0" @@ -43717,6 +43856,13 @@ fsevents@^1.2.7: languageName: node linkType: hard +"trim-newlines@npm:^1.0.0": + version: 1.0.0 + resolution: "trim-newlines@npm:1.0.0" + checksum: ed96eea318581c6f894c0a98d0c4f16dcce11a41794ce140a79db55f1cab709cd9117578ee5e49a9b52f41e9cd93eaf3efa6c4bddbc77afbf91128b396fadbc1 + languageName: node + linkType: hard + "trim-newlines@npm:^3.0.0": version: 3.0.1 resolution: "trim-newlines@npm:3.0.1" @@ -44955,6 +45101,15 @@ typescript@^4.6.4: languageName: node linkType: hard +"untildify@npm:^2.0.0": + version: 2.1.0 + resolution: "untildify@npm:2.1.0" + dependencies: + os-homedir: ^1.0.0 + checksum: 071b394053fc94747d9df8c7f7ca50af41355c1207c8a0bf9f35f52b0d9ad5142a1920b018bc2b6ff04340a4f9c599ad50c9b8f4ff2c689ae52b1463ebbda94e + languageName: node + linkType: hard + "untildify@npm:^4.0.0": version: 4.0.0 resolution: "untildify@npm:4.0.0" @@ -45610,7 +45765,7 @@ typescript@^4.6.4: languageName: node linkType: hard -"warning@npm:^4.0.2, warning@npm:^4.0.3": +"warning@npm:^4.0.3": version: 4.0.3 resolution: "warning@npm:4.0.3" dependencies: @@ -46777,6 +46932,20 @@ typescript@^4.6.4: languageName: node linkType: hard +"x-default-browser@npm:^0.4.0": + version: 0.4.0 + resolution: "x-default-browser@npm:0.4.0" + dependencies: + default-browser-id: ^1.0.4 + dependenciesMeta: + default-browser-id: + optional: true + bin: + x-default-browser: bin/x-default-browser.js + checksum: 9649fe6b4b91de93d5a48a5042b55a6e15c87d2514bc4f2e12582f8b25c1a6810fafc6f4c454fb531540e431e32a0a26ac130e418c0ce5c6ca892fb01945ea9e + languageName: node + linkType: hard + "x-is-string@npm:^0.1.0": version: 0.1.0 resolution: "x-is-string@npm:0.1.0" From 2f0891a5a0fe0ff5a868a5b31573d2de025e7245 Mon Sep 17 00:00:00 2001 From: Andrea Z Date: Tue, 20 Sep 2022 14:34:16 +0100 Subject: [PATCH 02/10] refactor: add PropsWithChildren pros Add React.PropsWithChildren for compatibility with React v18 --- .../alert-dialog/stories/index.stories.tsx | 12 +- .../components/avatar/src/index.tsx | 7 +- .../paste-core/components/avatar/src/types.ts | 4 +- .../badge/stories/customization.stories.tsx | 2 +- .../badge/stories/index.stories.tsx | 30 +-- .../breadcrumb/__tests__/breadcrumb.spec.tsx | 2 +- .../components/breadcrumb/src/index.tsx | 2 +- .../components/button/src/index.tsx | 11 +- .../button/stories/customization.stories.tsx | 16 +- .../button/stories/index.stories.tsx | 6 +- .../callout/__tests__/customization.spec.tsx | 4 +- .../components/callout/src/Callout.tsx | 2 +- .../callout/stories/index.stories.tsx | 2 +- .../__tests__/ChatAttachment.spec.tsx | 7 +- .../chat-log/__tests__/ChatBookend.spec.tsx | 4 +- .../chat-log/__tests__/ChatBubble.spec.tsx | 4 +- .../chat-log/__tests__/ChatEvent.spec.tsx | 4 +- .../chat-log/__tests__/ChatMessage.spec.tsx | 4 +- .../__tests__/ChatMessageMeta.spec.tsx | 4 +- .../chat-log/__tests__/chatLog.spec.tsx | 9 +- .../components/ChatAttachment.stories.tsx | 2 +- .../checkbox/__tests__/checkbox.test.tsx | 4 +- .../components/checkbox/src/Checkbox.tsx | 13 +- .../__tests__/customization.spec.tsx | 4 +- .../components/code-block/src/CopyButton.tsx | 2 +- .../code-block/src/ExternalLinkButton.tsx | 2 +- .../combobox/__tests__/Combobox.spec.tsx | 10 +- .../components/combobox/src/ComboboxItems.tsx | 2 +- .../Combobox-customization.stories.tsx | 2 +- .../__tests__/reakit-hasFocus.spec.tsx | 2 +- .../components/data-grid/src/DataGrid.tsx | 2 +- .../components/data-grid/src/DataGridCell.tsx | 6 +- .../data-grid/src/DataGridHeader.tsx | 5 +- .../data-grid/src/DataGridHeaderSort.tsx | 7 +- .../stories/components/ColumnSpanDataGrid.tsx | 4 +- .../components/ComposableCellsDataGrid.tsx | 4 +- .../components/CustomizableDataGrid.tsx | 2 +- .../components/KitchenSinkDataGrid.tsx | 20 +- .../stories/components/LoadingDataGrid.tsx | 2 +- .../stories/components/PaginatedDataGrid.tsx | 20 +- .../stories/components/PlainDataGrid.tsx | 4 +- .../components/SelectableRowsDataGrid.tsx | 12 +- .../components/SortableColumnsDataGrid.tsx | 2 +- .../components/StickyHeaderDataGrid.tsx | 4 +- .../date-picker/stories/index.stories.tsx | 32 ++-- .../disclosure/__tests__/disclosure.test.tsx | 13 +- .../disclosure/src/DisclosureHeading.tsx | 2 +- .../disclosure/stories/index.stories.tsx | 9 +- .../stories/customization.stories.tsx | 2 +- .../stories/index.stories.tsx | 4 +- .../form-pill-group/__tests__/index.spec.tsx | 4 +- .../form-pill-group/src/PillCloseIcon.tsx | 2 +- .../stories/customization.stories.tsx | 2 +- .../form-pill-group/stories/index.stories.tsx | 25 +-- .../components/form/stories/form.stories.tsx | 22 ++- .../stories/inline-control-group.stories.tsx | 13 +- .../input-box/stories/inputbox.stories.tsx | 6 +- .../components/label/src/RequiredDot.tsx | 6 +- .../label/stories/label.stories.tsx | 2 +- .../components/menu/__tests__/index.spec.tsx | 2 +- .../menu/stories/customization.stories.tsx | 174 +++++++++--------- .../components/menu/stories/index.stories.tsx | 14 +- .../__tests__/customization.spec.tsx | 4 +- .../src/MinimizableDialogContainer.tsx | 2 +- .../stories/index.stories.tsx | 2 +- .../components/modal/__tests__/index.spec.tsx | 6 +- .../modal/stories/customization.stories.tsx | 2 +- .../modal/stories/index.stories.tsx | 2 +- .../PaginationArrowIconWrapper.tsx | 2 +- .../stories/customization.stories.tsx | 13 +- .../pagination/stories/index.stories.tsx | 20 +- .../components/popover/src/PopoverArrow.tsx | 2 +- .../popover/src/PopoverContainer.tsx | 2 +- .../popover/stories/index.stories.tsx | 18 +- .../radio-group/__tests__/radio.test.tsx | 6 +- .../select/__tests__/option.test.tsx | 5 +- .../select/__tests__/optiongroup.test.tsx | 5 +- .../select/__tests__/select.test.tsx | 11 +- .../skeleton-loader/stories/index.stories.tsx | 20 +- .../spinner/stories/index.stories.tsx | 2 +- .../table/stories/index.stories.tsx | 2 +- .../components/tabs/__tests__/tabs.test.tsx | 2 +- .../components/tabs/src/TabList.tsx | 4 +- .../components/tabs/stories/index.stories.tsx | 10 +- .../textarea/stories/textarea.stories.tsx | 2 +- .../time-picker/stories/index.stories.tsx | 30 +-- .../toast/__tests__/toaster.spec.tsx | 2 +- .../components/toast/src/Toaster.tsx | 2 +- .../toast/stories/customization.stories.tsx | 2 +- .../tooltip/__test__/index.spec.tsx | 2 +- .../components/tooltip/src/TooltipArrow.tsx | 2 +- .../tooltip/stories/index.stories.tsx | 2 +- .../layout/stack/__tests__/stack.test.tsx | 4 +- .../box/__fixtures__/CustomizableBox.tsx | 2 +- .../primitives/box/stories/index.stories.tsx | 2 +- .../useMultiSelectPrimitive.test.tsx | 2 +- .../combobox/stories/index.stories.tsx | 4 +- .../disclosure/stories/index.stories.tsx | 6 +- .../primitives/menu/__tests__/index.spec.tsx | 2 +- .../modal-dialog/stories/index.stories.tsx | 2 +- .../primitives/sibling-box/src/index.tsx | 2 +- .../text/__fixtures__/CustomizableText.tsx | 2 +- .../primitives/text/stories/index.stories.tsx | 2 +- .../paste-cra-template/template/src/App.tsx | 2 +- .../template/src/components/BasicCombobox.tsx | 2 +- .../template/src/components/Loading.tsx | 2 +- .../paste-cra-template/template/src/index.tsx | 2 +- .../template/src/pages/IndexPage.tsx | 4 +- .../template/src/pages/Page1.tsx | 2 +- .../template/src/pages/Page2.tsx | 2 +- .../__tests__/CustomizationProvider.test.tsx | 2 +- .../src/CustomizationConsumer.tsx | 2 +- .../src/CustomizationProvider.tsx | 2 +- .../stories/customization.stories.tsx | 2 +- .../__test__/index.spec.tsx | 2 +- .../src/__tests__/index.test.tsx | 2 +- .../uid/stories/index.stories.tsx | 9 +- packages/paste-nextjs-template/package.json | 7 +- packages/paste-nextjs-template/pages/_app.tsx | 2 +- .../paste-nextjs-template/pages/_document.tsx | 2 +- .../layout/editor-wrapper/ExportModal.tsx | 2 +- .../layout/editor-wrapper/ImportModal.tsx | 2 +- .../layout/editor-wrapper/TokenSelector.tsx | 4 +- .../layout/editor-wrapper/index.tsx | 2 +- .../components/preview/AlertPreview.tsx | 2 +- .../components/preview/AnchorPreview.tsx | 2 +- .../components/preview/AvatarPreview.tsx | 2 +- .../components/preview/BreadcrumbPreview.tsx | 2 +- .../components/preview/ButtonPreview.tsx | 2 +- .../components/preview/CardPreview.tsx | 2 +- .../components/preview/FormPreview.tsx | 2 +- .../components/preview/MenuPreview.tsx | 2 +- .../components/preview/ModalPreview.tsx | 2 +- .../components/preview/PopoverPreview.tsx | 2 +- .../components/preview/TabbedContent.tsx | 2 +- .../components/preview/TablePreview.tsx | 2 +- .../components/preview/ToastPreview.tsx | 2 +- .../components/preview/TooltipPreview.tsx | 2 +- .../components/preview/TypographyPreview.tsx | 2 +- .../components/preview/index.tsx | 2 +- .../token-option/ColorTokenInput.tsx | 7 +- .../token-option/FontTokenInput.tsx | 7 +- .../token-option/TextTokenInput.tsx | 7 +- .../token-option/UnitTokenInput.tsx | 2 +- .../components/token-option/index.tsx | 2 +- .../components/topbar/BetaBadge.tsx | 2 +- .../components/topbar/BetaModal.tsx | 2 +- .../components/topbar/PasteIconInverse.tsx | 2 +- .../components/topbar/SiteHeaderLogo.tsx | 2 +- .../components/topbar/index.tsx | 2 +- packages/paste-theme-designer/pages/_app.tsx | 4 +- packages/paste-theme/src/themeProvider.tsx | 2 +- .../paste-token-contrast-checker/package.json | 4 +- .../paste-token-contrast-checker/src/App.tsx | 2 +- .../src/components/Form.tsx | 2 +- .../src/components/KitchenSink.tsx | 2 +- .../src/components/Menu.tsx | 2 +- .../src/components/SideBar.tsx | 2 +- .../src/components/ThemeSelector.tsx | 2 +- .../src/components/TokenPairRating.tsx | 10 +- .../src/index.tsx | 2 +- .../src/pages/IndexPage.tsx | 2 +- packages/paste-website/package.json | 4 +- .../src/__tests__/genericHeader.test.tsx | 4 +- .../__tests__/packageStatusLegend.test.tsx | 2 +- .../src/__tests__/tokenCard.test.tsx | 4 +- .../src/assets/illustrations/DoodleArrow.tsx | 2 +- .../src/assets/illustrations/DoodleBurst.tsx | 2 +- .../src/assets/illustrations/DoodleCloud.tsx | 2 +- .../src/assets/illustrations/DoodleCurve.tsx | 2 +- .../assets/illustrations/DoodleLoopArrow.tsx | 2 +- .../illustrations/DoodleLoopArrowLarge.tsx | 2 +- .../assets/illustrations/DoodleLoopLarge.tsx | 2 +- .../assets/illustrations/DoodleLoopMedium.tsx | 2 +- .../assets/illustrations/DoodleLoopSmall.tsx | 2 +- .../assets/illustrations/DoodleLoopTiny.tsx | 2 +- .../src/assets/illustrations/DoodleZigzag.tsx | 2 +- .../ColorsFoundationExamples.tsx | 18 +- .../DataVisualizationExamples.tsx | 6 +- .../ModalDialogPrimitiveExample.tsx | 4 +- .../StatusPatternExamples.tsx | 22 +-- .../src/component-examples/ToastExamples.tsx | 2 +- .../filter-group/Examples.tsx | 6 +- .../components/CustomDateFilterGroup.tsx | 2 +- .../components/DateTimePopover.tsx | 6 +- .../components/DefaultFilterGroup.tsx | 6 +- .../filter-group/components/EmptyState.tsx | 2 +- .../components/NoResultsIllustration.tsx | 2 +- .../components/SampleDataGrid.tsx | 5 +- .../paste-website/src/components/Article.tsx | 4 +- .../src/components/ArticleAuthor.tsx | 8 +- .../src/components/ArticleList.tsx | 2 +- .../src/components/Blockquote.tsx | 4 +- .../src/components/BrowserSupport.tsx | 2 +- .../src/components/ContactUsMenu.tsx | 2 +- .../src/components/CopyButton.tsx | 2 +- .../paste-website/src/components/DoDont.tsx | 8 +- .../components/FormPillVsDisplayPillTable.tsx | 4 +- .../paste-website/src/components/Heading.tsx | 9 +- .../src/components/ImageCaption.tsx | 2 +- .../src/components/Roadmap/Roadmap.tsx | 4 +- .../src/components/Roadmap/RoadmapAside.tsx | 2 +- .../paste-website/src/components/SiteLink.tsx | 2 +- .../src/components/SkipLinkContainer.tsx | 2 +- .../components/SlantedBackgroundGradient.tsx | 2 +- .../src/components/ThemeObjectDisplay.tsx | 2 +- .../src/components/Typography.tsx | 6 +- .../src/components/breadcrumb/index.tsx | 4 +- .../src/components/codeblock/index.tsx | 2 +- .../components/color-swatch/ColorGradient.tsx | 4 +- .../components/color-swatch/ColorSwatch.tsx | 9 +- .../component-overview-table/index.tsx | 5 +- .../component-status/AssetStatus.tsx | 2 +- .../component-status/PeerReviewStatus.tsx | 2 +- .../ComingSoonCard.tsx | 2 +- .../customization-landing-page/FlexCard.tsx | 2 +- .../LandingPageDesigner/ColorTokenInput.tsx | 2 +- .../LandingPageDesigner/DesignerControls.tsx | 2 +- .../LandingPageDesigner/DesignerPreview.tsx | 2 +- .../LandingPageDesigner/TextToken.tsx | 8 +- .../LandingPageDesigner/UnitTokenInput.tsx | 2 +- .../LandingPageDesigner/index.tsx | 4 +- .../LandingPageHero.tsx | 2 +- .../LandingPageLayoutUtils.tsx | 4 +- .../customization-landing-page/LikeTwilio.tsx | 8 +- .../ProjectCard.tsx | 8 +- .../customization-landing-page/ReactCard.tsx | 2 +- .../ReadyToGetStarted.tsx | 2 +- .../ReasonBlock.tsx | 2 +- .../customization-landing-page/WhyPaste.tsx | 6 +- .../WorksGreatWith.tsx | 2 +- .../image-slider/ImageSlider.tsx | 6 +- .../image-slider/SVGThumb.tsx | 9 +- .../components/empty-state/InDevelopment.tsx | 2 +- .../src/components/empty-state/NotBuilt.tsx | 2 +- .../src/components/empty-state/NotFound.tsx | 2 +- .../src/components/homepage/Experiment.tsx | 4 +- .../homepage/ExperimentMobileButton.tsx | 2 +- .../src/components/homepage/GetStarted.tsx | 2 +- .../components/homepage/GetStartedCard.tsx | 5 +- .../homepage/GetStartedCardIllustration.tsx | 2 +- .../homepage/GetStartedCardLink.tsx | 6 +- .../homepage/GetStartedInclusive.tsx | 2 +- .../components/homepage/GetStartedRunning.tsx | 2 +- .../src/components/homepage/GetStartedWhy.tsx | 2 +- .../src/components/homepage/HomeHero.tsx | 4 +- .../homepage/HomeHeroIllustration.tsx | 4 +- .../homepage/NewComponentBanner.tsx | 2 +- .../homepage/NewComponentBannerLink.tsx | 7 +- .../homepage/NewComponentBannerText.tsx | 2 +- .../src/components/homepage/Popular.tsx | 6 +- .../homepage/PopularComponentCard.tsx | 8 +- .../components/homepage/PopularComponents.tsx | 2 +- .../components/homepage/PopularPatterns.tsx | 2 +- .../homepage/PopularSectionHeader.tsx | 2 +- .../src/components/icons-list/IconCard.tsx | 2 +- .../components/icons-list/IconListItem.tsx | 6 +- .../src/components/icons-list/IconsList.tsx | 2 +- .../src/components/icons-list/types.ts | 4 +- .../src/components/icons/A11yIcon.tsx | 10 +- .../src/components/icons/CustomizableIcon.tsx | 2 +- .../src/components/icons/ReactLogoIcon.tsx | 2 +- .../src/components/icons/ThemableIcon.tsx | 10 +- .../components/images/DatePickerImages.tsx | 6 +- .../components/images/EmptyStateImages.tsx | 12 +- .../components/images/TimePickerImages.tsx | 6 +- .../open-graph-card/AssetStatus.tsx | 2 +- .../open-graph-card/ComponentStatus.tsx | 2 +- .../open-graph-card/GraphImageDetails.tsx | 2 +- .../open-graph-card/GraphImageHero.tsx | 2 +- .../open-graph-card/GraphImageWrapper.tsx | 2 +- .../open-graph-card/PeerReviewStatus.tsx | 2 +- .../AccessibilityCallout.tsx | 2 +- .../CustomThemeKeyList.tsx | 2 +- .../customization-provider/FontCallout.tsx | 2 +- .../components/paste-mdx-provider/index.tsx | 4 +- .../components/shortcodes/ArticleHeader.tsx | 9 +- .../components/shortcodes/ArticleLayouts.tsx | 4 +- .../shortcodes/ChangelogRevealer.tsx | 4 +- .../src/components/shortcodes/PageAside.tsx | 7 +- .../shortcodes/feedback-popover/index.tsx | 8 +- .../shortcodes/generic-header/index.tsx | 8 +- .../shortcodes/live-preview/index.tsx | 2 +- .../normalized-component-header/index.tsx | 5 +- .../normalized-pattern-header/index.tsx | 6 +- .../package-status-legend/index.tsx | 4 +- .../TableOfContentsAnchor.tsx | 6 +- .../shortcodes/table-of-contents/index.tsx | 2 +- .../src/components/site-wrapper/SiteBody.tsx | 2 +- .../src/components/site-wrapper/index.tsx | 2 +- .../site-wrapper/sidebar/SidebarAnchor.tsx | 2 +- .../site-wrapper/sidebar/SidebarItem.tsx | 2 +- .../sidebar/SidebarNavigation.tsx | 15 +- .../site-wrapper/sidebar/SidebarSeparator.tsx | 2 +- .../components/site-wrapper/sidebar/index.tsx | 2 +- .../sidebar-disclosure/SidebarDisclosure.tsx | 6 +- .../SidebarDisclosureButton.tsx | 5 +- .../SidebarDisclosureContent.tsx | 5 +- .../site-footer/SiteFooterHeader.tsx | 2 +- .../site-footer/SiteFooterIllustration.tsx | 2 +- .../site-footer/SiteFooterNav.tsx | 2 +- .../site-footer/SiteFooterTopAngle.tsx | 2 +- .../site-wrapper/site-footer/index.tsx | 2 +- .../site-header/DarkModeBadge.tsx | 2 +- .../site-header/DarkModeToggle.tsx | 2 +- .../site-header/SiteHeaderDesktop.tsx | 2 +- .../site-header/SiteHeaderLogo.tsx | 2 +- .../site-header/SiteHeaderMobile.tsx | 2 +- .../SiteHeaderMobileNavigation.tsx | 2 +- .../site-header/SiteHeaderSearch.tsx | 2 +- .../site-wrapper/site-header/index.tsx | 2 +- .../components/tokens-list/NoTokensFound.tsx | 2 +- .../tokens-list/ScrollToTopLink.tsx | 2 +- .../tokens-list/TokensListFilter.tsx | 2 +- .../src/components/tokens-list/index.tsx | 8 +- .../components/tokens-list/sectionIntros.tsx | 18 +- .../tokens-list/token-card/index.tsx | 2 +- .../token-example/BorderExample.tsx | 2 +- .../token-card/token-example/BoxExample.tsx | 2 +- .../token-example/IconSizeExample.tsx | 2 +- .../token-example/LineHeightExample.tsx | 2 +- .../token-example/SpacingExample.tsx | 2 +- .../token-example/TextColorExample.tsx | 7 +- .../token-card/token-example/TextExample.tsx | 2 +- .../token-card/token-example/index.tsx | 2 +- packages/paste-website/src/html.tsx | 2 +- .../src/layouts/ChangelogLayout.tsx | 2 +- .../src/layouts/DefaultLayout.tsx | 2 +- .../src/pages/customization/index.tsx | 4 +- packages/paste-website/src/pages/index.tsx | 4 +- .../src/pages/opengraph/index.tsx | 2 +- .../stories/FilterGroup.stories.tsx | 10 +- yarn.lock | 12 +- 333 files changed, 951 insertions(+), 703 deletions(-) diff --git a/packages/paste-core/components/alert-dialog/stories/index.stories.tsx b/packages/paste-core/components/alert-dialog/stories/index.stories.tsx index 0a2dcdcfc0..67c97187f8 100644 --- a/packages/paste-core/components/alert-dialog/stories/index.stories.tsx +++ b/packages/paste-core/components/alert-dialog/stories/index.stories.tsx @@ -25,7 +25,7 @@ export default { ], }; -export const AlertDialogWithTwoActions: React.FC = () => { +export const AlertDialogWithTwoActions: React.FC> = () => { return ( { +export const DestructiveAlertDialog: React.FC> = () => { return ( { +export const OpenAlertDialogFromButton: React.FC> = () => { const [isOpen, setIsOpen] = React.useState(false); const handleOpen = (): void => setIsOpen(true); const handleClose = (): void => setIsOpen(false); @@ -113,7 +113,7 @@ OpenAlertDialogFromButtonStory.story = { }, }; -export const OpenAlertDialogFromModal: React.FC = () => { +export const OpenAlertDialogFromModal: React.FC> = () => { const [isModalOpen, setIsModalOpen] = React.useState(true); const [isAlertDialogOpen, setIsAlertDialogOpen] = React.useState(true); const handleModalOpen = (): void => setIsModalOpen(true); @@ -217,7 +217,7 @@ DestructiveAlertDialogVRT.story = { name: 'Destructive Alert Dialog for VRT', }; -export const CustomizedAlertDialog: React.FC = () => { +export const CustomizedAlertDialog: React.FC> = () => { const theme = useTheme(); return ( { ); }; -export const CustomizedDestructiveAlertDialog: React.FC = () => { +export const CustomizedDestructiveAlertDialog: React.FC> = () => { const currentTheme = useTheme(); return ( = ({name, size = DEFAULT_SIZE, src, icon: Icon}) => { +const AvatarContents: React.FC> = ({ + name, + size = DEFAULT_SIZE, + src, + icon: Icon, +}) => { const computedTokenNames = getComputedTokenNames(size); if (src != null) { return ; diff --git a/packages/paste-core/components/avatar/src/types.ts b/packages/paste-core/components/avatar/src/types.ts index 60f1cded82..d165953709 100644 --- a/packages/paste-core/components/avatar/src/types.ts +++ b/packages/paste-core/components/avatar/src/types.ts @@ -9,7 +9,7 @@ export type AvatarProps = React.HTMLAttributes<'div'> & Pick & { name: string; size?: IconSize; - icon?: React.FC; + icon?: React.FC>; src?: string; color?: ColorVariants; variant?: AvatarVariants; @@ -18,6 +18,6 @@ export type AvatarProps = React.HTMLAttributes<'div'> & export type AvatarContentProps = { name: string; size?: IconSize; - icon?: React.FC; + icon?: React.FC>; src?: string; }; diff --git a/packages/paste-core/components/badge/stories/customization.stories.tsx b/packages/paste-core/components/badge/stories/customization.stories.tsx index 2b00ae65f2..e17af12662 100644 --- a/packages/paste-core/components/badge/stories/customization.stories.tsx +++ b/packages/paste-core/components/badge/stories/customization.stories.tsx @@ -37,7 +37,7 @@ export const getStyles = (element = 'BADGE'): {[key: string]: PasteCustomCSS} => }; }; -const CustomizationWrapper: React.FC<{variant: BadgeVariants; isTestEnvironment: boolean}> = ({ +const CustomizationWrapper: React.FC> = ({ variant, isTestEnvironment, }): React.ReactElement => { diff --git a/packages/paste-core/components/badge/stories/index.stories.tsx b/packages/paste-core/components/badge/stories/index.stories.tsx index a08b246984..9ebbee1631 100644 --- a/packages/paste-core/components/badge/stories/index.stories.tsx +++ b/packages/paste-core/components/badge/stories/index.stories.tsx @@ -26,7 +26,7 @@ const Wrapper = styled.div( }) ); -export const AllBadges: React.FC = () => ( +export const AllBadges: React.FC> = () => ( Neutral @@ -64,7 +64,7 @@ export const AllBadges: React.FC = () => ( ); -export const NeutralBadge: React.FC = () => ( +export const NeutralBadge: React.FC> = () => ( <> Span @@ -121,7 +121,7 @@ export const NeutralBadge: React.FC = () => ( ); -export const WarningBadge: React.FC = () => ( +export const WarningBadge: React.FC> = () => ( <> Span @@ -174,7 +174,7 @@ export const WarningBadge: React.FC = () => ( ); -export const ErrorBadge: React.FC = () => ( +export const ErrorBadge: React.FC> = () => ( <> Span @@ -227,7 +227,7 @@ export const ErrorBadge: React.FC = () => ( ); -export const SuccessBadge: React.FC = () => ( +export const SuccessBadge: React.FC> = () => ( <> Span @@ -284,7 +284,7 @@ export const SuccessBadge: React.FC = () => ( ); -export const NewBadge: React.FC = () => ( +export const NewBadge: React.FC> = () => ( <> Span @@ -337,7 +337,7 @@ export const NewBadge: React.FC = () => ( ); -export const Decorative10Badge: React.FC = () => ( +export const Decorative10Badge: React.FC> = () => ( <> Span @@ -390,7 +390,7 @@ export const Decorative10Badge: React.FC = () => ( ); -export const Decorative20Badge: React.FC = () => ( +export const Decorative20Badge: React.FC> = () => ( <> Span @@ -443,7 +443,7 @@ export const Decorative20Badge: React.FC = () => ( ); -export const Decorative30Badge: React.FC = () => ( +export const Decorative30Badge: React.FC> = () => ( <> Span @@ -496,7 +496,7 @@ export const Decorative30Badge: React.FC = () => ( ); -export const Decorative40Badge: React.FC = () => ( +export const Decorative40Badge: React.FC> = () => ( <> Span @@ -549,7 +549,7 @@ export const Decorative40Badge: React.FC = () => ( ); -export const NeutralCounterBadge: React.FC = () => ( +export const NeutralCounterBadge: React.FC> = () => ( <> Span @@ -596,7 +596,7 @@ export const NeutralCounterBadge: React.FC = () => ( ); -export const ErrorCounterBadge: React.FC = () => ( +export const ErrorCounterBadge: React.FC> = () => ( <> Span @@ -643,7 +643,7 @@ export const ErrorCounterBadge: React.FC = () => ( ); -export const DefaultBadge: React.FC = () => ( +export const DefaultBadge: React.FC> = () => ( <> Span @@ -690,7 +690,7 @@ export const DefaultBadge: React.FC = () => ( ); -export const InfoBadge: React.FC = () => ( +export const InfoBadge: React.FC> = () => ( <> Span @@ -737,7 +737,7 @@ export const InfoBadge: React.FC = () => ( ); -export const LongTextBadge: React.FC = () => ( +export const LongTextBadge: React.FC> = () => ( diff --git a/packages/paste-core/components/breadcrumb/__tests__/breadcrumb.spec.tsx b/packages/paste-core/components/breadcrumb/__tests__/breadcrumb.spec.tsx index 0ef591fcf2..d38198ba02 100644 --- a/packages/paste-core/components/breadcrumb/__tests__/breadcrumb.spec.tsx +++ b/packages/paste-core/components/breadcrumb/__tests__/breadcrumb.spec.tsx @@ -5,7 +5,7 @@ import {CustomizationProvider} from '@twilio-paste/customization'; import {Breadcrumb, BreadcrumbItem} from '../src'; describe('Breadcrumb', () => { - const BreadcrumbExample: React.FC = () => { + const BreadcrumbExample: React.FC> = () => { return ( foo diff --git a/packages/paste-core/components/breadcrumb/src/index.tsx b/packages/paste-core/components/breadcrumb/src/index.tsx index 0fce606aa1..c12d686361 100644 --- a/packages/paste-core/components/breadcrumb/src/index.tsx +++ b/packages/paste-core/components/breadcrumb/src/index.tsx @@ -7,7 +7,7 @@ import type {AnchorProps} from '@twilio-paste/anchor'; import {Text, safelySpreadTextProps} from '@twilio-paste/text'; import {useUIDSeed} from '@twilio-paste/uid-library'; -const BreadcrumbSeparator: React.FC<{element: BoxElementProps['element']}> = ({element}) => ( +const BreadcrumbSeparator: React.FC> = ({element}) => ( = ({buttonState, children, showLoading, variant}) => { +const ButtonContents: React.FC> = ({ + buttonState, + children, + showLoading, + variant, +}) => { const buttonVariantHasBoundingBox = variant && variantsWithoutBoundingBox.has(variant); return ( @@ -168,7 +173,9 @@ const ButtonContents: React.FC = ({buttonState, children, s ButtonContents.displayName = 'ButtonContents'; -const getButtonComponent = (variant: ButtonVariants): React.FunctionComponent => { +const getButtonComponent = ( + variant: ButtonVariants +): React.FunctionComponent> => { switch (variant) { case 'primary_icon': return PrimaryIconButton; diff --git a/packages/paste-core/components/button/stories/customization.stories.tsx b/packages/paste-core/components/button/stories/customization.stories.tsx index b895e1c822..4a52c162ac 100644 --- a/packages/paste-core/components/button/stories/customization.stories.tsx +++ b/packages/paste-core/components/button/stories/customization.stories.tsx @@ -32,11 +32,12 @@ const customButtonStyles = { }, } as PasteCustomCSS; -const ShowCustomization: React.FC<{ - button: React.ReactNode; - customButton: React.ReactNode; +const ShowCustomization: React.FC< +React.PropsWithChildren<{ + button: React.ReactNode; + customButton: React.ReactNode; isTestEnvironment: boolean; -}> = ({button, customButton, isTestEnvironment}) => { +}>> = ({button, customButton, isTestEnvironment}) => { const currentTheme = useTheme(); return ( @@ -72,10 +73,9 @@ const ShowCustomization: React.FC<{ ); }; -export const AnyButton: React.FC<{element?: BoxElementProps['element']; variant: ButtonVariants}> = ({ - element = 'BUTTON', - variant, -}) => ( +export const AnyButton: React.FC< + React.PropsWithChildren<{element?: BoxElementProps['element']; variant: ButtonVariants}> +> = ({element = 'BUTTON', variant}) => ( diff --git a/packages/paste-core/components/button/stories/index.stories.tsx b/packages/paste-core/components/button/stories/index.stories.tsx index 6e49854fb2..64fc275784 100644 --- a/packages/paste-core/components/button/stories/index.stories.tsx +++ b/packages/paste-core/components/button/stories/index.stories.tsx @@ -25,7 +25,7 @@ const ButtonSizeOptions = [ 'circle_small', ]; -const AllSizeOptions: React.FC<{variant: ButtonVariants}> = ({variant}) => { +const AllSizeOptions: React.FC> = ({variant}) => { const allButtons: React.ReactNode[] = []; ButtonSizeOptions.forEach((size) => { @@ -197,7 +197,7 @@ export const ButtonAsAnchor = (): React.ReactNode => { ); }; -const IconSizeOptions: React.FC<{variant: ButtonVariants}> = ({variant}) => { +const IconSizeOptions: React.FC> = ({variant}) => { return ( @@ -267,7 +267,7 @@ interface ToggleButtonProps { }; } -const ToggleButton: React.FC = ({ +const ToggleButton: React.FC> = ({ defaultPressed = false, variant = 'secondary', children, diff --git a/packages/paste-core/components/callout/__tests__/customization.spec.tsx b/packages/paste-core/components/callout/__tests__/customization.spec.tsx index 8650cba5c2..e09c039995 100644 --- a/packages/paste-core/components/callout/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/callout/__tests__/customization.spec.tsx @@ -4,7 +4,7 @@ import {CustomizationProvider} from '@twilio-paste/customization'; import {Callout, CalloutHeading, CalloutList, CalloutListItem, CalloutText} from '../src'; -const CustomizationWrapper: React.FC = ({children}) => ( +const CustomizationWrapper: React.FC> = ({children}) => ( ( ); -const MyCustomizationWrapper: React.FC = ({children}) => ( +const MyCustomizationWrapper: React.FC> = ({children}) => ( = { }, }; -const variantIcons: Record> = { +const variantIcons: Record>> = { success: SuccessIcon, error: ErrorIcon, warning: WarningIcon, diff --git a/packages/paste-core/components/callout/stories/index.stories.tsx b/packages/paste-core/components/callout/stories/index.stories.tsx index 16c2b76346..7b2b770574 100644 --- a/packages/paste-core/components/callout/stories/index.stories.tsx +++ b/packages/paste-core/components/callout/stories/index.stories.tsx @@ -10,7 +10,7 @@ export default { component: Callout, }; -const ExampleList: React.FC<{as: 'ul' | 'ol'}> = ({as}) => ( +const ExampleList: React.FC> = ({as}) => ( Item one Item two diff --git a/packages/paste-core/components/chat-log/__tests__/ChatAttachment.spec.tsx b/packages/paste-core/components/chat-log/__tests__/ChatAttachment.spec.tsx index 173bb3a0cd..c8a931de6a 100644 --- a/packages/paste-core/components/chat-log/__tests__/ChatAttachment.spec.tsx +++ b/packages/paste-core/components/chat-log/__tests__/ChatAttachment.spec.tsx @@ -50,13 +50,16 @@ const customizedMyElements: {[key: string]: PasteCustomCSS} = { }, }; -const CustomizationWrapper: React.FC<{elements?: {[key: string]: PasteCustomCSS}}> = ({children, elements}) => ( +const CustomizationWrapper: React.FC> = ({ + children, + elements, +}) => ( {children} ); -const CustomizationMyWrapper: React.FC = ({children}) => ( +const CustomizationMyWrapper: React.FC> = ({children}) => ( {children} ); diff --git a/packages/paste-core/components/chat-log/__tests__/ChatBookend.spec.tsx b/packages/paste-core/components/chat-log/__tests__/ChatBookend.spec.tsx index 865c434dd2..7726ed81b3 100644 --- a/packages/paste-core/components/chat-log/__tests__/ChatBookend.spec.tsx +++ b/packages/paste-core/components/chat-log/__tests__/ChatBookend.spec.tsx @@ -4,7 +4,7 @@ import {CustomizationProvider} from '@twilio-paste/customization'; import {ChatBookend, ChatBookendItem} from '../src'; -const CustomizationWrapper: React.FC = ({children}) => ( +const CustomizationWrapper: React.FC> = ({children}) => ( ( ); -const MyCustomizationWrapper: React.FC = ({children}) => ( +const MyCustomizationWrapper: React.FC> = ({children}) => ( ( +const CustomizationWrapper: React.FC> = ({children}) => ( ( ); -const CustomizationFooWrapper: React.FC = ({children}) => ( +const CustomizationFooWrapper: React.FC> = ({children}) => ( ( +const CustomizationWrapper: React.FC> = ({children}) => ( ( ); -const MyCustomizationWrapper: React.FC = ({children}) => ( +const MyCustomizationWrapper: React.FC> = ({children}) => ( ( +const CustomizationWrapper: React.FC> = ({children}) => ( ( ); -const CustomizationFooWrapper: React.FC = ({children}) => ( +const CustomizationFooWrapper: React.FC> = ({children}) => ( ( +const CustomizationWrapper: React.FC> = ({children}) => ( ( ); -const CustomizationFooWrapper: React.FC = ({children}) => ( +const CustomizationFooWrapper: React.FC> = ({children}) => ( = ({children, elements}) => ( +const CustomizationWrapper: React.FC> = ({ + children, + elements, +}) => ( {children} ); -const CustomizationFooWrapper: React.FC = ({children}) => ( - +const CustomizationFooWrapper: React.FC> = ({children}) => ( + {children} ); diff --git a/packages/paste-core/components/chat-log/stories/components/ChatAttachment.stories.tsx b/packages/paste-core/components/chat-log/stories/components/ChatAttachment.stories.tsx index f7328ff451..9e1f8ef580 100644 --- a/packages/paste-core/components/chat-log/stories/components/ChatAttachment.stories.tsx +++ b/packages/paste-core/components/chat-log/stories/components/ChatAttachment.stories.tsx @@ -45,7 +45,7 @@ export const OutboundChatMessageWithAttachment: Story = () => ( ); -const StateExampleComposerAttachmentCard: React.FC = () => { +const StateExampleComposerAttachmentCard: React.FC> = () => { const [loading, setLoading] = React.useState(true); const attachmentIcon = loading ? ( diff --git a/packages/paste-core/components/checkbox/__tests__/checkbox.test.tsx b/packages/paste-core/components/checkbox/__tests__/checkbox.test.tsx index de59d1be55..91389c0660 100644 --- a/packages/paste-core/components/checkbox/__tests__/checkbox.test.tsx +++ b/packages/paste-core/components/checkbox/__tests__/checkbox.test.tsx @@ -262,7 +262,7 @@ describe('Checkbox event handlers', () => { }); it('Should check the checkbox when controlled', () => { - const MockCheckBox: React.FC = () => { + const MockCheckBox: React.FC> = () => { const [checked, setChecked] = React.useState(false); return ( { }); it('Should check the checkbox when uncontrolled', () => { - const MockCheckBox: React.FC = () => { + const MockCheckBox: React.FC> = () => { return ( foo diff --git a/packages/paste-core/components/checkbox/src/Checkbox.tsx b/packages/paste-core/components/checkbox/src/Checkbox.tsx index e395554469..5ebcd1c149 100644 --- a/packages/paste-core/components/checkbox/src/Checkbox.tsx +++ b/packages/paste-core/components/checkbox/src/Checkbox.tsx @@ -82,11 +82,14 @@ const HiddenCheckbox = React.forwardRef(( HiddenCheckbox.displayName = 'HiddenCheckbox'; -const CheckboxIcon: React.FC<{ - indeterminate: boolean | undefined; - checked: boolean | undefined; - element: BoxProps['element']; -}> = ({checked, element, indeterminate}) => { +const CheckboxIcon: React.FC< + React.PropsWithChildren<{ + indeterminate: boolean | undefined; + disabled: boolean | undefined; + checked: boolean | undefined; + element: BoxProps['element']; + }> +> = ({checked, element, indeterminate}) => { if (indeterminate) { return ; } diff --git a/packages/paste-core/components/code-block/__tests__/customization.spec.tsx b/packages/paste-core/components/code-block/__tests__/customization.spec.tsx index c8667ba81c..7f422609d7 100644 --- a/packages/paste-core/components/code-block/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/code-block/__tests__/customization.spec.tsx @@ -6,7 +6,7 @@ import {CodeBlock, CodeBlockWrapper, CodeBlockHeader, CodeBlockTabList, CodeBloc const jsCode = `(num) => num + 1`; -const CustomizationWrapper: React.FC = ({children}) => ( +const CustomizationWrapper: React.FC> = ({children}) => ( ( ); -const CustomizationMyWrapper: React.FC = ({children}) => ( +const CustomizationMyWrapper: React.FC> = ({children}) => ( { }; }; -export const CopyButton: React.FC = ({ +export const CopyButton: React.FC> = ({ text, i18nCopyLabelBefore = 'Copy code block', i18nCopyLabelAfter = 'Copied!', diff --git a/packages/paste-core/components/code-block/src/ExternalLinkButton.tsx b/packages/paste-core/components/code-block/src/ExternalLinkButton.tsx index ec488629d1..7df531bc1e 100644 --- a/packages/paste-core/components/code-block/src/ExternalLinkButton.tsx +++ b/packages/paste-core/components/code-block/src/ExternalLinkButton.tsx @@ -11,7 +11,7 @@ interface ExternalLinkButtonProps { element?: BoxProps['element']; } -export const ExternalLinkButton: React.FC = ({ +export const ExternalLinkButton: React.FC> = ({ i18nLinkLabel = 'Open code block in new page', href, element = 'EXTERNAL_LINK', diff --git a/packages/paste-core/components/combobox/__tests__/Combobox.spec.tsx b/packages/paste-core/components/combobox/__tests__/Combobox.spec.tsx index 8bfae44d01..7a09e5aa89 100644 --- a/packages/paste-core/components/combobox/__tests__/Combobox.spec.tsx +++ b/packages/paste-core/components/combobox/__tests__/Combobox.spec.tsx @@ -80,7 +80,7 @@ function getFilteredItems(inputValue: string): any[] { return items.filter((item) => item.toLowerCase().startsWith(lowerCasedInputValue)); } -const ComboboxMock: React.FC = () => { +const ComboboxMock: React.FC> = () => { const [inputValue, setInputValue] = React.useState(''); const filteredItems = React.useMemo(() => getFilteredItems(inputValue), [inputValue]); @@ -101,9 +101,9 @@ const ComboboxMock: React.FC = () => { ); }; -const GroupedMockCombobox: React.FC<{groupLabelTemplate?: ComboboxProps['groupLabelTemplate']}> = ({ - groupLabelTemplate, -}) => { +const GroupedMockCombobox: React.FC< + React.PropsWithChildren<{groupLabelTemplate?: ComboboxProps['groupLabelTemplate']}> +> = ({groupLabelTemplate}) => { return ( item.label.toLowerCase().startsWith(lowerCasedInputValue)); } -const ControlledCombobox: React.FC = () => { +const ControlledCombobox: React.FC> = () => { const [inputValue, setInputValue] = React.useState(''); const filteredItems = React.useMemo(() => getFilteredObjectItems(inputValue), [inputValue]); const [selectedItem, setSelectedItem] = React.useState({}); diff --git a/packages/paste-core/components/combobox/src/ComboboxItems.tsx b/packages/paste-core/components/combobox/src/ComboboxItems.tsx index 27082d4a2c..b3a517cfcf 100644 --- a/packages/paste-core/components/combobox/src/ComboboxItems.tsx +++ b/packages/paste-core/components/combobox/src/ComboboxItems.tsx @@ -8,7 +8,7 @@ import {ComboboxListboxGroup} from './styles/ComboboxListboxGroup'; import {getIndexedItems, getGroupedItems} from './helpers'; import type {ComboboxItemsProps} from './types'; -const ComboboxItems = React.memo( +const ComboboxItems: React.FC> = React.memo( React.forwardRef( ( { diff --git a/packages/paste-core/components/combobox/stories/Combobox-customization.stories.tsx b/packages/paste-core/components/combobox/stories/Combobox-customization.stories.tsx index bd4398f93c..1bc975f934 100644 --- a/packages/paste-core/components/combobox/stories/Combobox-customization.stories.tsx +++ b/packages/paste-core/components/combobox/stories/Combobox-customization.stories.tsx @@ -26,7 +26,7 @@ const groupedItems = [ {letter: 'd', number: 7}, ]; -const ShowCustomization: React.FC<{isTestEnvironment: boolean}> = ({ +const ShowCustomization: React.FC> = ({ isTestEnvironment, children, }): React.ReactElement => { diff --git a/packages/paste-core/components/data-grid/__tests__/reakit-hasFocus.spec.tsx b/packages/paste-core/components/data-grid/__tests__/reakit-hasFocus.spec.tsx index 8fb576c078..0eb142b11a 100644 --- a/packages/paste-core/components/data-grid/__tests__/reakit-hasFocus.spec.tsx +++ b/packages/paste-core/components/data-grid/__tests__/reakit-hasFocus.spec.tsx @@ -7,7 +7,7 @@ import {render, screen} from '@testing-library/react'; import {hasFocus} from '../src/utils/reakit/reakit-hasFocus'; -const TestComponent: React.FC = () => { +const TestComponent: React.FC> = () => { return ( <>
diff --git a/packages/paste-core/components/data-grid/src/DataGrid.tsx b/packages/paste-core/components/data-grid/src/DataGrid.tsx index 6d8ccd8ebf..33104d45f0 100644 --- a/packages/paste-core/components/data-grid/src/DataGrid.tsx +++ b/packages/paste-core/components/data-grid/src/DataGrid.tsx @@ -56,7 +56,7 @@ export const DataGrid = React.forwardRef( * - Sets the last focused element before blurring to be the active tab stop (line 43) */ const handleBlur = React.useCallback( - (event) => { + (event: any) => { const isDataGridBlurred = !event.currentTarget.contains(event.relatedTarget); if (isDataGridBlurred) { diff --git a/packages/paste-core/components/data-grid/src/DataGridCell.tsx b/packages/paste-core/components/data-grid/src/DataGridCell.tsx index 318fc51bd0..1cf1773ea5 100644 --- a/packages/paste-core/components/data-grid/src/DataGridCell.tsx +++ b/packages/paste-core/components/data-grid/src/DataGridCell.tsx @@ -27,7 +27,11 @@ export interface DataGridCellProps extends Pick { * @param {string} [element=DATA_GRID_CELL] - customization element * @param {number} [colSpan] - how many columns the cell spans across */ -export const DataGridCell: React.FC = ({element = 'DATA_GRID_CELL', as = 'td', ...props}) => { +export const DataGridCell: React.FC> = ({ + element = 'DATA_GRID_CELL', + as = 'td', + ...props +}) => { const dataGridState = React.useContext(DataGridContext); const cellRef = React.useRef() as React.MutableRefObject; diff --git a/packages/paste-core/components/data-grid/src/DataGridHeader.tsx b/packages/paste-core/components/data-grid/src/DataGridHeader.tsx index 2692def101..bc179703c4 100644 --- a/packages/paste-core/components/data-grid/src/DataGridHeader.tsx +++ b/packages/paste-core/components/data-grid/src/DataGridHeader.tsx @@ -11,7 +11,10 @@ import type {ThProps} from './table/Th'; * @param {string} [element=DATA_GRID_HEADER] - customization element * @param {number} [colSpan] - how many columns the cell spans across */ -export const DataGridHeader: React.FC = ({element = 'DATA_GRID_HEADER', ...props}) => { +export const DataGridHeader: React.FC> = ({ + element = 'DATA_GRID_HEADER', + ...props +}) => { return ; }; diff --git a/packages/paste-core/components/data-grid/src/DataGridHeaderSort.tsx b/packages/paste-core/components/data-grid/src/DataGridHeaderSort.tsx index 82330e59b6..5657527f5d 100644 --- a/packages/paste-core/components/data-grid/src/DataGridHeaderSort.tsx +++ b/packages/paste-core/components/data-grid/src/DataGridHeaderSort.tsx @@ -14,7 +14,10 @@ interface DataGridHeaderSortIconProps { element?: BoxProps['element']; } -const DataGridHeaderSortIcon: React.FC = ({direction, element}) => { +const DataGridHeaderSortIcon: React.FC> = ({ + direction, + element, +}) => { switch (direction) { case 'ascending': return ; @@ -43,7 +46,7 @@ export interface DataGridHeaderSortProps extends DataGridHeaderSortIconProps { * @param {function} onClick - callback for when the button is clicked * @param {string} element - customization element */ -export const DataGridHeaderSort: React.FC = ({ +export const DataGridHeaderSort: React.FC> = ({ direction, onClick, element = 'DATA_GRID_HEADER_SORT', diff --git a/packages/paste-core/components/data-grid/stories/components/ColumnSpanDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/ColumnSpanDataGrid.tsx index 87da91dd05..5c71bab586 100644 --- a/packages/paste-core/components/data-grid/stories/components/ColumnSpanDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/ColumnSpanDataGrid.tsx @@ -4,7 +4,9 @@ import type {BoxProps} from '@twilio-paste/box'; import {DataGrid, DataGridHead, DataGridRow, DataGridHeader, DataGridBody, DataGridCell} from '../../src'; import {TableBodyData} from './constants'; -export const ColumnSpanDataGrid: React.FC<{element?: BoxProps['element']}> = ({element = 'DATA_GRID'}) => { +export const ColumnSpanDataGrid: React.FC> = ({ + element = 'DATA_GRID', +}) => { return ( diff --git a/packages/paste-core/components/data-grid/stories/components/ComposableCellsDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/ComposableCellsDataGrid.tsx index b9a208e88a..abe0606fba 100644 --- a/packages/paste-core/components/data-grid/stories/components/ComposableCellsDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/ComposableCellsDataGrid.tsx @@ -8,7 +8,7 @@ import {Select, Option} from '@twilio-paste/select'; import {DataGrid, DataGridHead, DataGridRow, DataGridHeader, DataGridBody, DataGridCell} from '../../src'; import {TableHeaderData, TableBodyData} from './constants'; -const ActionMenu: React.FC = () => { +const ActionMenu: React.FC> = () => { const menu = useMenuState(); return ( @@ -29,7 +29,7 @@ const ActionMenu: React.FC = () => { ); }; -export const ComposableCellsDataGrid: React.FC = () => { +export const ComposableCellsDataGrid: React.FC> = () => { /* eslint-disable react/no-array-index-key */ return ( diff --git a/packages/paste-core/components/data-grid/stories/components/CustomizableDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/CustomizableDataGrid.tsx index 57c90bc3d7..be2030060c 100644 --- a/packages/paste-core/components/data-grid/stories/components/CustomizableDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/CustomizableDataGrid.tsx @@ -36,7 +36,7 @@ export const customElementStyles = (prefix = 'DATA_GRID'): {[key: string]: any} }, }); -export const CustomizableDataGrid: React.FC = () => { +export const CustomizableDataGrid: React.FC> = () => { const currentTheme = useTheme(); /* eslint-disable react/no-array-index-key */ return ( diff --git a/packages/paste-core/components/data-grid/stories/components/KitchenSinkDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/KitchenSinkDataGrid.tsx index 1b46dd82a7..38a2906940 100644 --- a/packages/paste-core/components/data-grid/stories/components/KitchenSinkDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/KitchenSinkDataGrid.tsx @@ -100,7 +100,11 @@ interface DataGridPaginationProps { onPageChange: (newPageNumber: number) => void; } -const DataGridPagination: React.FC = ({currentPage = 1, pageCount, onPageChange}) => { +const DataGridPagination: React.FC> = ({ + currentPage = 1, + pageCount, + onPageChange, +}) => { const goToNextPage = React.useCallback(() => { onPageChange(Math.min(currentPage + 1, pageCount)); }, [currentPage, pageCount]); @@ -171,7 +175,13 @@ interface CheckboxCellProps { label: string; indeterminate?: boolean; } -const CheckboxCell: React.FC = ({onClick, id, indeterminate, checked, label}) => { +const CheckboxCell: React.FC> = ({ + onClick, + id, + indeterminate, + checked, + label, +}) => { const checkboxRef = React.createRef(); const handleClick = React.useCallback(() => { @@ -181,7 +191,7 @@ const CheckboxCell: React.FC = ({onClick, id, indeterminate, return onClick(!checkboxRef.current.checked); }, [onClick, checkboxRef]); const handleKeyDown = React.useCallback( - (event) => { + (event: any) => { if (checkboxRef.current == null) { return undefined; } @@ -215,7 +225,7 @@ const CheckboxCell: React.FC = ({onClick, id, indeterminate, ); }; -export const KitchenSinkDataGrid: React.FC = () => { +export const KitchenSinkDataGrid: React.FC> = () => { const seed = useUIDSeed(); const [currentPage, setCurrentPage] = React.useState(1); const [sortedColumns, setSortedColumns] = React.useState>(initialHeaderData); @@ -228,7 +238,7 @@ export const KitchenSinkDataGrid: React.FC = () => { const rowIndexStart = (currentPage - 1) * PAGE_SIZE; const rowIndexEnd = Math.min(rowIndexStart + PAGE_SIZE - 1, TOTAL_ROWS); - const handlePagination = React.useCallback((newPage) => { + const handlePagination = React.useCallback((newPage: any) => { setCurrentPage(newPage); }, []); diff --git a/packages/paste-core/components/data-grid/stories/components/LoadingDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/LoadingDataGrid.tsx index b71927602a..b64f634364 100644 --- a/packages/paste-core/components/data-grid/stories/components/LoadingDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/LoadingDataGrid.tsx @@ -4,7 +4,7 @@ import {SkeletonLoader} from '@twilio-paste/skeleton-loader'; import {DataGrid, DataGridHead, DataGridRow, DataGridHeader, DataGridBody, DataGridCell, DataGridFoot} from '../../src'; import {TableHeaderData, TableBodyData} from './constants'; -export const LoadingDataGrid: React.FC = () => { +export const LoadingDataGrid: React.FC> = () => { // Used for random looking column widths const widths = [67, 53, 79, 59, 73, 61, 89, 97, 71, 83]; const widthsLength = widths.length; diff --git a/packages/paste-core/components/data-grid/stories/components/PaginatedDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/PaginatedDataGrid.tsx index 99710f8bfb..37ddb6f2b5 100644 --- a/packages/paste-core/components/data-grid/stories/components/PaginatedDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/PaginatedDataGrid.tsx @@ -66,7 +66,11 @@ interface DataGridPaginationProps { onPageChange: (newPageNumber: number) => void; } -const DataGridPagination: React.FC = ({currentPage = 1, pageCount, onPageChange}) => { +const DataGridPagination: React.FC> = ({ + currentPage = 1, + pageCount, + onPageChange, +}) => { // purely to create unique landmark names when used in stack or side-by-side stories const uniqueLandmarkIdentifier = useUID(); const goToNextPage = React.useCallback(() => { @@ -136,7 +140,13 @@ interface CheckboxCellProps { label: string; indeterminate?: boolean; } -const CheckboxCell: React.FC = ({onClick, id, indeterminate, checked, label}) => { +const CheckboxCell: React.FC> = ({ + onClick, + id, + indeterminate, + checked, + label, +}) => { const checkboxRef = React.createRef(); const handleClick = React.useCallback(() => { @@ -146,7 +156,7 @@ const CheckboxCell: React.FC = ({onClick, id, indeterminate, return onClick(!checkboxRef.current.checked); }, [onClick, checkboxRef]); const handleKeyDown = React.useCallback( - (event) => { + (event: any) => { if (checkboxRef.current == null) { return undefined; } @@ -181,7 +191,7 @@ const CheckboxCell: React.FC = ({onClick, id, indeterminate, ); }; -export const PaginatedDataGrid: React.FC = () => { +export const PaginatedDataGrid: React.FC> = () => { const seed = useUIDSeed(); // Array of length 10 rows, all unchecked const [checkedItems, setCheckedItems] = React.useState(PaginatedTableBodyData.map(() => false)); @@ -193,7 +203,7 @@ export const PaginatedDataGrid: React.FC = () => { const rowIndexStart = (currentPage - 1) * PAGE_SIZE; const rowIndexEnd = Math.min(rowIndexStart + PAGE_SIZE - 1, TOTAL_ROWS); - const handlePagination = React.useCallback((newPage) => { + const handlePagination = React.useCallback((newPage: any) => { setCurrentPage(newPage); }, []); diff --git a/packages/paste-core/components/data-grid/stories/components/PlainDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/PlainDataGrid.tsx index ab1b2d7c56..1e2b635461 100644 --- a/packages/paste-core/components/data-grid/stories/components/PlainDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/PlainDataGrid.tsx @@ -6,7 +6,9 @@ import {Paragraph} from '@twilio-paste/paragraph'; import {DataGrid, DataGridHead, DataGridRow, DataGridHeader, DataGridBody, DataGridCell, DataGridFoot} from '../../src'; import {TableHeaderData, TableBodyData} from './constants'; -export const PlainDataGrid: React.FC<{element?: BoxProps['element']}> = ({element = 'DATA_GRID'}) => { +export const PlainDataGrid: React.FC> = ({ + element = 'DATA_GRID', +}) => { /* eslint-disable react/no-array-index-key */ return ( <> diff --git a/packages/paste-core/components/data-grid/stories/components/SelectableRowsDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/SelectableRowsDataGrid.tsx index cad3f5847e..30aa1b377a 100644 --- a/packages/paste-core/components/data-grid/stories/components/SelectableRowsDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/SelectableRowsDataGrid.tsx @@ -14,7 +14,13 @@ interface CheckboxCellProps { label: string; indeterminate?: boolean; } -const CheckboxCell: React.FC = ({onClick, id, indeterminate, checked, label}) => { +const CheckboxCell: React.FC> = ({ + onClick, + id, + indeterminate, + checked, + label, +}) => { const checkboxRef = React.createRef(); const handleClick = React.useCallback(() => { @@ -24,7 +30,7 @@ const CheckboxCell: React.FC = ({onClick, id, indeterminate, return onClick(!checkboxRef.current.checked); }, [onClick, checkboxRef]); const handleKeyDown = React.useCallback( - (event) => { + (event: any) => { if (checkboxRef.current == null) { return undefined; } @@ -59,7 +65,7 @@ const CheckboxCell: React.FC = ({onClick, id, indeterminate, ); }; -export const SelectableRowsDataGrid: React.FC = () => { +export const SelectableRowsDataGrid: React.FC> = () => { const seed = useUIDSeed(); // Array of length 10 rows, all unchecked const [checkedItems, setCheckedItems] = React.useState([...new Array(10)].map(() => false)); diff --git a/packages/paste-core/components/data-grid/stories/components/SortableColumnsDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/SortableColumnsDataGrid.tsx index 0892d561b0..b1e3d97fdd 100644 --- a/packages/paste-core/components/data-grid/stories/components/SortableColumnsDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/SortableColumnsDataGrid.tsx @@ -29,7 +29,7 @@ const numColumns = TableHeaderData.length; const initialHeaderData = [...new Array(numColumns)].map((_, index) => (index === 0 ? 'ascending' : 'none')); const initialBodyData = TableBodyData.sort((a, b) => simpleComparator(a, b, true, 0)); -export const SortableColumnsDataGrid: React.FC = () => { +export const SortableColumnsDataGrid: React.FC> = () => { const [sortedColumns, setSortedColumns] = React.useState>(initialHeaderData); const [sortedData, setSortedData] = React.useState(initialBodyData); diff --git a/packages/paste-core/components/data-grid/stories/components/StickyHeaderDataGrid.tsx b/packages/paste-core/components/data-grid/stories/components/StickyHeaderDataGrid.tsx index 10890c851d..062b52fb4c 100644 --- a/packages/paste-core/components/data-grid/stories/components/StickyHeaderDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/StickyHeaderDataGrid.tsx @@ -3,7 +3,9 @@ import type {BoxProps} from '@twilio-paste/box'; import {DataGrid, DataGridHead, DataGridRow, DataGridHeader, DataGridBody, DataGridCell, DataGridFoot} from '../../src'; -export const StickyHeaderDataGrid: React.FC<{element?: BoxProps['element']}> = ({element = 'DATA_GRID'}) => { +export const StickyHeaderDataGrid: React.FC> = ({ + element = 'DATA_GRID', +}) => { /* eslint-disable react/no-array-index-key */ return ( <> diff --git a/packages/paste-core/components/date-picker/stories/index.stories.tsx b/packages/paste-core/components/date-picker/stories/index.stories.tsx index cb5430092d..15202b6d47 100644 --- a/packages/paste-core/components/date-picker/stories/index.stories.tsx +++ b/packages/paste-core/components/date-picker/stories/index.stories.tsx @@ -13,7 +13,7 @@ import {Stack} from '@twilio-paste/stack'; import {DatePicker, formatReturnDate} from '../src'; import type {DatePickerProps} from '../src'; -export const DefaultDatePicker: React.FC = (props) => { +export const DefaultDatePicker: React.FC> = (props) => { const uidDP = useUID(); const uidHT = useUID(); return ( @@ -33,7 +33,7 @@ export const DefaultDatePicker: React.FC = (props) => { ); }; -export const InverseDatePicker: React.FC = (props) => { +export const InverseDatePicker: React.FC> = (props) => { const uidDP = useUID(); const uidHT = useUID(); return ( @@ -49,7 +49,7 @@ export const InverseDatePicker: React.FC = (props) => { ); }; -export const RequiredDatePicker: React.FC = (props) => { +export const RequiredDatePicker: React.FC> = (props) => { const uidDP = useUID(); const uidHT = useUID(); return ( @@ -68,7 +68,7 @@ export const RequiredDatePicker: React.FC = (props) => { ); }; -export const InverseRequiredDatePicker: React.FC = (props) => { +export const InverseRequiredDatePicker: React.FC> = (props) => { const uidDP = useUID(); const uidHT = useUID(); return ( @@ -84,7 +84,7 @@ export const InverseRequiredDatePicker: React.FC = (props) => { ); }; -export const ErrorDatePicker: React.FC = (props) => { +export const ErrorDatePicker: React.FC> = (props) => { const uidDP = useUID(); const uidHT = useUID(); return ( @@ -104,7 +104,7 @@ export const ErrorDatePicker: React.FC = (props) => { ); }; -export const InverseErrorDatePicker: React.FC = (props) => { +export const InverseErrorDatePicker: React.FC> = (props) => { const uidDP = useUID(); const uidHT = useUID(); return ( @@ -120,7 +120,7 @@ export const InverseErrorDatePicker: React.FC = (props) => { ); }; -export const DisabledDatePicker: React.FC = (props) => { +export const DisabledDatePicker: React.FC> = (props) => { const uidDP = useUID(); const uidHT = useUID(); return ( @@ -138,7 +138,7 @@ export const DisabledDatePicker: React.FC = (props) => { ); }; -export const InverseDisabledDatePicker: React.FC = (props) => { +export const InverseDisabledDatePicker: React.FC> = (props) => { const uidDP = useUID(); const uidHT = useUID(); return ( @@ -152,7 +152,7 @@ export const InverseDisabledDatePicker: React.FC = (props) => { ); }; -export const ReadonlyDatePicker: React.FC = (props) => { +export const ReadonlyDatePicker: React.FC> = (props) => { const uidDP = useUID(); const uidHT = useUID(); return ( @@ -168,7 +168,7 @@ export const ReadonlyDatePicker: React.FC = (props) => { ); }; -export const InverseReadonlyDatePicker: React.FC = (props) => { +export const InverseReadonlyDatePicker: React.FC> = (props) => { const uidDP = useUID(); const uidHT = useUID(); return ( @@ -181,7 +181,7 @@ export const InverseReadonlyDatePicker: React.FC = (props) => { ); }; -export const DefaultValueDatePicker: React.FC = (props) => { +export const DefaultValueDatePicker: React.FC> = (props) => { const uidDP = useUID(); const uidHT = useUID(); return ( @@ -199,7 +199,7 @@ export const DefaultValueDatePicker: React.FC = (props) => { ); }; -export const OnChangeDatePicker: React.FC = (props) => { +export const OnChangeDatePicker: React.FC> = (props) => { const [value, setValue] = React.useState(''); const [dateFormat, setDateFormat] = React.useState('MM dd yy'); const uidDP = useUID(); @@ -240,7 +240,7 @@ export const OnChangeDatePicker: React.FC = (props) => { ); }; -export const LabelOnlyPicker: React.FC = (props) => { +export const LabelOnlyPicker: React.FC> = (props) => { const uidDP = useUID(); return ( <> @@ -250,7 +250,7 @@ export const LabelOnlyPicker: React.FC = (props) => { ); }; -export const DateRangePicker: React.FC = (props) => { +export const DateRangePicker: React.FC> = (props) => { const [startDate, setStartDate] = React.useState(''); const startUidDP = useUID(); const endUidDP = useUID(); @@ -268,7 +268,7 @@ export const DateRangePicker: React.FC = (props) => { ); }; -export const StackOfPickers: React.FC = (props) => { +export const StackOfPickers: React.FC> = (props) => { const uidDPOne = useUID(); const uidHTOne = useUID(); const uidDPTwo = useUID(); @@ -304,7 +304,7 @@ export const StackOfPickers: React.FC = (props) => { ); }; -export const DatePickerWithMinAndMax: React.FC = (props) => { +export const DatePickerWithMinAndMax: React.FC> = (props) => { const uidDP = useUID(); const uidHT = useUID(); return ( diff --git a/packages/paste-core/components/disclosure/__tests__/disclosure.test.tsx b/packages/paste-core/components/disclosure/__tests__/disclosure.test.tsx index 0f733afcc7..8ae8b0a723 100644 --- a/packages/paste-core/components/disclosure/__tests__/disclosure.test.tsx +++ b/packages/paste-core/components/disclosure/__tests__/disclosure.test.tsx @@ -8,11 +8,12 @@ import {Disclosure, DisclosureContent, DisclosureHeading, useDisclosureState} fr import type {DisclosureHeadingProps, DisclosureProps} from '../src'; import {getIconHoverStyles} from '../src/utils'; -const MockDisclosure: React.FC<{ +const MockDisclosure: React.FC< +React.PropsWithChildren<{ visible?: DisclosureProps['visible']; - disabled?: DisclosureHeadingProps['disabled']; + disabled?: DisclosureHeadingProps['disabled']; focusable?: DisclosureHeadingProps['focusable']; -}> = ({visible, disabled, focusable}) => { +}>> = ({visible, disabled, focusable}) => { return ( @@ -25,7 +26,7 @@ const MockDisclosure: React.FC<{ ); }; -const MockDefaultElementDisclosure: React.FC = () => { +const MockDefaultElementDisclosure: React.FC> = () => { return ( @@ -36,7 +37,7 @@ const MockDefaultElementDisclosure: React.FC = () => { ); }; -const MockCustomElementDisclosure: React.FC = () => { +const MockCustomElementDisclosure: React.FC> = () => { return ( @@ -52,7 +53,7 @@ const MockCustomElementDisclosure: React.FC = () => { ); }; -const StateHookMock: React.FC = () => { +const StateHookMock: React.FC> = () => { const disclosure = useDisclosureState(); return ( diff --git a/packages/paste-core/components/disclosure/src/DisclosureHeading.tsx b/packages/paste-core/components/disclosure/src/DisclosureHeading.tsx index 59a5ce35bc..8514b40ede 100644 --- a/packages/paste-core/components/disclosure/src/DisclosureHeading.tsx +++ b/packages/paste-core/components/disclosure/src/DisclosureHeading.tsx @@ -82,7 +82,7 @@ const StyledDisclosureHeading = React.forwardRef = ({ +const DisclosureHeading: React.FC> = ({ children, as, element = 'DISCLOSURE_HEADING', diff --git a/packages/paste-core/components/disclosure/stories/index.stories.tsx b/packages/paste-core/components/disclosure/stories/index.stories.tsx index 0628d41f51..b50d8ffe24 100644 --- a/packages/paste-core/components/disclosure/stories/index.stories.tsx +++ b/packages/paste-core/components/disclosure/stories/index.stories.tsx @@ -12,11 +12,12 @@ import {MediaObject, MediaBody, MediaFigure} from '@twilio-paste/media-object'; import {Disclosure, DisclosureContent, DisclosureHeading, useDisclosureState} from '../src'; import type {DisclosureHeadingProps, DisclosureInitialState, DisclosureStateReturn, DisclosureVariants} from '../src'; -export const ExampleDisclosures: React.FC<{ - disabled?: boolean; - variant?: DisclosureVariants; +export const ExampleDisclosures: React.FC< +React.PropsWithChildren<{ + disabled?: boolean; + variant?: DisclosureVariants; headingVariant: DisclosureHeadingProps['variant']; -}> = (props) => { +}>> = (props) => { return ( diff --git a/packages/paste-core/components/display-pill-group/stories/customization.stories.tsx b/packages/paste-core/components/display-pill-group/stories/customization.stories.tsx index 9376f8932c..b4c98b9b36 100644 --- a/packages/paste-core/components/display-pill-group/stories/customization.stories.tsx +++ b/packages/paste-core/components/display-pill-group/stories/customization.stories.tsx @@ -6,7 +6,7 @@ import {CalendarIcon} from '@twilio-paste/icons/esm/CalendarIcon'; import {DisplayPillGroup} from '../src/DisplayPillGroup'; import {DisplayPill} from '../src/DisplayPill'; -export const CustomDisplayPillGroup: React.FC = () => { +export const CustomDisplayPillGroup: React.FC> = () => { const currentTheme = useTheme(); return ( { +export const Basic: React.FC> = () => { return ( { ); }; -export const OverflowWrapping: React.FC = () => { +export const OverflowWrapping: React.FC> = () => { return ( diff --git a/packages/paste-core/components/form-pill-group/__tests__/index.spec.tsx b/packages/paste-core/components/form-pill-group/__tests__/index.spec.tsx index 50ce6b93d2..2b74c9cd89 100644 --- a/packages/paste-core/components/form-pill-group/__tests__/index.spec.tsx +++ b/packages/paste-core/components/form-pill-group/__tests__/index.spec.tsx @@ -6,7 +6,7 @@ import {useFormPillState, FormPillGroup, FormPill} from '../src'; import {Basic, SelectableAndDismissable} from '../stories/index.stories'; import {CustomFormPillGroup} from '../stories/customization.stories'; -const CustomElementFormPillGroup: React.FC = () => { +const CustomElementFormPillGroup: React.FC> = () => { const pillState = useFormPillState(); return ( @@ -25,7 +25,7 @@ const CustomElementFormPillGroup: React.FC = () => { ); }; -const I18nProp: React.FC = () => { +const I18nProp: React.FC> = () => { const pillState = useFormPillState(); return ( diff --git a/packages/paste-core/components/form-pill-group/src/PillCloseIcon.tsx b/packages/paste-core/components/form-pill-group/src/PillCloseIcon.tsx index 568861b1b4..4fc51d44e7 100644 --- a/packages/paste-core/components/form-pill-group/src/PillCloseIcon.tsx +++ b/packages/paste-core/components/form-pill-group/src/PillCloseIcon.tsx @@ -23,7 +23,7 @@ interface PillCloseIconProps { pillIsHoverable?: boolean; } -export const PillCloseIcon: React.FC = ({ +export const PillCloseIcon: React.FC> = ({ element = 'FORM_PILL_CLOSE', // eslint-disable-next-line @typescript-eslint/no-empty-function onClick = () => {}, diff --git a/packages/paste-core/components/form-pill-group/stories/customization.stories.tsx b/packages/paste-core/components/form-pill-group/stories/customization.stories.tsx index ecb4af4e6e..42cb0c07af 100644 --- a/packages/paste-core/components/form-pill-group/stories/customization.stories.tsx +++ b/packages/paste-core/components/form-pill-group/stories/customization.stories.tsx @@ -5,7 +5,7 @@ import {CalendarIcon} from '@twilio-paste/icons/esm/CalendarIcon'; import {useFormPillState, FormPillGroup, FormPill} from '../src'; -export const CustomFormPillGroup: React.FC = () => { +export const CustomFormPillGroup: React.FC> = () => { const currentTheme = useTheme(); const [showTennis, setShowTennis] = React.useState(true); const pillState = useFormPillState(); diff --git a/packages/paste-core/components/form-pill-group/stories/index.stories.tsx b/packages/paste-core/components/form-pill-group/stories/index.stories.tsx index 212c2e4ef2..22dba90058 100644 --- a/packages/paste-core/components/form-pill-group/stories/index.stories.tsx +++ b/packages/paste-core/components/form-pill-group/stories/index.stories.tsx @@ -14,12 +14,9 @@ const PILL_NAMES = [ 'Error pill with avatar', ]; -export const Basic: React.FC<{selected?: boolean; dismissable?: boolean; disabled?: boolean; ariaLabel?: string}> = ({ - selected = false, - dismissable = false, - disabled = false, - ariaLabel = 'Basic pills:', -}) => { +export const Basic: React.FC< + React.PropsWithChildren<{selected?: boolean; dismissable?: boolean; disabled?: boolean; ariaLabel?: string}> +> = ({selected = false, dismissable = false, disabled = false, ariaLabel = 'Basic pills:'}) => { const pillState = useFormPillState(); return (
@@ -44,17 +41,23 @@ export const Basic: React.FC<{selected?: boolean; dismissable?: boolean; disable ); }; -export const Disabled: React.FC = () => ; -export const Selected: React.FC = () => ; -export const Dismissable: React.FC = () => ; +export const Disabled: React.FC> = () => ( + +); +export const Selected: React.FC> = () => ( + +); +export const Dismissable: React.FC> = () => ( + +); -export const OverflowWrapping: React.FC = () => ( +export const OverflowWrapping: React.FC> = () => ( ); -export const SelectableAndDismissable: React.FC = () => { +export const SelectableAndDismissable: React.FC> = () => { const [pills, setPills] = React.useState([...PILL_NAMES]); const [selectedSet, updateSelectedSet] = React.useState>(new Set([PILL_NAMES[1], PILL_NAMES[4]])); const pillState = useFormPillState(); diff --git a/packages/paste-core/components/form/stories/form.stories.tsx b/packages/paste-core/components/form/stories/form.stories.tsx index cd7cfc73d4..8370cd9d2a 100644 --- a/packages/paste-core/components/form/stories/form.stories.tsx +++ b/packages/paste-core/components/form/stories/form.stories.tsx @@ -16,7 +16,10 @@ import type {RadioGroupProps} from '@twilio-paste/radio-group'; import {TextArea} from '@twilio-paste/textarea'; import type {TextAreaProps} from '@twilio-paste/textarea'; -const InputField: React.FC> = ({disabled, hasError}) => { +const InputField: React.FC>> = ({ + disabled, + hasError, +}) => { const inputIDSeed = useUIDSeed(); return ( <> @@ -28,7 +31,10 @@ const InputField: React.FC> = ({disabl ); }; -const TextareaField: React.FC> = ({disabled, hasError}) => { +const TextareaField: React.FC>> = ({ + disabled, + hasError, +}) => { const inputIDSeed = useUIDSeed(); return ( <> @@ -40,7 +46,10 @@ const TextareaField: React.FC> = ({ ); }; -const SelectField: React.FC> = ({disabled, hasError}) => { +const SelectField: React.FC>> = ({ + disabled, + hasError, +}) => { const inputIDSeed = useUIDSeed(); return ( <> @@ -54,7 +63,7 @@ const SelectField: React.FC> = ({disa ); }; -const CheckboxGroupField: React.FC> = ({ +const CheckboxGroupField: React.FC>> = ({ orientation, errorText, }) => { @@ -115,7 +124,10 @@ const CheckboxGroupField: React.FC> = ({orientation, errorText}) => { +const RadioGroupField: React.FC>> = ({ + orientation, + errorText, +}) => { const [value, setValue] = React.useState('2'); return ( { +const MockChild: React.FC> = ({children}) => { return {children}; }; -const MockControlGroup: React.FC<{ - showRequired?: boolean; +const MockControlGroup: React.FC< +React.PropsWithChildren<{ + showRequired?: boolean; showHelpText?: boolean; - showErrorText?: boolean; - element?: string; + showErrorText?: boolean; + element?: string; orientation?: InlineControlGroupProps['orientation']; -}> = ({showRequired, showHelpText, showErrorText, element, orientation = 'vertical'}) => { +}>> = ({showRequired, showHelpText, showErrorText, element, orientation = 'vertical'}) => { return ( { +const Insert: React.FC> = () => { return ; }; -const Input: React.FC = () => { +const Input: React.FC> = () => { return ; }; -const CommonStories: React.FC> = ({variant, ...props}) => { +const CommonStories: React.FC>> = ({variant, ...props}) => { return ( diff --git a/packages/paste-core/components/label/src/RequiredDot.tsx b/packages/paste-core/components/label/src/RequiredDot.tsx index 6d41de824e..a5156b6378 100644 --- a/packages/paste-core/components/label/src/RequiredDot.tsx +++ b/packages/paste-core/components/label/src/RequiredDot.tsx @@ -9,7 +9,11 @@ export interface RequiredDotProps { i18nLabel?: string; } -export const RequiredDot: React.FC = ({element = 'REQUIRED_DOT', i18nLabel = '', ...props}) => { +export const RequiredDot: React.FC> = ({ + element = 'REQUIRED_DOT', + i18nLabel = '', + ...props +}) => { return ( { I18n.storyName = 'i18n label'; -export const Customized: React.FC = () => { +export const Customized: React.FC> = () => { const currentTheme = useTheme(); return ( diff --git a/packages/paste-core/components/menu/__tests__/index.spec.tsx b/packages/paste-core/components/menu/__tests__/index.spec.tsx index be576d20d2..3b005df918 100644 --- a/packages/paste-core/components/menu/__tests__/index.spec.tsx +++ b/packages/paste-core/components/menu/__tests__/index.spec.tsx @@ -30,7 +30,7 @@ const PreferencesMenu = React.forwardRef(fun }); const GROUP_LABEL_TEXT = 'Search Options'; -const MenuMock: React.FC<{groupRef?: React.Ref}> = ({groupRef}) => { +const MenuMock: React.FC}>> = ({groupRef}) => { const menu = useMenuState({baseId: 'menu-example'}); return ( <> diff --git a/packages/paste-core/components/menu/stories/customization.stories.tsx b/packages/paste-core/components/menu/stories/customization.stories.tsx index 3751c819a7..d14864239f 100644 --- a/packages/paste-core/components/menu/stories/customization.stories.tsx +++ b/packages/paste-core/components/menu/stories/customization.stories.tsx @@ -101,99 +101,97 @@ export default { excludeStories: ['initStyles', 'BaseMenu'], }; -export const BaseMenu: React.FC<{menuButtonVariant?: ButtonVariants; element?: string}> = React.memo(function BaseMenu({ - menuButtonVariant = 'primary', - element, -}) { - const uniqueBaseID = useUID(); - const menu = useMenuState({ - visible: true, - baseId: `${uniqueBaseID}-${menuButtonVariant}-menu-customization-story`, - }); +export const BaseMenu: React.FC> = + React.memo(function BaseMenu({menuButtonVariant = 'primary', element}) { + const uniqueBaseID = useUID(); + const menu = useMenuState({ + visible: true, + baseId: `${uniqueBaseID}-${menuButtonVariant}-menu-customization-story`, + }); - const subMenu = useMenuState({baseId: `${uniqueBaseID}-${menuButtonVariant}-menu-submenu`}); - const onClick = React.useCallback(() => { - menu.hide(); - }, [menu.hide]); - return ( - <> - - Preferences - - - } - label="Settings" - data-testid="menu-group-settings" + const subMenu = useMenuState({baseId: `${uniqueBaseID}-${menuButtonVariant}-menu-submenu`}); + const onClick = React.useCallback(() => { + menu.hide(); + }, [menu.hide]); + return ( + <> + - - User info - - - Extensions - - {/* submenu */} - - Advanced settings - - - - Keyboard shortcuts + Preferences + + + } + label="Settings" + data-testid="menu-group-settings" + > + + User info - - {/* submenu */} - - - } - label="Search Options" - data-testid="menu-group-search-options" - > - - Google - - - - Bing - - - - } - label="Help" - data-testid="menu-group-help" - > - + Extensions + + {/* submenu */} + + Advanced settings + + + + Keyboard shortcuts + + + {/* submenu */} + + + } + label="Search Options" + data-testid="menu-group-search-options" > - Contact support - - + Google + + + + Bing + + + + } + label="Help" + data-testid="menu-group-help" > - View FAQ - - - - - ); -}); + + Contact support + + + View FAQ + + + + + ); + }); export const WithDefaultElementName: Story = (_args, {parameters: {isTestEnvironment}}) => { const currentTheme = useTheme(); diff --git a/packages/paste-core/components/menu/stories/index.stories.tsx b/packages/paste-core/components/menu/stories/index.stories.tsx index 34c5a39864..5633276045 100644 --- a/packages/paste-core/components/menu/stories/index.stories.tsx +++ b/packages/paste-core/components/menu/stories/index.stories.tsx @@ -11,7 +11,7 @@ import {useUID} from '@twilio-paste/uid-library'; import {Menu, MenuButton, SubMenuButton, MenuGroup, MenuItem, MenuSeparator, useMenuState} from '../src'; -const PlainMenu: React.FC = () => { +const PlainMenu: React.FC> = () => { const menu = useMenuState(); const onClick = (): void => { menu.hide(); @@ -43,7 +43,7 @@ const PlainMenu: React.FC = () => { ); }; -const AutoplacedMenu: React.FC = () => { +const AutoplacedMenu: React.FC> = () => { const menu = useMenuState({visible: true}); return ( <> @@ -83,7 +83,7 @@ const PreferencesMenu = React.forwardRef((props, ref) => { PreferencesMenu.displayName = 'PreferencesMenu'; -const SubMenu: React.FC = () => { +const SubMenu: React.FC> = () => { const menu = useMenuState(); return ( <> @@ -100,7 +100,7 @@ const SubMenu: React.FC = () => { ); }; -const Example3: React.FC = () => { +const Example3: React.FC> = () => { const menu = useMenuState(); return ( <> @@ -126,7 +126,7 @@ const Example3: React.FC = () => { ); }; -const Example4: React.FC = () => { +const Example4: React.FC> = () => { const menu = useMenuState(); return ( <> @@ -152,7 +152,7 @@ const Example4: React.FC = () => { ); }; -const WithActionsMenu: React.FC = () => { +const WithActionsMenu: React.FC> = () => { const menu = useMenuState(); return ( <> @@ -181,7 +181,7 @@ const WithActionsMenu: React.FC = () => { ); }; -const MenuGroups: React.FC = () => { +const MenuGroups: React.FC> = () => { const menu = useMenuState(); return ( <> diff --git a/packages/paste-core/components/minimizable-dialog/__tests__/customization.spec.tsx b/packages/paste-core/components/minimizable-dialog/__tests__/customization.spec.tsx index 7788e9a52c..04ed8ee24b 100644 --- a/packages/paste-core/components/minimizable-dialog/__tests__/customization.spec.tsx +++ b/packages/paste-core/components/minimizable-dialog/__tests__/customization.spec.tsx @@ -10,7 +10,7 @@ import { MinimizableDialogContent, } from '../src'; -const CustomizationWrapper: React.FC = ({children}) => ( +const CustomizationWrapper: React.FC> = ({children}) => ( ( ); -const MyCustomizationWrapper: React.FC = ({children}) => ( +const MyCustomizationWrapper: React.FC> = ({children}) => ( = ({ +const BaseMinimizableDialogContainer: React.FC> = ({ gutter, children, placement, diff --git a/packages/paste-core/components/minimizable-dialog/stories/index.stories.tsx b/packages/paste-core/components/minimizable-dialog/stories/index.stories.tsx index f054a366c1..e9001042fe 100644 --- a/packages/paste-core/components/minimizable-dialog/stories/index.stories.tsx +++ b/packages/paste-core/components/minimizable-dialog/stories/index.stories.tsx @@ -25,7 +25,7 @@ export default { component: MinimizableDialog, }; -const DialogExample: React.FC<{minimized?: boolean}> = ({minimized = false}) => { +const DialogExample: React.FC> = ({minimized = false}) => { const nameID = useUID(); const emailID = useUID(); const questionID = useUID(); diff --git a/packages/paste-core/components/modal/__tests__/index.spec.tsx b/packages/paste-core/components/modal/__tests__/index.spec.tsx index 50f12e4aa0..8865fbad66 100644 --- a/packages/paste-core/components/modal/__tests__/index.spec.tsx +++ b/packages/paste-core/components/modal/__tests__/index.spec.tsx @@ -13,7 +13,7 @@ import {Modal, ModalBody, ModalFooter, ModalFooterActions, ModalHeader, ModalHea const handleCloseMock: jest.Mock = jest.fn(); -const MockModal: React.FC<{children?: React.ReactNode}> = ({children}) => { +const MockModal: React.FC> = ({children}) => { const modalHeadingID = `modal-${useUID()}`; return ( @@ -51,7 +51,7 @@ const MockModal: React.FC<{children?: React.ReactNode}> = ({children}) => { ); }; -const MockInitalFocusModal: React.FC = () => { +const MockInitalFocusModal: React.FC> = () => { const [name, setName] = React.useState(''); const modalHeadingID = `modal-${useUID()}`; const nameInputRef: React.RefObject = React.createRef(); @@ -96,7 +96,7 @@ const MockInitalFocusModal: React.FC = () => { ); }; -const I18nMockModal: React.FC = () => { +const I18nMockModal: React.FC> = () => { const modalHeadingID = `modal-${useUID()}`; return ( diff --git a/packages/paste-core/components/modal/stories/customization.stories.tsx b/packages/paste-core/components/modal/stories/customization.stories.tsx index d45981d68e..9ff9fe31b3 100644 --- a/packages/paste-core/components/modal/stories/customization.stories.tsx +++ b/packages/paste-core/components/modal/stories/customization.stories.tsx @@ -65,7 +65,7 @@ const getElementName = (elementName: string | undefined, suffix?: string): strin type BaseModalProps = Pick & {element?: string | undefined}; const NOOP: VoidFunction = () => null; -export const BaseModal: React.FC = ({size, element}) => { +export const BaseModal: React.FC> = ({size, element}) => { const modalHeadingId = useUID(); return ( diff --git a/packages/paste-core/components/modal/stories/index.stories.tsx b/packages/paste-core/components/modal/stories/index.stories.tsx index bde66fe080..528c9e5598 100644 --- a/packages/paste-core/components/modal/stories/index.stories.tsx +++ b/packages/paste-core/components/modal/stories/index.stories.tsx @@ -27,7 +27,7 @@ import { } from '../src'; type ModalTriggerProps = Pick; -const ModalTrigger: React.FC = ({size}) => { +const ModalTrigger: React.FC> = ({size}) => { const [isOpen, setIsOpen] = React.useState(true); const handleOpen = (): void => setIsOpen(true); const handleClose = (): void => setIsOpen(false); diff --git a/packages/paste-core/components/pagination/src/PaginationArrow/PaginationArrowIconWrapper.tsx b/packages/paste-core/components/pagination/src/PaginationArrow/PaginationArrowIconWrapper.tsx index f820e17609..f72a5bac77 100644 --- a/packages/paste-core/components/pagination/src/PaginationArrow/PaginationArrowIconWrapper.tsx +++ b/packages/paste-core/components/pagination/src/PaginationArrow/PaginationArrowIconWrapper.tsx @@ -4,7 +4,7 @@ import {Box} from '@twilio-paste/box'; import type {PaginationArrowIconWrapperProps} from '../types'; import {PaginationArrowIconWrapperPropTypes} from '../proptypes'; -const PaginationArrowIconWrapper: React.FC = ({ +const PaginationArrowIconWrapper: React.FC> = ({ children, element = 'PAGINATION_ARROW_ICON_WRAPPER', isFocused, diff --git a/packages/paste-core/components/pagination/stories/customization.stories.tsx b/packages/paste-core/components/pagination/stories/customization.stories.tsx index ccb763a714..d363f2a368 100644 --- a/packages/paste-core/components/pagination/stories/customization.stories.tsx +++ b/packages/paste-core/components/pagination/stories/customization.stories.tsx @@ -20,7 +20,10 @@ import { } from '../src'; // Wrapper to abstract the rendering of the default and customized pagination versions -const BeforeAndAfter: React.FC<{before: React.ReactNode; after: React.ReactNode}> = ({before, after}) => ( +const BeforeAndAfter: React.FC> = ({ + before, + after, +}) => ( Default: @@ -33,7 +36,9 @@ const BeforeAndAfter: React.FC<{before: React.ReactNode; after: React.ReactNode} ); -export const WrapperAndArrows: React.FC<{element?: BoxElementProps['element']}> = ({element = 'PAGINATION'}) => { +export const WrapperAndArrows: React.FC> = ({ + element = 'PAGINATION', +}) => { // we use this to create unique labels for landmark elements when stacked or side-by-side const uniquePaginationID = useUID(); return ( @@ -57,7 +62,9 @@ export const WrapperAndArrows: React.FC<{element?: BoxElementProps['element']}> ); }; -export const NumbersAndLabel: React.FC<{element?: BoxElementProps['element']}> = ({element = 'PAGINATION'}) => { +export const NumbersAndLabel: React.FC> = ({ + element = 'PAGINATION', +}) => { // we use this to create unique labels for landmark elements when stacked or side-by-side const uniquePaginationID = useUID(); return ( diff --git a/packages/paste-core/components/pagination/stories/index.stories.tsx b/packages/paste-core/components/pagination/stories/index.stories.tsx index e0e68f325c..9576231d2e 100644 --- a/packages/paste-core/components/pagination/stories/index.stories.tsx +++ b/packages/paste-core/components/pagination/stories/index.stories.tsx @@ -11,7 +11,7 @@ import { PaginationNumbers, } from '../src'; -export const ArrowExample: React.FC = () => { +export const ArrowExample: React.FC> = () => { // we use this to create unique labels for landmark elements when stacked or side-by-side const uniquePaginationID = useUID(); return ( @@ -24,7 +24,7 @@ export const ArrowExample: React.FC = () => { ); }; -export const ArrowsAsAnchorsExample: React.FC = () => { +export const ArrowsAsAnchorsExample: React.FC> = () => { // we use this to create unique labels for landmark elements when stacked or side-by-side const uniquePaginationID = useUID(); return ( @@ -37,7 +37,7 @@ export const ArrowsAsAnchorsExample: React.FC = () => { ); }; -export const ArrowLabelsExample: React.FC = () => { +export const ArrowLabelsExample: React.FC> = () => { // we use this to create unique labels for landmark elements when stacked or side-by-side const uniquePaginationID = useUID(); return ( @@ -50,7 +50,7 @@ export const ArrowLabelsExample: React.FC = () => { ); }; -export const ArrowAsAnchorLabelsExample: React.FC = () => { +export const ArrowAsAnchorLabelsExample: React.FC> = () => { // we use this to create unique labels for landmark elements when stacked or side-by-side const uniquePaginationID = useUID(); return ( @@ -63,7 +63,7 @@ export const ArrowAsAnchorLabelsExample: React.FC = () => { ); }; -export const ArrowsPageLabelExample: React.FC<{staticLabel?: string}> = ({staticLabel}) => { +export const ArrowsPageLabelExample: React.FC> = ({staticLabel}) => { // we use this to create unique labels for landmark elements when stacked or side-by-side const uniquePaginationID = useUID(); return ( @@ -77,7 +77,7 @@ export const ArrowsPageLabelExample: React.FC<{staticLabel?: string}> = ({static ); }; -export const NumbersExample: React.FC = () => { +export const NumbersExample: React.FC> = () => { // we use this to create unique labels for landmark elements when stacked or side-by-side const uniquePaginationID = useUID(); return ( @@ -101,7 +101,7 @@ export const NumbersExample: React.FC = () => { ); }; -export const NumbersAsAnchorsExample: React.FC = () => { +export const NumbersAsAnchorsExample: React.FC> = () => { // we use this to create unique labels for landmark elements when stacked or side-by-side const uniquePaginationID = useUID(); return ( @@ -133,7 +133,7 @@ export const NumbersAsAnchorsExample: React.FC = () => { ); }; -export const NumbersPageLabelExample: React.FC = () => { +export const NumbersPageLabelExample: React.FC> = () => { // we use this to create unique labels for landmark elements when stacked or side-by-side const uniquePaginationID = useUID(); return ( @@ -157,7 +157,7 @@ export const NumbersPageLabelExample: React.FC = () => { ); }; -export const ControlledArrowPaginationExample: React.FC = () => { +export const ControlledArrowPaginationExample: React.FC> = () => { const [currentPage, setCurrentPage] = React.useState(1); const totalPages = 7; @@ -198,7 +198,7 @@ export const ControlledArrowPaginationExample: React.FC = () => { ); }; -export const ControlledNumberPaginationExample: React.FC = () => { +export const ControlledNumberPaginationExample: React.FC> = () => { const [currentPage, setCurrentPage] = React.useState(1); const pages = [1, 2, 3, 4, 5, 6, 7]; const totalPages = pages.length; diff --git a/packages/paste-core/components/popover/src/PopoverArrow.tsx b/packages/paste-core/components/popover/src/PopoverArrow.tsx index e2d080d8ed..d04fd54378 100644 --- a/packages/paste-core/components/popover/src/PopoverArrow.tsx +++ b/packages/paste-core/components/popover/src/PopoverArrow.tsx @@ -5,7 +5,7 @@ import {useTheme} from '@twilio-paste/theme'; export type PopoverArrowProps = NonModalDialogArrowPrimitiveProps; -const PopoverArrow: React.FC = (props) => { +const PopoverArrow: React.FC> = (props) => { const theme = useTheme(); return ( diff --git a/packages/paste-core/components/popover/src/PopoverContainer.tsx b/packages/paste-core/components/popover/src/PopoverContainer.tsx index 4f938ff229..df0163ed47 100644 --- a/packages/paste-core/components/popover/src/PopoverContainer.tsx +++ b/packages/paste-core/components/popover/src/PopoverContainer.tsx @@ -16,7 +16,7 @@ export interface PopoverContainerProps extends NonModalDialogPrimitivePopoverIni state?: PopoverStateReturn; } -const BasePopoverContainer: React.FC = ({ +const BasePopoverContainer: React.FC> = ({ children, gutter, placement, diff --git a/packages/paste-core/components/popover/stories/index.stories.tsx b/packages/paste-core/components/popover/stories/index.stories.tsx index fd3c2b73e3..b5c1176136 100644 --- a/packages/paste-core/components/popover/stories/index.stories.tsx +++ b/packages/paste-core/components/popover/stories/index.stories.tsx @@ -25,7 +25,7 @@ export default { }, }; -export const Default: React.FC = () => { +export const Default: React.FC> = () => { const uniqueBaseID = useUID(); return ( @@ -39,7 +39,7 @@ export const Default: React.FC = () => { ); }; -export const SmallerSize: React.FC = () => { +export const SmallerSize: React.FC> = () => { const uniqueBaseID = useUID(); return ( @@ -55,7 +55,7 @@ export const SmallerSize: React.FC = () => { ); }; -export const WideContent: React.FC = () => { +export const WideContent: React.FC> = () => { const date1ID = useUID(); const time1ID = useUID(); const date2ID = useUID(); @@ -93,7 +93,7 @@ export const WideContent: React.FC = () => { ); }; -export const PopoverTop: React.FC = () => { +export const PopoverTop: React.FC> = () => { const uniqueBaseID = useUID(); return ( @@ -107,7 +107,7 @@ export const PopoverTop: React.FC = () => { ); }; -export const PopoverLeft: React.FC = () => { +export const PopoverLeft: React.FC> = () => { const uniqueBaseID = useUID(); return ( @@ -121,7 +121,7 @@ export const PopoverLeft: React.FC = () => { ); }; -export const PopoverRight: React.FC = () => { +export const PopoverRight: React.FC> = () => { const uniqueBaseID = useUID(); return ( @@ -133,7 +133,7 @@ export const PopoverRight: React.FC = () => { ); }; -export const PopoverBottom: React.FC = () => { +export const PopoverBottom: React.FC> = () => { const uniqueBaseID = useUID(); return ( @@ -145,7 +145,7 @@ export const PopoverBottom: React.FC = () => { ); }; -export const BadgePopover: React.FC = () => { +export const BadgePopover: React.FC> = () => { const uniqueBaseID = useUID(); return ( @@ -159,7 +159,7 @@ export const BadgePopover: React.FC = () => { ); }; -export const StateHookExample: React.FC = () => { +export const StateHookExample: React.FC> = () => { const uniqueBaseID = useUID(); const popover = usePopoverState({baseId: uniqueBaseID}); return ( diff --git a/packages/paste-core/components/radio-group/__tests__/radio.test.tsx b/packages/paste-core/components/radio-group/__tests__/radio.test.tsx index 3275abcf23..2186a8ce73 100644 --- a/packages/paste-core/components/radio-group/__tests__/radio.test.tsx +++ b/packages/paste-core/components/radio-group/__tests__/radio.test.tsx @@ -288,7 +288,7 @@ describe('Radio Group event handlers', () => { }); it('Should check the selected radio (controlled)', () => { - const MockRadioGroup: React.FC = () => { + const MockRadioGroup: React.FC> = () => { const [value, setValue] = React.useState('2'); return ( { }); it('Should check the selected radio (uncontrolled)', () => { - const MockRadioGroup: React.FC = () => { + const MockRadioGroup: React.FC> = () => { return ( @@ -355,7 +355,7 @@ describe('Radio Group event handlers', () => { }); it('Should check the selected value on initial', () => { - const MockRadioGroup: React.FC = () => { + const MockRadioGroup: React.FC> = () => { const [value, setValue] = React.useState('2'); return ( = ({suffix = 'test', ...props}): React.ReactElement => { +const ExampleOption: React.FC> = ({ + suffix = 'test', + ...props +}): React.ReactElement => { return (