From 47ad1e126861b59c48dbf67beebff8b45071391b Mon Sep 17 00:00:00 2001 From: PixeledCode Date: Fri, 28 Feb 2025 23:52:25 +0530 Subject: [PATCH 01/31] feat(core): update react version to 19 --- package.json | 8 +- .../components/account-switcher/package.json | 16 +- .../components/ai-chat-log/package.json | 16 +- .../components/alert-dialog/package.json | 16 +- .../paste-core/components/alert/package.json | 16 +- .../paste-core/components/anchor/package.json | 16 +- .../paste-core/components/avatar/package.json | 16 +- .../paste-core/components/badge/package.json | 16 +- .../base-radio-checkbox/package.json | 16 +- .../components/blockquote/package.json | 16 +- .../components/breadcrumb/package.json | 16 +- .../components/button-group/package.json | 16 +- .../paste-core/components/button/package.json | 16 +- .../components/callout/package.json | 16 +- .../paste-core/components/card/package.json | 16 +- .../components/chart-provider/package.json | 16 +- .../components/chat-composer/package.json | 16 +- .../components/chat-log/package.json | 16 +- .../components/checkbox/package.json | 16 +- .../components/code-block/package.json | 16 +- .../components/combobox/package.json | 16 +- .../components/corner-ornament/package.json | 16 +- .../components/data-grid/package.json | 16 +- .../components/date-picker/package.json | 16 +- .../components/description-list/package.json | 16 +- .../components/detail-text/package.json | 16 +- .../components/disclosure/package.json | 16 +- .../components/display-heading/package.json | 16 +- .../display-pill-group/package.json | 16 +- .../editable-code-block/package.json | 16 +- .../components/example-text/package.json | 16 +- .../components/file-picker/package.json | 16 +- .../components/file-uploader/package.json | 16 +- .../components/form-pill-group/package.json | 16 +- .../paste-core/components/form/package.json | 16 +- .../components/heading/package.json | 16 +- .../components/help-text/package.json | 16 +- .../in-page-navigation/package.json | 16 +- .../components/inline-code/package.json | 16 +- .../inline-control-group/package.json | 16 +- .../components/input-box/package.json | 16 +- .../paste-core/components/input/package.json | 16 +- .../components/keyboard-key/package.json | 16 +- .../paste-core/components/label/package.json | 16 +- .../paste-core/components/list/package.json | 16 +- .../paste-core/components/menu/package.json | 16 +- .../paste-core/components/meter/package.json | 16 +- .../minimizable-dialog/package.json | 16 +- .../paste-core/components/modal/package.json | 16 +- .../components/page-header/package.json | 16 +- .../components/pagination/package.json | 16 +- .../components/paragraph/package.json | 16 +- .../components/popover/package.json | 16 +- .../components/product-switcher/package.json | 16 +- .../components/progress-bar/package.json | 16 +- .../components/progress-steps/package.json | 16 +- .../radio-button-group/package.json | 16 +- .../components/radio-group/package.json | 16 +- .../screen-reader-only/package.json | 16 +- .../paste-core/components/select/package.json | 16 +- .../components/separator/package.json | 16 +- .../components/side-modal/package.json | 16 +- .../components/side-panel/package.json | 16 +- .../components/sidebar/package.json | 16 +- .../components/skeleton-loader/package.json | 16 +- .../paste-core/components/slider/package.json | 16 +- .../components/spinner/package.json | 16 +- .../paste-core/components/status/package.json | 16 +- .../components/summary-detail/package.json | 16 +- .../paste-core/components/switch/package.json | 16 +- .../paste-core/components/table/package.json | 16 +- .../paste-core/components/tabs/package.json | 16 +- .../components/textarea/package.json | 16 +- .../components/time-picker/package.json | 16 +- .../components/timeline/package.json | 16 +- .../paste-core/components/toast/package.json | 16 +- .../components/tooltip/package.json | 16 +- .../paste-core/components/topbar/package.json | 16 +- .../components/truncate/package.json | 16 +- .../components/user-dialog/package.json | 16 +- .../components/visual-picker/package.json | 16 +- packages/paste-core/core-bundle/package.json | 16 +- .../layout/aspect-ratio/package.json | 16 +- packages/paste-core/layout/flex/package.json | 16 +- packages/paste-core/layout/grid/package.json | 16 +- .../layout/media-object/package.json | 16 +- packages/paste-core/layout/stack/package.json | 16 +- .../paste-core/primitives/box/package.json | 16 +- .../primitives/combobox/package.json | 8 +- .../primitives/disclosure/package.json | 8 +- .../primitives/listbox/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 | 16 +- .../paste-core/primitives/tabs/package.json | 8 +- .../paste-core/primitives/text/package.json | 16 +- .../primitives/tooltip/package.json | 8 +- packages/paste-customization/package.json | 16 +- packages/paste-icons/package.json | 16 +- .../paste-libraries/animation/package.json | 8 +- .../clipboard-copy/package.json | 8 +- .../paste-libraries/code-editor/package.json | 8 +- .../data-visualization/package.json | 16 +- .../paste-libraries/dropdown/package.json | 8 +- packages/paste-libraries/lexical/package.json | 8 +- .../react-spectrum/package.json | 16 +- .../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-style-props/package.json | 16 +- packages/paste-theme-designer/package.json | 2 +- packages/paste-theme/package.json | 16 +- .../paste-token-contrast-checker/package.json | 4 +- packages/paste-types/package.json | 12 +- packages/paste-utils/package.json | 16 +- packages/paste-website/package.json | 4 +- templates/paste-nextjs-template/package.json | 4 +- tools/build/__tests__/compiledImports.test.ts | 4 +- tools/plop-templates/package.hbs | 16 +- yarn.lock | 1769 +++++++++-------- 123 files changed, 1758 insertions(+), 1745 deletions(-) diff --git a/package.json b/package.json index 6121766806..b4114ba211 100644 --- a/package.json +++ b/package.json @@ -135,7 +135,7 @@ "@swc/core": "^1.2.160", "@swc/jest": "^0.2.20", "@testing-library/jest-dom": "^5.16.5", - "@testing-library/react": "^13.4.0", + "@testing-library/react": "^15.0.7", "@testing-library/react-hooks": "^8.0.1", "@testing-library/user-event": "^13.5.0", "@twilio-labs/svg-to-react": "^2.1.1", @@ -143,7 +143,7 @@ "@types/color": "^3.0.0", "@types/jest": "^24.0.18", "@types/node": "^20.0.0", - "@types/react": "^18.0.27", + "@types/react": "^19.0.8", "@types/react-color": "^3.0.6", "@types/react-github-button": "^0.1.1", "@types/react-helmet": "^6.1.6", @@ -205,8 +205,8 @@ "plop": "^3.0.0", "precise-commits": "^1.0.2", "prettier": "^2.8.1", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^19.0.0", + "react-dom": "^19.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/account-switcher/package.json b/packages/paste-core/components/account-switcher/package.json index 2dc7f9e5f3..e6b6bd3016 100644 --- a/packages/paste-core/components/account-switcher/package.json +++ b/packages/paste-core/components/account-switcher/package.json @@ -48,10 +48,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -77,10 +77,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/ai-chat-log/package.json b/packages/paste-core/components/ai-chat-log/package.json index 801eb118a1..c1ed9d1400 100644 --- a/packages/paste-core/components/ai-chat-log/package.json +++ b/packages/paste-core/components/ai-chat-log/package.json @@ -44,10 +44,10 @@ "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.1", @@ -69,10 +69,10 @@ "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/alert-dialog/package.json b/packages/paste-core/components/alert-dialog/package.json index 6bc88beb7f..8bd5db2b40 100644 --- a/packages/paste-core/components/alert-dialog/package.json +++ b/packages/paste-core/components/alert-dialog/package.json @@ -46,10 +46,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.1", @@ -73,10 +73,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/alert/package.json b/packages/paste-core/components/alert/package.json index e33d091b6d..2c18e4fb9d 100644 --- a/packages/paste-core/components/alert/package.json +++ b/packages/paste-core/components/alert/package.json @@ -42,10 +42,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -65,10 +65,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/anchor/package.json b/packages/paste-core/components/anchor/package.json index e8ed36b0a2..b07b17b365 100644 --- a/packages/paste-core/components/anchor/package.json +++ b/packages/paste-core/components/anchor/package.json @@ -36,10 +36,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -53,10 +53,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/avatar/package.json b/packages/paste-core/components/avatar/package.json index 57c433f644..e36bbd6d41 100644 --- a/packages/paste-core/components/avatar/package.json +++ b/packages/paste-core/components/avatar/package.json @@ -42,10 +42,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -61,10 +61,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/badge/package.json b/packages/paste-core/components/badge/package.json index a779ded60b..3089a317a8 100644 --- a/packages/paste-core/components/badge/package.json +++ b/packages/paste-core/components/badge/package.json @@ -39,10 +39,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -59,10 +59,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/base-radio-checkbox/package.json b/packages/paste-core/components/base-radio-checkbox/package.json index 05b2020593..d45d5c4683 100644 --- a/packages/paste-core/components/base-radio-checkbox/package.json +++ b/packages/paste-core/components/base-radio-checkbox/package.json @@ -42,10 +42,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -66,10 +66,10 @@ "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "typescript": "^4.9.4" } } diff --git a/packages/paste-core/components/blockquote/package.json b/packages/paste-core/components/blockquote/package.json index 0be549bc8c..c7ebf32f4f 100644 --- a/packages/paste-core/components/blockquote/package.json +++ b/packages/paste-core/components/blockquote/package.json @@ -42,10 +42,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.0.0", @@ -65,10 +65,10 @@ "@twilio-paste/theme": "^11.1.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/breadcrumb/package.json b/packages/paste-core/components/breadcrumb/package.json index ca242673f3..749b252e90 100644 --- a/packages/paste-core/components/breadcrumb/package.json +++ b/packages/paste-core/components/breadcrumb/package.json @@ -38,10 +38,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -57,10 +57,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/button-group/package.json b/packages/paste-core/components/button-group/package.json index 5ad4d442e6..277988000c 100644 --- a/packages/paste-core/components/button-group/package.json +++ b/packages/paste-core/components/button-group/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -50,10 +50,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/button/package.json b/packages/paste-core/components/button/package.json index e9f272228c..4b788bb7da 100644 --- a/packages/paste-core/components/button/package.json +++ b/packages/paste-core/components/button/package.json @@ -42,10 +42,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.1", @@ -62,10 +62,10 @@ "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/callout/package.json b/packages/paste-core/components/callout/package.json index 430dfcf351..7d4d50c013 100644 --- a/packages/paste-core/components/callout/package.json +++ b/packages/paste-core/components/callout/package.json @@ -42,10 +42,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.0.0", @@ -65,10 +65,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/card/package.json b/packages/paste-core/components/card/package.json index 5a738b353c..4cce515b3c 100644 --- a/packages/paste-core/components/card/package.json +++ b/packages/paste-core/components/card/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/chart-provider/package.json b/packages/paste-core/components/chart-provider/package.json index f37d1ae353..1e4c7626f0 100644 --- a/packages/paste-core/components/chart-provider/package.json +++ b/packages/paste-core/components/chart-provider/package.json @@ -34,11 +34,11 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", "highcharts": "^9.3.3", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -50,11 +50,11 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", "highcharts": "^9.3.3", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/chat-composer/package.json b/packages/paste-core/components/chat-composer/package.json index dba4904380..38b96f5f68 100644 --- a/packages/paste-core/components/chat-composer/package.json +++ b/packages/paste-core/components/chat-composer/package.json @@ -38,10 +38,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^17.0.2 || ^18.0.0", - "react-dom": "^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.1", @@ -62,10 +62,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/truncate": "^14.1.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/chat-log/package.json b/packages/paste-core/components/chat-log/package.json index 0dc57740b4..0d54c102d2 100644 --- a/packages/paste-core/components/chat-log/package.json +++ b/packages/paste-core/components/chat-log/package.json @@ -44,10 +44,10 @@ "@twilio-paste/truncate": "^14.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -69,10 +69,10 @@ "@twilio-paste/truncate": "^14.1.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/checkbox/package.json b/packages/paste-core/components/checkbox/package.json index 9212eb21f5..b62001c461 100644 --- a/packages/paste-core/components/checkbox/package.json +++ b/packages/paste-core/components/checkbox/package.json @@ -45,10 +45,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -71,10 +71,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/code-block/package.json b/packages/paste-core/components/code-block/package.json index 81d618a6fc..45d8f1b264 100644 --- a/packages/paste-core/components/code-block/package.json +++ b/packages/paste-core/components/code-block/package.json @@ -52,10 +52,10 @@ "@twilio-paste/tooltip-primitive": "^2.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -85,10 +85,10 @@ "@twilio-paste/tooltip-primitive": "^2.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/combobox/package.json b/packages/paste-core/components/combobox/package.json index e7197b6cf1..ae689661bb 100644 --- a/packages/paste-core/components/combobox/package.json +++ b/packages/paste-core/components/combobox/package.json @@ -59,10 +59,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -94,10 +94,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/corner-ornament/package.json b/packages/paste-core/components/corner-ornament/package.json index 72bd4df9f8..c0007ee7b2 100644 --- a/packages/paste-core/components/corner-ornament/package.json +++ b/packages/paste-core/components/corner-ornament/package.json @@ -35,10 +35,10 @@ "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -51,10 +51,10 @@ "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/data-grid/package.json b/packages/paste-core/components/data-grid/package.json index 31c97cae3e..7a289f2f5b 100644 --- a/packages/paste-core/components/data-grid/package.json +++ b/packages/paste-core/components/data-grid/package.json @@ -47,10 +47,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -72,10 +72,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/date-picker/package.json b/packages/paste-core/components/date-picker/package.json index 1abe9d011b..835fc12ece 100644 --- a/packages/paste-core/components/date-picker/package.json +++ b/packages/paste-core/components/date-picker/package.json @@ -46,10 +46,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -70,10 +70,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/description-list/package.json b/packages/paste-core/components/description-list/package.json index 649fe2bdaf..a7f3d981a1 100644 --- a/packages/paste-core/components/description-list/package.json +++ b/packages/paste-core/components/description-list/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/detail-text/package.json b/packages/paste-core/components/detail-text/package.json index bf6dd0c0da..399107807f 100644 --- a/packages/paste-core/components/detail-text/package.json +++ b/packages/paste-core/components/detail-text/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/disclosure/package.json b/packages/paste-core/components/disclosure/package.json index 1c4c18326d..1777bb6b61 100644 --- a/packages/paste-core/components/disclosure/package.json +++ b/packages/paste-core/components/disclosure/package.json @@ -41,10 +41,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -63,10 +63,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/display-heading/package.json b/packages/paste-core/components/display-heading/package.json index d9263a421e..03f4fdc071 100644 --- a/packages/paste-core/components/display-heading/package.json +++ b/packages/paste-core/components/display-heading/package.json @@ -35,10 +35,10 @@ "@twilio-paste/text": "^10.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -51,10 +51,10 @@ "@twilio-paste/text": "^10.1.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/display-pill-group/package.json b/packages/paste-core/components/display-pill-group/package.json index 319752f995..92850bb601 100644 --- a/packages/paste-core/components/display-pill-group/package.json +++ b/packages/paste-core/components/display-pill-group/package.json @@ -37,10 +37,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -55,10 +55,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/editable-code-block/package.json b/packages/paste-core/components/editable-code-block/package.json index c8135f84c6..8916a028dd 100644 --- a/packages/paste-core/components/editable-code-block/package.json +++ b/packages/paste-core/components/editable-code-block/package.json @@ -49,10 +49,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -79,10 +79,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/example-text/package.json b/packages/paste-core/components/example-text/package.json index 2bcb9829c1..249e15b1c2 100644 --- a/packages/paste-core/components/example-text/package.json +++ b/packages/paste-core/components/example-text/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/file-picker/package.json b/packages/paste-core/components/file-picker/package.json index 2403e5f53b..1d6c576d01 100644 --- a/packages/paste-core/components/file-picker/package.json +++ b/packages/paste-core/components/file-picker/package.json @@ -42,10 +42,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -65,10 +65,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/file-uploader/package.json b/packages/paste-core/components/file-uploader/package.json index 7667ad12e9..9a2535b643 100644 --- a/packages/paste-core/components/file-uploader/package.json +++ b/packages/paste-core/components/file-uploader/package.json @@ -48,10 +48,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -74,10 +74,10 @@ "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/form-pill-group/package.json b/packages/paste-core/components/form-pill-group/package.json index 04ca913d95..ba0a7d4faf 100644 --- a/packages/paste-core/components/form-pill-group/package.json +++ b/packages/paste-core/components/form-pill-group/package.json @@ -42,10 +42,10 @@ "@twilio-paste/truncate": "^14.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -62,10 +62,10 @@ "@twilio-paste/truncate": "^14.1.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/form/package.json b/packages/paste-core/components/form/package.json index 21e287ad22..41f160823b 100644 --- a/packages/paste-core/components/form/package.json +++ b/packages/paste-core/components/form/package.json @@ -37,10 +37,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -55,10 +55,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/heading/package.json b/packages/paste-core/components/heading/package.json index fb7e14acfb..d48971941d 100644 --- a/packages/paste-core/components/heading/package.json +++ b/packages/paste-core/components/heading/package.json @@ -34,10 +34,10 @@ "@twilio-paste/text": "^10.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/text": "^10.1.1", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/help-text/package.json b/packages/paste-core/components/help-text/package.json index d19317f04e..5fb0d3036a 100644 --- a/packages/paste-core/components/help-text/package.json +++ b/packages/paste-core/components/help-text/package.json @@ -36,10 +36,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -53,10 +53,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/in-page-navigation/package.json b/packages/paste-core/components/in-page-navigation/package.json index 7e9814c742..233c70ecd1 100644 --- a/packages/paste-core/components/in-page-navigation/package.json +++ b/packages/paste-core/components/in-page-navigation/package.json @@ -37,10 +37,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -55,10 +55,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/inline-code/package.json b/packages/paste-core/components/inline-code/package.json index dc4e660124..01f371bad9 100644 --- a/packages/paste-core/components/inline-code/package.json +++ b/packages/paste-core/components/inline-code/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/inline-control-group/package.json b/packages/paste-core/components/inline-control-group/package.json index 70017fa0ab..1a234ea6ba 100644 --- a/packages/paste-core/components/inline-control-group/package.json +++ b/packages/paste-core/components/inline-control-group/package.json @@ -41,10 +41,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -64,10 +64,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "typescript": "^4.9.4" } } diff --git a/packages/paste-core/components/input-box/package.json b/packages/paste-core/components/input-box/package.json index 390d347ead..84cbfa8307 100644 --- a/packages/paste-core/components/input-box/package.json +++ b/packages/paste-core/components/input-box/package.json @@ -34,10 +34,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -50,10 +50,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "typescript": "^4.9.4" } } diff --git a/packages/paste-core/components/input/package.json b/packages/paste-core/components/input/package.json index 08d31572de..79d21604c9 100644 --- a/packages/paste-core/components/input/package.json +++ b/packages/paste-core/components/input/package.json @@ -42,10 +42,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -65,10 +65,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/keyboard-key/package.json b/packages/paste-core/components/keyboard-key/package.json index ba89630555..50e8854b2c 100644 --- a/packages/paste-core/components/keyboard-key/package.json +++ b/packages/paste-core/components/keyboard-key/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/label/package.json b/packages/paste-core/components/label/package.json index fc2202fb09..2d086667a3 100644 --- a/packages/paste-core/components/label/package.json +++ b/packages/paste-core/components/label/package.json @@ -38,10 +38,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -57,10 +57,10 @@ "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/list/package.json b/packages/paste-core/components/list/package.json index c76fb54a83..04ba4776ae 100644 --- a/packages/paste-core/components/list/package.json +++ b/packages/paste-core/components/list/package.json @@ -36,10 +36,10 @@ "@twilio-paste/text": "^10.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -53,10 +53,10 @@ "@twilio-paste/text": "^10.1.1", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/menu/package.json b/packages/paste-core/components/menu/package.json index 185b76ab51..86d12b6292 100644 --- a/packages/paste-core/components/menu/package.json +++ b/packages/paste-core/components/menu/package.json @@ -47,10 +47,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -75,10 +75,10 @@ "@twilio-paste/theme": "^11.1.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/meter/package.json b/packages/paste-core/components/meter/package.json index 999aea20be..a16b12c5bb 100644 --- a/packages/paste-core/components/meter/package.json +++ b/packages/paste-core/components/meter/package.json @@ -41,10 +41,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -63,10 +63,10 @@ "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/minimizable-dialog/package.json b/packages/paste-core/components/minimizable-dialog/package.json index f7912413f6..b263e1d4dd 100644 --- a/packages/paste-core/components/minimizable-dialog/package.json +++ b/packages/paste-core/components/minimizable-dialog/package.json @@ -43,10 +43,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -67,10 +67,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/modal/package.json b/packages/paste-core/components/modal/package.json index 1e45bb5925..cfa45cbf0e 100644 --- a/packages/paste-core/components/modal/package.json +++ b/packages/paste-core/components/modal/package.json @@ -45,10 +45,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -71,10 +71,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/page-header/package.json b/packages/paste-core/components/page-header/package.json index d4141d5cd8..76469a74f3 100644 --- a/packages/paste-core/components/page-header/package.json +++ b/packages/paste-core/components/page-header/package.json @@ -37,10 +37,10 @@ "@twilio-paste/text": "^10.1.1", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -55,10 +55,10 @@ "@twilio-paste/text": "^10.1.1", "@twilio-paste/theme": "^11.1.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/pagination/package.json b/packages/paste-core/components/pagination/package.json index d4db34d936..7319a249a9 100644 --- a/packages/paste-core/components/pagination/package.json +++ b/packages/paste-core/components/pagination/package.json @@ -37,10 +37,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -55,10 +55,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/paragraph/package.json b/packages/paste-core/components/paragraph/package.json index 455ea37e56..a24f54cb94 100644 --- a/packages/paste-core/components/paragraph/package.json +++ b/packages/paste-core/components/paragraph/package.json @@ -34,10 +34,10 @@ "@twilio-paste/text": "^10.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/text": "^10.1.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/popover/package.json b/packages/paste-core/components/popover/package.json index d47893ce09..f26a438c75 100644 --- a/packages/paste-core/components/popover/package.json +++ b/packages/paste-core/components/popover/package.json @@ -47,10 +47,10 @@ "@twilio-paste/truncate": "^14.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -75,10 +75,10 @@ "@twilio-paste/truncate": "^14.1.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/product-switcher/package.json b/packages/paste-core/components/product-switcher/package.json index d9f7914a48..65238bd9d8 100644 --- a/packages/paste-core/components/product-switcher/package.json +++ b/packages/paste-core/components/product-switcher/package.json @@ -48,10 +48,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -77,10 +77,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/progress-bar/package.json b/packages/paste-core/components/progress-bar/package.json index a09607d9f8..7568518982 100644 --- a/packages/paste-core/components/progress-bar/package.json +++ b/packages/paste-core/components/progress-bar/package.json @@ -42,10 +42,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -65,10 +65,10 @@ "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/progress-steps/package.json b/packages/paste-core/components/progress-steps/package.json index 02bb5f0d5e..dee5b845c0 100644 --- a/packages/paste-core/components/progress-steps/package.json +++ b/packages/paste-core/components/progress-steps/package.json @@ -36,10 +36,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -53,10 +53,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/radio-button-group/package.json b/packages/paste-core/components/radio-button-group/package.json index 256f9aa9d6..56485599e6 100644 --- a/packages/paste-core/components/radio-button-group/package.json +++ b/packages/paste-core/components/radio-button-group/package.json @@ -48,10 +48,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -77,10 +77,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/radio-group/package.json b/packages/paste-core/components/radio-group/package.json index 42b1a2a181..a0a57e395c 100644 --- a/packages/paste-core/components/radio-group/package.json +++ b/packages/paste-core/components/radio-group/package.json @@ -45,10 +45,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -71,10 +71,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/screen-reader-only/package.json b/packages/paste-core/components/screen-reader-only/package.json index c5f157cb2c..da6b892f51 100644 --- a/packages/paste-core/components/screen-reader-only/package.json +++ b/packages/paste-core/components/screen-reader-only/package.json @@ -36,10 +36,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -53,10 +53,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/select/package.json b/packages/paste-core/components/select/package.json index 0a438baf65..e9573c91d2 100644 --- a/packages/paste-core/components/select/package.json +++ b/packages/paste-core/components/select/package.json @@ -37,10 +37,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -55,10 +55,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/separator/package.json b/packages/paste-core/components/separator/package.json index fdca7b0cad..5e369c81f1 100644 --- a/packages/paste-core/components/separator/package.json +++ b/packages/paste-core/components/separator/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/side-modal/package.json b/packages/paste-core/components/side-modal/package.json index a826e6fd98..e7668217b5 100644 --- a/packages/paste-core/components/side-modal/package.json +++ b/packages/paste-core/components/side-modal/package.json @@ -45,10 +45,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -71,10 +71,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/side-panel/package.json b/packages/paste-core/components/side-panel/package.json index 8e93de05fc..d22a6a22f3 100644 --- a/packages/paste-core/components/side-panel/package.json +++ b/packages/paste-core/components/side-panel/package.json @@ -43,10 +43,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -67,10 +67,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/sidebar/package.json b/packages/paste-core/components/sidebar/package.json index 6c4d72c45d..fc1456942a 100644 --- a/packages/paste-core/components/sidebar/package.json +++ b/packages/paste-core/components/sidebar/package.json @@ -47,10 +47,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -75,10 +75,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/skeleton-loader/package.json b/packages/paste-core/components/skeleton-loader/package.json index 908e9fb173..63ef9c0aa7 100644 --- a/packages/paste-core/components/skeleton-loader/package.json +++ b/packages/paste-core/components/skeleton-loader/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/slider/package.json b/packages/paste-core/components/slider/package.json index acca6ec2d2..a4cd17caa6 100644 --- a/packages/paste-core/components/slider/package.json +++ b/packages/paste-core/components/slider/package.json @@ -39,10 +39,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "5.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -59,10 +59,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "5.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/spinner/package.json b/packages/paste-core/components/spinner/package.json index 7e3f88bd9b..c126213c50 100644 --- a/packages/paste-core/components/spinner/package.json +++ b/packages/paste-core/components/spinner/package.json @@ -36,10 +36,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -53,10 +53,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/status/package.json b/packages/paste-core/components/status/package.json index 47739c1955..406e706e36 100644 --- a/packages/paste-core/components/status/package.json +++ b/packages/paste-core/components/status/package.json @@ -48,10 +48,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -77,10 +77,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/summary-detail/package.json b/packages/paste-core/components/summary-detail/package.json index 4cf73e8767..865d0db89d 100644 --- a/packages/paste-core/components/summary-detail/package.json +++ b/packages/paste-core/components/summary-detail/package.json @@ -43,10 +43,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.0.0", @@ -67,10 +67,10 @@ "@twilio-paste/theme": "^11.1.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/switch/package.json b/packages/paste-core/components/switch/package.json index 89bec2f01b..fd7652be02 100644 --- a/packages/paste-core/components/switch/package.json +++ b/packages/paste-core/components/switch/package.json @@ -44,10 +44,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -69,10 +69,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/table/package.json b/packages/paste-core/components/table/package.json index 5f64445c02..7fdf40dc95 100644 --- a/packages/paste-core/components/table/package.json +++ b/packages/paste-core/components/table/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.1.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/tabs/package.json b/packages/paste-core/components/tabs/package.json index 14ceb3921e..d5f1a4c3c1 100644 --- a/packages/paste-core/components/tabs/package.json +++ b/packages/paste-core/components/tabs/package.json @@ -39,10 +39,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -59,10 +59,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/textarea/package.json b/packages/paste-core/components/textarea/package.json index 27fcecb38e..a8269ca8a6 100644 --- a/packages/paste-core/components/textarea/package.json +++ b/packages/paste-core/components/textarea/package.json @@ -37,10 +37,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -55,10 +55,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/time-picker/package.json b/packages/paste-core/components/time-picker/package.json index 6cc14d6f0a..f2ea4fc3a1 100644 --- a/packages/paste-core/components/time-picker/package.json +++ b/packages/paste-core/components/time-picker/package.json @@ -46,10 +46,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -70,10 +70,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/timeline/package.json b/packages/paste-core/components/timeline/package.json index 78b23862e9..c18c9ca6dc 100644 --- a/packages/paste-core/components/timeline/package.json +++ b/packages/paste-core/components/timeline/package.json @@ -46,10 +46,10 @@ "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.0.0", @@ -73,10 +73,10 @@ "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/toast/package.json b/packages/paste-core/components/toast/package.json index a97392ef14..462f95b8f9 100644 --- a/packages/paste-core/components/toast/package.json +++ b/packages/paste-core/components/toast/package.json @@ -43,10 +43,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -67,10 +67,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/tooltip/package.json b/packages/paste-core/components/tooltip/package.json index 61c4c3b7b0..1dbabbaf83 100644 --- a/packages/paste-core/components/tooltip/package.json +++ b/packages/paste-core/components/tooltip/package.json @@ -42,10 +42,10 @@ "@twilio-paste/tooltip-primitive": "^2.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -65,10 +65,10 @@ "@twilio-paste/tooltip-primitive": "^2.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/topbar/package.json b/packages/paste-core/components/topbar/package.json index 83b2aa2572..67f80db784 100644 --- a/packages/paste-core/components/topbar/package.json +++ b/packages/paste-core/components/topbar/package.json @@ -47,10 +47,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -75,10 +75,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/truncate/package.json b/packages/paste-core/components/truncate/package.json index 5940e4c47e..21e0620572 100644 --- a/packages/paste-core/components/truncate/package.json +++ b/packages/paste-core/components/truncate/package.json @@ -36,10 +36,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -53,10 +53,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/user-dialog/package.json b/packages/paste-core/components/user-dialog/package.json index 9b95dc9a94..44561b970e 100644 --- a/packages/paste-core/components/user-dialog/package.json +++ b/packages/paste-core/components/user-dialog/package.json @@ -47,10 +47,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/anchor": "^12.1.0", @@ -75,10 +75,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/components/visual-picker/package.json b/packages/paste-core/components/visual-picker/package.json index 13d3ebbce1..7bffc55d09 100644 --- a/packages/paste-core/components/visual-picker/package.json +++ b/packages/paste-core/components/visual-picker/package.json @@ -48,10 +48,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -77,10 +77,10 @@ "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", "@twilio-paste/utils": "^5.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/core-bundle/package.json b/packages/paste-core/core-bundle/package.json index 5d56d3c18c..5717a7f573 100644 --- a/packages/paste-core/core-bundle/package.json +++ b/packages/paste-core/core-bundle/package.json @@ -189,17 +189,17 @@ }, "peerDependencies": { "@twilio-paste/icons": "^12.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/icons": "^12.9.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/layout/aspect-ratio/package.json b/packages/paste-core/layout/aspect-ratio/package.json index 6acfa63ea2..5b38d0f4e0 100644 --- a/packages/paste-core/layout/aspect-ratio/package.json +++ b/packages/paste-core/layout/aspect-ratio/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/layout/flex/package.json b/packages/paste-core/layout/flex/package.json index dcefdad93a..45ffb33616 100644 --- a/packages/paste-core/layout/flex/package.json +++ b/packages/paste-core/layout/flex/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/layout/grid/package.json b/packages/paste-core/layout/grid/package.json index 41fa70fa0f..9732341739 100644 --- a/packages/paste-core/layout/grid/package.json +++ b/packages/paste-core/layout/grid/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/layout/media-object/package.json b/packages/paste-core/layout/media-object/package.json index 626c75036e..a254d7936a 100644 --- a/packages/paste-core/layout/media-object/package.json +++ b/packages/paste-core/layout/media-object/package.json @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/layout/stack/package.json b/packages/paste-core/layout/stack/package.json index 348d389f3f..d2b6ac2633 100644 --- a/packages/paste-core/layout/stack/package.json +++ b/packages/paste-core/layout/stack/package.json @@ -35,10 +35,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -51,10 +51,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/primitives/box/package.json b/packages/paste-core/primitives/box/package.json index e45c042e42..339df9c956 100644 --- a/packages/paste-core/primitives/box/package.json +++ b/packages/paste-core/primitives/box/package.json @@ -36,10 +36,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -50,10 +50,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.1.1", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/primitives/combobox/package.json b/packages/paste-core/primitives/combobox/package.json index 860c8af832..10be72a634 100644 --- a/packages/paste-core/primitives/combobox/package.json +++ b/packages/paste-core/primitives/combobox/package.json @@ -26,13 +26,13 @@ }, "peerDependencies": { "@twilio-paste/dropdown-library": "^3.0.0", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/dropdown-library": "^3.0.0", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/primitives/disclosure/package.json b/packages/paste-core/primitives/disclosure/package.json index 0a8bbc2854..dd26df20ba 100644 --- a/packages/paste-core/primitives/disclosure/package.json +++ b/packages/paste-core/primitives/disclosure/package.json @@ -26,13 +26,13 @@ }, "peerDependencies": { "@twilio-paste/reakit-library": "^2.0.0", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/reakit-library": "^2.1.0", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/primitives/listbox/package.json b/packages/paste-core/primitives/listbox/package.json index 138c5c6f52..94a513a39e 100644 --- a/packages/paste-core/primitives/listbox/package.json +++ b/packages/paste-core/primitives/listbox/package.json @@ -26,13 +26,13 @@ }, "peerDependencies": { "@twilio-paste/reakit-library": "^2.0.0", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/reakit-library": "^2.0.0", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/primitives/menu/package.json b/packages/paste-core/primitives/menu/package.json index 12f2eb10c0..8144047cbc 100644 --- a/packages/paste-core/primitives/menu/package.json +++ b/packages/paste-core/primitives/menu/package.json @@ -26,13 +26,13 @@ }, "peerDependencies": { "@twilio-paste/reakit-library": "^2.0.0", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/reakit-library": "^2.1.0", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/primitives/modal-dialog/package.json b/packages/paste-core/primitives/modal-dialog/package.json index 876351603a..616677d3b2 100644 --- a/packages/paste-core/primitives/modal-dialog/package.json +++ b/packages/paste-core/primitives/modal-dialog/package.json @@ -28,12 +28,12 @@ "@reach/dialog": "0.16.2" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/primitives/non-modal-dialog/package.json b/packages/paste-core/primitives/non-modal-dialog/package.json index 5fb22a19cd..2d811fb591 100644 --- a/packages/paste-core/primitives/non-modal-dialog/package.json +++ b/packages/paste-core/primitives/non-modal-dialog/package.json @@ -26,13 +26,13 @@ }, "peerDependencies": { "@twilio-paste/reakit-library": "^2.0.0", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/reakit-library": "^2.1.0", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/primitives/sibling-box/package.json b/packages/paste-core/primitives/sibling-box/package.json index 57c5e1f93e..41a28f9ff2 100644 --- a/packages/paste-core/primitives/sibling-box/package.json +++ b/packages/paste-core/primitives/sibling-box/package.json @@ -35,10 +35,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -51,10 +51,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/primitives/tabs/package.json b/packages/paste-core/primitives/tabs/package.json index 816d24355f..f85ecac5b3 100644 --- a/packages/paste-core/primitives/tabs/package.json +++ b/packages/paste-core/primitives/tabs/package.json @@ -26,13 +26,13 @@ }, "peerDependencies": { "@twilio-paste/reakit-library": "^2.0.0", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/reakit-library": "^2.0.0", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/primitives/text/package.json b/packages/paste-core/primitives/text/package.json index 14fa11769a..05050f913a 100644 --- a/packages/paste-core/primitives/text/package.json +++ b/packages/paste-core/primitives/text/package.json @@ -36,10 +36,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -50,10 +50,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-core/primitives/tooltip/package.json b/packages/paste-core/primitives/tooltip/package.json index 59bad910de..5f507cdcf3 100644 --- a/packages/paste-core/primitives/tooltip/package.json +++ b/packages/paste-core/primitives/tooltip/package.json @@ -26,13 +26,13 @@ }, "peerDependencies": { "@twilio-paste/reakit-library": "^2.0.0", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/reakit-library": "^2.0.0", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/packages/paste-customization/package.json b/packages/paste-customization/package.json index 816f367456..ffe9bcd1bf 100644 --- a/packages/paste-customization/package.json +++ b/packages/paste-customization/package.json @@ -32,10 +32,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -45,10 +45,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.1.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "typescript": "^4.9.4" } } diff --git a/packages/paste-icons/package.json b/packages/paste-icons/package.json index 3800b210f5..b97fce5b41 100644 --- a/packages/paste-icons/package.json +++ b/packages/paste-icons/package.json @@ -34,10 +34,10 @@ "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -50,11 +50,11 @@ "@twilio-paste/theme": "^11.1.1", "@twilio-paste/types": "^6.0.0", "@twilio-paste/uid-library": "^2.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", "lodash": "4.17.21", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0" } } diff --git a/packages/paste-libraries/animation/package.json b/packages/paste-libraries/animation/package.json index 40b6c46548..1e9e738b1b 100644 --- a/packages/paste-libraries/animation/package.json +++ b/packages/paste-libraries/animation/package.json @@ -28,11 +28,11 @@ "@react-spring/web": "9.4.5" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "react": "^18.0.0", - "react-dom": "^18.0.0" + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-libraries/clipboard-copy/package.json b/packages/paste-libraries/clipboard-copy/package.json index b948f1a0b7..901d9e2129 100644 --- a/packages/paste-libraries/clipboard-copy/package.json +++ b/packages/paste-libraries/clipboard-copy/package.json @@ -27,11 +27,11 @@ "use-clipboard-copy": "0.2.0" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "react": "^18.0.0", - "react-dom": "^18.0.0" + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-libraries/code-editor/package.json b/packages/paste-libraries/code-editor/package.json index fff3db7d53..29d16a578a 100644 --- a/packages/paste-libraries/code-editor/package.json +++ b/packages/paste-libraries/code-editor/package.json @@ -28,11 +28,11 @@ "monaco-editor": "0.39.0" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "react": "^18.0.0", - "react-dom": "^18.0.0" + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-libraries/data-visualization/package.json b/packages/paste-libraries/data-visualization/package.json index bb8f557be6..14206cc851 100644 --- a/packages/paste-libraries/data-visualization/package.json +++ b/packages/paste-libraries/data-visualization/package.json @@ -33,11 +33,11 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", "highcharts": "^9.3.3", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -46,11 +46,11 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", "highcharts": "^9.3.3", "highcharts-react-official": "^3.1.0", - "react": "^18.0.0", - "react-dom": "^18.0.0" + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-libraries/dropdown/package.json b/packages/paste-libraries/dropdown/package.json index d7e19657b7..f700a42a3c 100644 --- a/packages/paste-libraries/dropdown/package.json +++ b/packages/paste-libraries/dropdown/package.json @@ -27,11 +27,11 @@ "downshift": "6.1.7" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "react": "^18.0.0", - "react-dom": "^18.0.0" + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-libraries/lexical/package.json b/packages/paste-libraries/lexical/package.json index d900a0bd9b..e5b4ffe24c 100644 --- a/packages/paste-libraries/lexical/package.json +++ b/packages/paste-libraries/lexical/package.json @@ -29,11 +29,11 @@ "lexical": "0.12.0" }, "peerDependencies": { - "react": "^17.0.2 || ^18.0.0", - "react-dom": "^17.0.2 || ^18.0.0" + "react": "^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "react": "^18.0.0", - "react-dom": "^18.0.0" + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-libraries/react-spectrum/package.json b/packages/paste-libraries/react-spectrum/package.json index 811f0a2e15..914cad56cc 100644 --- a/packages/paste-libraries/react-spectrum/package.json +++ b/packages/paste-libraries/react-spectrum/package.json @@ -28,15 +28,15 @@ "react-stately": "3.24.0" }, "peerDependencies": { - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0" + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-libraries/react-textarea-autosize/package.json b/packages/paste-libraries/react-textarea-autosize/package.json index 37a4ab6924..8fd64862b4 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 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "react": "^18.0.0", - "react-dom": "^18.0.0" + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-libraries/reakit/package.json b/packages/paste-libraries/reakit/package.json index f3c7a15a02..2d0ff698b2 100644 --- a/packages/paste-libraries/reakit/package.json +++ b/packages/paste-libraries/reakit/package.json @@ -29,11 +29,11 @@ "reakit-utils": "0.15.2" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "react": "^18.0.0", - "react-dom": "^18.0.0" + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-libraries/styling/package.json b/packages/paste-libraries/styling/package.json index bdd4ee455c..7830355971 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 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "react": "^18.0.0", - "react-dom": "^18.0.0" + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-libraries/syntax-highlighter/package.json b/packages/paste-libraries/syntax-highlighter/package.json index ff697126c3..68627bb033 100644 --- a/packages/paste-libraries/syntax-highlighter/package.json +++ b/packages/paste-libraries/syntax-highlighter/package.json @@ -28,11 +28,11 @@ "react-syntax-highlighter": "15.5.0" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "react": "^18.0.0", - "react-dom": "^18.0.0" + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-libraries/uid/package.json b/packages/paste-libraries/uid/package.json index 655210d255..fd5b2de039 100644 --- a/packages/paste-libraries/uid/package.json +++ b/packages/paste-libraries/uid/package.json @@ -27,11 +27,11 @@ "react-uid": "2.3.3" }, "peerDependencies": { - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "react": "^18.0.0", - "react-dom": "^18.0.0" + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-style-props/package.json b/packages/paste-style-props/package.json index b08ae79229..9689a30093 100644 --- a/packages/paste-style-props/package.json +++ b/packages/paste-style-props/package.json @@ -32,10 +32,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -44,9 +44,9 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0" + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-theme-designer/package.json b/packages/paste-theme-designer/package.json index 2b2fb8f8ec..e8b4e4859e 100644 --- a/packages/paste-theme-designer/package.json +++ b/packages/paste-theme-designer/package.json @@ -17,7 +17,7 @@ "@twilio-paste/core": "^20.0.0", "@twilio-paste/icons": "^12.0.0", "next": "^14.0.0", - "react": "^18.0.0", + "react": "^19.0.0", "react-color": "^2.19.3" } } diff --git a/packages/paste-theme/package.json b/packages/paste-theme/package.json index 58408a144b..e15b6142d6 100644 --- a/packages/paste-theme/package.json +++ b/packages/paste-theme/package.json @@ -27,10 +27,10 @@ "@twilio-paste/design-tokens": "^10.0.0", "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -38,10 +38,10 @@ "@twilio-paste/design-tokens": "^10.11.1", "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "react-helmet": "^6.1.0", "react-shadow": "^20.0.0", "typescript": "^4.9.4" diff --git a/packages/paste-token-contrast-checker/package.json b/packages/paste-token-contrast-checker/package.json index b8aa601cb0..c3ac37cdcf 100644 --- a/packages/paste-token-contrast-checker/package.json +++ b/packages/paste-token-contrast-checker/package.json @@ -6,8 +6,8 @@ "@twilio-paste/core": "^20.4.0", "@twilio-paste/icons": "^12.2.0", "lodash": "4.17.21", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "react": "^19.0.0", + "react-dom": "^19.0.0", "react-scripts": "5.0.0", "web-vitals": "^1.0.1" }, diff --git a/packages/paste-types/package.json b/packages/paste-types/package.json index 299fca95fa..c4107040d0 100644 --- a/packages/paste-types/package.json +++ b/packages/paste-types/package.json @@ -22,13 +22,13 @@ "tsc": "tsc" }, "peerDependencies": { - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0" + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0" } } diff --git a/packages/paste-utils/package.json b/packages/paste-utils/package.json index 09cc7f6cf6..6d2d0f0335 100644 --- a/packages/paste-utils/package.json +++ b/packages/paste-utils/package.json @@ -31,10 +31,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -43,9 +43,9 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.0", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0" + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0" } } diff --git a/packages/paste-website/package.json b/packages/paste-website/package.json index 8647bcfb57..7a53a79522 100644 --- a/packages/paste-website/package.json +++ b/packages/paste-website/package.json @@ -178,9 +178,9 @@ "openai": "^4.79.1", "pretty-format": "^28.1.0", "prism-react-renderer": "^1.3.5", - "react": "^18.0.0", + "react": "^19.0.0", "react-color": "^2.19.3", - "react-dom": "^18.0.0", + "react-dom": "^19.0.0", "react-github-button": "^0.1.11", "react-hook-form": "^7.30.0", "react-hotkeys-hook": "^4.4.1", diff --git a/templates/paste-nextjs-template/package.json b/templates/paste-nextjs-template/package.json index 73bb22994b..0fddcc9fa2 100644 --- a/templates/paste-nextjs-template/package.json +++ b/templates/paste-nextjs-template/package.json @@ -13,8 +13,8 @@ "@twilio-paste/core": "^20.4.0", "@twilio-paste/icons": "^12.2.0", "next": "^14.0.0", - "react": "^18.0.0", - "react-dom": "^18.0.0" + "react": "^19.0.0", + "react-dom": "^19.0.0" }, "devDependencies": { "@types/node": "^20.0.0", diff --git a/tools/build/__tests__/compiledImports.test.ts b/tools/build/__tests__/compiledImports.test.ts index c93208b9fd..cec8ceac15 100644 --- a/tools/build/__tests__/compiledImports.test.ts +++ b/tools/build/__tests__/compiledImports.test.ts @@ -27,14 +27,14 @@ describe("esbuild config", () => { "@twilio-paste/styling-library": "^0.3.1", "@twilio-paste/theme": "^6.0.0", react: "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", }, devDependencies: { "@twilio-paste/design-tokens": "^7.1.0", "@twilio-paste/styling-library": "^0.3.6", "@twilio-paste/theme": "^6.0.1", react: "^18.0.0", - "react-dom": "^18.0.0", + "react-dom": "^19.0.0", }, }); }); diff --git a/tools/plop-templates/package.hbs b/tools/plop-templates/package.hbs index 551b42a378..097b6bd81f 100644 --- a/tools/plop-templates/package.hbs +++ b/tools/plop-templates/package.hbs @@ -34,10 +34,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27", - "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", - "react": "^16.8.6 || ^17.0.2 || ^18.0.0", - "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" + "@types/react": "^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0", + "@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0", + "react": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0" }, "devDependencies": { "@twilio-paste/animation-library": "^2.0.0", @@ -49,10 +49,10 @@ "@twilio-paste/styling-library": "^3.0.0", "@twilio-paste/theme": "^11.0.1", "@twilio-paste/types": "^6.0.0", - "@types/react": "^18.0.27", - "@types/react-dom": "^18.0.10", - "react": "^18.0.0", - "react-dom": "^18.0.0", + "@types/react": "^19.0.8", + "@types/react-dom": "^19.0.3", + "react": "^19.0.0", + "react-dom": "^19.0.0", "tsx": "^4.0.0", "typescript": "^4.9.4" } diff --git a/yarn.lock b/yarn.lock index cfdb00f204..e17c10b048 100644 --- a/yarn.lock +++ b/yarn.lock @@ -11188,10 +11188,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11218,10 +11218,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11248,10 +11248,10 @@ __metadata: "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11274,10 +11274,10 @@ __metadata: "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11306,10 +11306,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11334,10 +11334,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11362,10 +11362,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11386,10 +11386,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11408,10 +11408,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11426,10 +11426,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11439,11 +11439,11 @@ __metadata: dependencies: "@react-spring/shared": 9.4.5 "@react-spring/web": 9.4.5 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 peerDependencies: - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11460,10 +11460,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11476,10 +11476,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11500,11 +11500,11 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 "@types/react-is": 17.0.3 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 react-is: 18.0.0 tsx: ^4.0.0 typescript: ^4.9.4 @@ -11522,10 +11522,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11555,10 +11555,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11576,10 +11576,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11605,10 +11605,10 @@ __metadata: "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 @@ -11629,10 +11629,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11657,10 +11657,10 @@ __metadata: "@twilio-paste/theme": ^11.1.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11681,10 +11681,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11700,11 +11700,11 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.1.1 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 deepmerge: 4.2.2 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11716,10 +11716,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11740,10 +11740,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11760,10 +11760,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11781,10 +11781,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11797,10 +11797,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11822,11 +11822,11 @@ __metadata: "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 deepmerge: 4.2.2 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11844,10 +11844,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11872,10 +11872,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11896,10 +11896,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11916,10 +11916,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11932,10 +11932,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11952,11 +11952,11 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 highcharts: ^9.3.3 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -11969,11 +11969,11 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 highcharts: ^9.3.3 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -11999,11 +11999,11 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/truncate": ^14.1.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 deepmerge: 4.2.2 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -12017,10 +12017,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^17.0.2 || ^18.0.0 - react-dom: ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12047,10 +12047,10 @@ __metadata: "@twilio-paste/truncate": ^14.1.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -12073,10 +12073,10 @@ __metadata: "@twilio-paste/truncate": ^14.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12104,10 +12104,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -12131,10 +12131,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12142,12 +12142,12 @@ __metadata: version: 0.0.0-use.local resolution: "@twilio-paste/clipboard-copy-library@workspace:packages/paste-libraries/clipboard-copy" dependencies: - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 use-clipboard-copy: 0.2.0 peerDependencies: - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12182,10 +12182,10 @@ __metadata: "@twilio-paste/tooltip-primitive": ^2.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -12216,10 +12216,10 @@ __metadata: "@twilio-paste/tooltip-primitive": ^2.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12229,11 +12229,11 @@ __metadata: dependencies: "@monaco-editor/react": 4.5.1 monaco-editor: 0.39.0 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 peerDependencies: - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12275,14 +12275,14 @@ __metadata: resolution: "@twilio-paste/combobox-primitive@workspace:packages/paste-core/primitives/combobox" dependencies: "@twilio-paste/dropdown-library": ^3.0.0 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/dropdown-library": ^3.0.0 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12320,11 +12320,11 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 lodash: 4.17.21 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 react-virtual: 2.10.4 tsx: ^4.0.0 typescript: ^4.9.4 @@ -12358,10 +12358,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12485,18 +12485,18 @@ __metadata: "@twilio-paste/user-dialog": ^2.1.2 "@twilio-paste/utils": ^5.0.0 "@twilio-paste/visual-picker": ^2.0.4 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/icons": ^12.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12514,10 +12514,10 @@ __metadata: "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -12531,10 +12531,10 @@ __metadata: "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12549,11 +12549,11 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.1.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 deepmerge: 4.2.2 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 @@ -12563,10 +12563,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12593,11 +12593,11 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 lodash: 4.17.21 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -12620,10 +12620,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12637,13 +12637,13 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 deepmerge: 4.2.2 highcharts: ^9.3.3 highcharts-react-official: ^3.1.0 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 "@twilio-paste/color-contrast-utils": ^5.0.0 @@ -12651,11 +12651,11 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 highcharts: ^9.3.3 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12681,11 +12681,11 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 date-fns: 2.21.3 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -12707,10 +12707,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12727,10 +12727,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -12743,10 +12743,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12779,10 +12779,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -12795,10 +12795,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12807,14 +12807,14 @@ __metadata: resolution: "@twilio-paste/disclosure-primitive@workspace:packages/paste-core/primitives/disclosure" dependencies: "@twilio-paste/reakit-library": ^2.1.0 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/reakit-library": ^2.0.0 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12838,10 +12838,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -12861,10 +12861,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12882,10 +12882,10 @@ __metadata: "@twilio-paste/text": ^10.1.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -12899,10 +12899,10 @@ __metadata: "@twilio-paste/text": ^10.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12922,10 +12922,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -12941,10 +12941,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12953,11 +12953,11 @@ __metadata: resolution: "@twilio-paste/dropdown-library@workspace:packages/paste-libraries/dropdown" dependencies: downshift: 6.1.7 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 peerDependencies: - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -12989,10 +12989,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13020,10 +13020,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13040,10 +13040,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13056,10 +13056,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13084,10 +13084,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13108,10 +13108,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13139,11 +13139,11 @@ __metadata: "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": 2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 lodash: 4.17.21 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13167,10 +13167,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": 2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13187,10 +13187,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13203,10 +13203,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13228,11 +13228,11 @@ __metadata: "@twilio-paste/truncate": ^14.1.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 deepmerge: 4.2.2 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13250,10 +13250,10 @@ __metadata: "@twilio-paste/truncate": ^14.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13273,10 +13273,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13292,10 +13292,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13312,10 +13312,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13328,10 +13328,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13348,10 +13348,10 @@ __metadata: "@twilio-paste/text": ^10.1.1 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13364,10 +13364,10 @@ __metadata: "@twilio-paste/text": ^10.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13386,10 +13386,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13404,10 +13404,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13425,11 +13425,11 @@ __metadata: "@twilio-paste/theme": ^11.1.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 lodash: 4.17.21 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 @@ -13442,10 +13442,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13465,10 +13465,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13484,10 +13484,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13504,10 +13504,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13520,10 +13520,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13548,10 +13548,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 @@ -13571,10 +13571,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13592,10 +13592,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 @@ -13608,10 +13608,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13636,10 +13636,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13660,10 +13660,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13680,10 +13680,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13696,10 +13696,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13720,10 +13720,10 @@ __metadata: "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13740,10 +13740,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13754,11 +13754,11 @@ __metadata: "@lexical/link": 0.12.0 "@lexical/react": 0.12.0 lexical: 0.12.0 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 peerDependencies: - react: ^17.0.2 || ^18.0.0 - react-dom: ^17.0.2 || ^18.0.0 + react: ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13777,10 +13777,10 @@ __metadata: "@twilio-paste/text": ^10.1.1 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13795,10 +13795,10 @@ __metadata: "@twilio-paste/text": ^10.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13807,14 +13807,14 @@ __metadata: resolution: "@twilio-paste/listbox-primitive@workspace:packages/paste-core/primitives/listbox" dependencies: "@twilio-paste/reakit-library": ^2.0.0 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/reakit-library": ^2.0.0 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13831,10 +13831,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13847,10 +13847,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13859,14 +13859,14 @@ __metadata: resolution: "@twilio-paste/menu-primitive@workspace:packages/paste-core/primitives/menu" dependencies: "@twilio-paste/reakit-library": ^2.1.0 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/reakit-library": ^2.0.0 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13896,10 +13896,10 @@ __metadata: "@twilio-paste/theme": ^11.1.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13925,10 +13925,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -13952,10 +13952,10 @@ __metadata: "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -13975,10 +13975,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14004,10 +14004,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14029,10 +14029,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14041,13 +14041,13 @@ __metadata: resolution: "@twilio-paste/modal-dialog-primitive@workspace:packages/paste-core/primitives/modal-dialog" dependencies: "@reach/dialog": 0.16.2 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14075,10 +14075,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14102,10 +14102,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14118,8 +14118,8 @@ __metadata: "@types/node": ^20.0.0 eslint: ^8.29.0 next: ^14.0.0 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 typescript: ^4.9.4 languageName: unknown linkType: soft @@ -14129,14 +14129,14 @@ __metadata: resolution: "@twilio-paste/non-modal-dialog-primitive@workspace:packages/paste-core/primitives/non-modal-dialog" dependencies: "@twilio-paste/reakit-library": ^2.1.0 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/reakit-library": ^2.0.0 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14156,10 +14156,10 @@ __metadata: "@twilio-paste/text": ^10.1.1 "@twilio-paste/theme": ^11.1.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14175,10 +14175,10 @@ __metadata: "@twilio-paste/text": ^10.1.1 "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14198,10 +14198,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14217,10 +14217,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14237,10 +14237,10 @@ __metadata: "@twilio-paste/text": ^10.1.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14253,10 +14253,10 @@ __metadata: "@twilio-paste/text": ^10.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14302,10 +14302,10 @@ __metadata: "@twilio-paste/truncate": ^14.1.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14331,10 +14331,10 @@ __metadata: "@twilio-paste/truncate": ^14.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14365,10 +14365,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14395,10 +14395,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14423,10 +14423,10 @@ __metadata: "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14447,10 +14447,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14469,10 +14469,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14487,10 +14487,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14521,10 +14521,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14551,10 +14551,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14582,10 +14582,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14609,10 +14609,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14620,17 +14620,17 @@ __metadata: version: 0.0.0-use.local resolution: "@twilio-paste/react-spectrum-library@workspace:packages/paste-libraries/react-spectrum" dependencies: - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 react-aria: 3.26.0 - react-dom: ^18.0.0 + react-dom: ^19.0.0 react-stately: 3.24.0 peerDependencies: - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14639,13 +14639,13 @@ __metadata: resolution: "@twilio-paste/react-textarea-autosize-library@workspace:packages/paste-libraries/react-textarea-autosize" dependencies: lodash: 4.17.21 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 use-composed-ref: 1.3.0 use-latest: 1.2.1 peerDependencies: - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14654,13 +14654,13 @@ __metadata: resolution: "@twilio-paste/reakit-library@workspace:packages/paste-libraries/reakit" dependencies: "@twilio-paste/paste-reakit-fork": 1.4.1 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 reakit-system: 0.15.2 reakit-utils: 0.15.2 peerDependencies: - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14679,10 +14679,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14697,10 +14697,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14720,10 +14720,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14739,10 +14739,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14759,10 +14759,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14775,10 +14775,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14796,10 +14796,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14813,10 +14813,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14844,10 +14844,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14871,10 +14871,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14900,10 +14900,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14925,10 +14925,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -14958,10 +14958,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -14987,10 +14987,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15007,10 +15007,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15023,10 +15023,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15048,10 +15048,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": 5.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15069,10 +15069,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": 5.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15091,10 +15091,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15109,10 +15109,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15130,10 +15130,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15147,10 +15147,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15181,10 +15181,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15211,10 +15211,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15228,12 +15228,12 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 csstype: 3.0.11 lodash: 4.17.21 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 "@twilio-paste/color-contrast-utils": ^5.0.0 @@ -15241,10 +15241,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15262,12 +15262,12 @@ __metadata: "@types/styled-system__css": 5.0.17 "@types/styled-system__should-forward-prop": 5.1.2 "@types/styled-system__theme-get": 5.0.2 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 styled-system: 5.1.5 peerDependencies: - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15293,10 +15293,10 @@ __metadata: "@twilio-paste/theme": ^11.1.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15318,10 +15318,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15348,10 +15348,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15374,10 +15374,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15386,12 +15386,12 @@ __metadata: resolution: "@twilio-paste/syntax-highlighter-library@workspace:packages/paste-libraries/syntax-highlighter" dependencies: "@types/react-syntax-highlighter": 15.5.5 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 react-syntax-highlighter: 15.5.0 peerDependencies: - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15408,10 +15408,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.1.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15424,10 +15424,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15436,14 +15436,14 @@ __metadata: resolution: "@twilio-paste/tabs-primitive@workspace:packages/paste-core/primitives/tabs" dependencies: "@twilio-paste/reakit-library": ^2.0.0 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/reakit-library": ^2.0.0 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15465,10 +15465,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15486,10 +15486,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15505,11 +15505,11 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 deepmerge: 4.2.2 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15521,10 +15521,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15544,10 +15544,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15563,10 +15563,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15578,7 +15578,7 @@ __metadata: "@twilio-paste/core": ^20.0.0 "@twilio-paste/icons": ^12.0.0 next: ^14.0.0 - react: ^18.0.0 + react: ^19.0.0 react-color: ^2.19.3 languageName: unknown linkType: soft @@ -15592,10 +15592,10 @@ __metadata: "@twilio-paste/design-tokens": ^10.11.1 "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 react-helmet: ^6.1.0 react-shadow: ^20.0.0 typescript: ^4.9.4 @@ -15605,10 +15605,10 @@ __metadata: "@twilio-paste/design-tokens": ^10.0.0 "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15634,11 +15634,11 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 date-fns: 2.21.3 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15660,10 +15660,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15692,10 +15692,10 @@ __metadata: "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15720,10 +15720,10 @@ __metadata: "@twilio-paste/theme": ^11.0.1 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15749,10 +15749,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15774,10 +15774,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15788,8 +15788,8 @@ __metadata: "@twilio-paste/core": ^20.4.0 "@twilio-paste/icons": ^12.2.0 lodash: 4.17.21 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 react-scripts: 5.0.0 web-vitals: ^1.0.1 languageName: unknown @@ -15800,14 +15800,14 @@ __metadata: resolution: "@twilio-paste/tooltip-primitive@workspace:packages/paste-core/primitives/tooltip" dependencies: "@twilio-paste/reakit-library": ^2.0.0 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: "@twilio-paste/reakit-library": ^2.0.0 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15832,10 +15832,10 @@ __metadata: "@twilio-paste/tooltip-primitive": ^2.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15856,10 +15856,10 @@ __metadata: "@twilio-paste/tooltip-primitive": ^2.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15889,10 +15889,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15918,10 +15918,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15940,10 +15940,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -15958,10 +15958,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15969,13 +15969,13 @@ __metadata: version: 0.0.0-use.local resolution: "@twilio-paste/types@workspace:packages/paste-types" dependencies: - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 peerDependencies: - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -15983,12 +15983,12 @@ __metadata: version: 0.0.0-use.local resolution: "@twilio-paste/uid-library@workspace:packages/paste-libraries/uid" dependencies: - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 react-uid: 2.3.3 peerDependencies: - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -16018,10 +16018,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -16047,10 +16047,10 @@ __metadata: "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -16064,11 +16064,11 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 lodash: 4.17.21 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 peerDependencies: "@twilio-paste/animation-library": ^2.0.0 "@twilio-paste/color-contrast-utils": ^5.0.0 @@ -16076,10 +16076,10 @@ __metadata: "@twilio-paste/styling-library": ^3.0.0 "@twilio-paste/theme": ^11.0.0 "@twilio-paste/types": ^6.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -16110,10 +16110,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^18.0.27 - "@types/react-dom": ^18.0.10 - react: ^18.0.0 - react-dom: ^18.0.0 + "@types/react": ^19.0.8 + "@types/react-dom": ^19.0.3 + react: ^19.0.0 + react-dom: ^19.0.0 tsx: ^4.0.0 typescript: ^4.9.4 peerDependencies: @@ -16140,10 +16140,10 @@ __metadata: "@twilio-paste/types": ^6.0.0 "@twilio-paste/uid-library": ^2.0.0 "@twilio-paste/utils": ^5.0.0 - "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 - "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 - react: ^16.8.6 || ^17.0.2 || ^18.0.0 - react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 + "@types/react": ^16.8.6 || ^17.0.2 || ^18.0.27 || ^19.0.0 + "@types/react-dom": ^16.8.6 || ^17.0.2 || ^18.0.10 || ^19.0.0 + react: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 + react-dom: ^16.8.6 || ^17.0.2 || ^18.0.0 || ^19.0.0 languageName: unknown linkType: soft @@ -16313,9 +16313,9 @@ __metadata: openai: ^4.79.1 pretty-format: ^28.1.0 prism-react-renderer: ^1.3.5 - react: ^18.0.0 + react: ^19.0.0 react-color: ^2.19.3 - react-dom: ^18.0.0 + react-dom: ^19.0.0 react-github-button: ^0.1.11 react-hook-form: ^7.30.0 react-hotkeys-hook: ^4.4.1 @@ -17244,7 +17244,7 @@ __metadata: languageName: node linkType: hard -"@types/react-dom@npm:^18.0.0, @types/react-dom@npm:^18.0.10": +"@types/react-dom@npm:^18.0.0": version: 18.0.11 resolution: "@types/react-dom@npm:18.0.11" dependencies: @@ -17253,6 +17253,15 @@ __metadata: languageName: node linkType: hard +"@types/react-dom@npm:^19.0.3": + version: 19.0.4 + resolution: "@types/react-dom@npm:19.0.4" + peerDependencies: + "@types/react": ^19.0.0 + checksum: 2d0c74769ddcb4a9f404a62b3241d3e550ca962ff80c8c5b624f6626cd39f8b18aadee8e447424b52cffdd9165b1f02eb51020fc486584c8395236d97d4abedf + 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" @@ -17307,7 +17316,7 @@ __metadata: languageName: node linkType: hard -"@types/react@npm:*, @types/react@npm:>=16, @types/react@npm:^18.0.27": +"@types/react@npm:*, @types/react@npm:>=16": version: 18.0.28 resolution: "@types/react@npm:18.0.28" dependencies: @@ -17318,6 +17327,15 @@ __metadata: languageName: node linkType: hard +"@types/react@npm:^19.0.8": + version: 19.0.10 + resolution: "@types/react@npm:19.0.10" + dependencies: + csstype: ^3.0.2 + checksum: e257e87bc3464825014523aecc700540a9da41c3c23136c03da9b2b7999251ac70ef9e594febdefeea6abe51da2475b42e5d96af6559d76f8d54bffc0b0ddacd + languageName: node + linkType: hard + "@types/reactcss@npm:*": version: 1.2.6 resolution: "@types/reactcss@npm:1.2.6" @@ -33234,7 +33252,7 @@ fsevents@^1.2.7: languageName: node linkType: hard -"loose-envify@npm:^1.0.0, loose-envify@npm:^1.1.0, loose-envify@npm:^1.4.0": +"loose-envify@npm:^1.0.0, loose-envify@npm:^1.4.0": version: 1.4.0 resolution: "loose-envify@npm:1.4.0" dependencies: @@ -37391,7 +37409,7 @@ fsevents@^1.2.7: "@types/color": ^3.0.0 "@types/jest": ^24.0.18 "@types/node": ^20.0.0 - "@types/react": ^18.0.27 + "@types/react": ^19.0.8 "@types/react-color": ^3.0.6 "@types/react-github-button": ^0.1.1 "@types/react-helmet": ^6.1.6 @@ -37453,8 +37471,8 @@ fsevents@^1.2.7: plop: ^3.0.0 precise-commits: ^1.0.2 prettier: ^2.8.1 - react: ^18.0.0 - react-dom: ^18.0.0 + react: ^19.0.0 + react-dom: ^19.0.0 react-ga: ^3.3.0 react-helmet: ^6.1.0 react-router-dom: 6.2.1 @@ -39526,15 +39544,14 @@ fsevents@^1.2.7: languageName: node linkType: hard -"react-dom@npm:^18.0.0": - version: 18.2.0 - resolution: "react-dom@npm:18.2.0" +"react-dom@npm:^19.0.0": + version: 19.0.0 + resolution: "react-dom@npm:19.0.0" dependencies: - loose-envify: ^1.1.0 - scheduler: ^0.23.0 + scheduler: ^0.25.0 peerDependencies: - react: ^18.2.0 - checksum: 7d323310bea3a91be2965f9468d552f201b1c27891e45ddc2d6b8f717680c95a75ae0bc1e3f5cf41472446a2589a75aed4483aee8169287909fcd59ad149e8cc + react: ^19.0.0 + checksum: 009cc6e575263a0d1906f9dd4aa6532d2d3d0d71e4c2b7777c8fe4de585fa06b5b77cdc2e0fbaa2f3a4a5e5d3305c189ba152153f358ee7da4d9d9ba5d3a8975 languageName: node linkType: hard @@ -40036,12 +40053,10 @@ 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 +"react@npm:^19.0.0": + version: 19.0.0 + resolution: "react@npm:19.0.0" + checksum: 86de15d85b2465feb40297a90319c325cb07cf27191a361d47bcfe8c6126c973d660125aa67b8f4cbbe39f15a2f32efd0c814e98196d8e5b68c567ba40a399c6 languageName: node linkType: hard @@ -41368,12 +41383,10 @@ resolve@^2.0.0-next.3: 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 +"scheduler@npm:^0.25.0": + version: 0.25.0 + resolution: "scheduler@npm:0.25.0" + checksum: b7bb9fddbf743e521e9aaa5198a03ae823f5e104ebee0cb9ec625392bb7da0baa1c28ab29cee4b1e407a94e76acc6eee91eeb749614f91f853efda2613531566 languageName: node linkType: hard From 1b1bacfde8f56ebcc7bdee0cc0c993ba421a9213 Mon Sep 17 00:00:00 2001 From: PixeledCode Date: Sat, 1 Mar 2025 01:51:39 +0530 Subject: [PATCH 02/31] feat(core): address TS errors --- .gitignore | 2 +- .../components/ai-chat-log/src/utils.tsx | 14 +- .../components/breadcrumb/src/Breadcrumb.tsx | 2 +- .../components/button/src/Button.tsx | 33 +- .../button/src/DestructiveButton.tsx | 8 +- .../button/src/DestructiveIconButton.tsx | 7 +- .../button/src/DestructiveLinkButton.tsx | 8 +- .../button/src/DestructiveSecondaryButton.tsx | 8 +- .../components/button/src/InverseButton.tsx | 7 +- .../button/src/InverseLinkButton.tsx | 7 +- .../components/button/src/LinkButton.tsx | 7 +- .../components/button/src/PrimaryButton.tsx | 7 +- .../button/src/PrimaryIconButton.tsx | 7 +- .../components/button/src/ResetButton.tsx | 9 +- .../components/button/src/SecondaryButton.tsx | 7 +- .../button/src/SecondaryIconButton.tsx | 7 +- .../paste-core/components/button/src/types.ts | 2 +- .../chat-composer/src/AutoLinkPlugin.tsx | 2 +- .../src/multiselect/MultiselectCombobox.tsx | 4 +- .../combobox/src/singleselect/Combobox.tsx | 2 +- .../components/data-grid/src/DataGridCell.tsx | 9 +- .../components/file-picker/src/FilePicker.tsx | 3 +- .../form-pill-group/src/FormPillButton.tsx | 7 +- .../components/help-text/src/HelpText.tsx | 2 +- .../paste-core/components/input/src/Input.tsx | 2 +- .../SidebarNavigationDisclosureHeading.tsx | 2 +- .../components/slider/src/Slider.tsx | 6 +- .../components/textarea/package.json | 2 + .../paste-core/components/toast/src/Toast.tsx | 2 +- .../components/tooltip/src/Tooltip.tsx | 3 +- .../src/VisualPickerCheckbox.tsx | 2 +- .../visual-picker/src/VisualPickerRadio.tsx | 2 +- .../core-bundle/blockquote/package.json | 8 - .../core-bundle/side-panel/package.json | 8 - packages/paste-core/layout/flex/src/Flex.tsx | 5 +- packages/paste-core/layout/flex/src/types.tsx | 2 +- packages/paste-core/layout/grid/src/types.ts | 4 +- .../layout/grid/stories/index.stories.tsx | 2 +- .../media-object/stories/index.stories.tsx | 4 +- .../paste-core/primitives/box/src/types.ts | 2 +- .../paste-core/primitives/text/src/types.ts | 2 +- .../primitives/text/stories/index.stories.tsx | 4 +- .../stories/useSlider.stories.tsx | 10 +- .../react-textarea-autosize/package.json | 19 +- .../react-textarea-autosize/src/index.tsx | 6 +- .../reakit/src/Popover/PopoverArrow.tsx | 5 +- .../paste-utils/src/hooks/useMergeRefs.ts | 5 +- packages/paste-website/package.json | 2 +- yarn.lock | 21489 +++++++--------- 49 files changed, 9994 insertions(+), 11775 deletions(-) delete mode 100644 packages/paste-core/core-bundle/blockquote/package.json delete mode 100644 packages/paste-core/core-bundle/side-panel/package.json diff --git a/.gitignore b/.gitignore index cd1a193f96..922c576877 100644 --- a/.gitignore +++ b/.gitignore @@ -99,4 +99,4 @@ cypress/downloads out .vscode-test -.nx/cache +.nx diff --git a/packages/paste-core/components/ai-chat-log/src/utils.tsx b/packages/paste-core/components/ai-chat-log/src/utils.tsx index 92adfe94b4..b75f5a3ebb 100644 --- a/packages/paste-core/components/ai-chat-log/src/utils.tsx +++ b/packages/paste-core/components/ai-chat-log/src/utils.tsx @@ -25,7 +25,8 @@ export const useAnimatedText = ( if (typeof child === "string") { length += child.length; } else if (React.isValidElement(child)) { - length += calculateTotalTextLength(child.props.children); + // eslint-disable-next-line @typescript-eslint/no-explicit-any + length += calculateTotalTextLength((child.props as { children: any }).children); } }); return length; @@ -44,10 +45,16 @@ export const useAnimatedText = ( } return null; } else if (React.isValidElement(child)) { - const totalChildTextLength = calculateTotalTextLength(child.props.children); + // eslint-disable-next-line @typescript-eslint/no-explicit-any + const totalChildTextLength = calculateTotalTextLength((child.props as { children: any }).children); // Only include elements if their text animation has started if (currentTextIndex > 0) { - const clonedChild = React.cloneElement(child, {}, cloneChildren(child.props.children, currentTextIndex)); + // eslint-disable-next-line @typescript-eslint/no-explicit-any + const clonedChild = React.cloneElement( + child, + {}, + cloneChildren((child.props as { children: any }).children, currentTextIndex), + ); currentTextIndex -= totalChildTextLength; return clonedChild; } else if (currentTextIndex === 0 && totalChildTextLength === 0) { @@ -68,6 +75,7 @@ export const useAnimatedText = ( setAnimatedChildren(cloneChildren(children, textIndex)); } } + // eslint-disable-next-line react-hooks/exhaustive-deps }, [children, textIndex, enabled]); return { diff --git a/packages/paste-core/components/breadcrumb/src/Breadcrumb.tsx b/packages/paste-core/components/breadcrumb/src/Breadcrumb.tsx index ee96876e1e..40952ea7fb 100644 --- a/packages/paste-core/components/breadcrumb/src/Breadcrumb.tsx +++ b/packages/paste-core/components/breadcrumb/src/Breadcrumb.tsx @@ -141,7 +141,7 @@ const Breadcrumb = React.forwardRef( last: childrenCount === index + 1, key: keySeed(`breadcrumb-${index}`), parentElement: element, - }); + } as unknown as React.ReactElement); })} diff --git a/packages/paste-core/components/button/src/Button.tsx b/packages/paste-core/components/button/src/Button.tsx index 9a6f6b7af6..e40754a59a 100644 --- a/packages/paste-core/components/button/src/Button.tsx +++ b/packages/paste-core/components/button/src/Button.tsx @@ -236,8 +236,21 @@ const getButtonComponent = ( * @see [Accessiblity](https://paste.twilio.design/components/button#button-vs-anchor-link) */ const Button = React.forwardRef( - ({ element = "BUTTON", i18nExternalLinkLabel = "(link takes you to an external page)", ...props }, ref) => { - const { size, variant, children, disabled, loading, ...rest } = props; + ( + { + element = "BUTTON", + i18nExternalLinkLabel = "(link takes you to an external page)", + as = "button", + fullWidth = false, + disabled = false, + loading = false, + variant = "primary", + type = "button", + ...props + }, + ref, + ) => { + const { size, children, ...rest } = props; const [hovered, setHovered] = React.useState(false); const arrowIconStyles = useSpring({ translateX: hovered ? "4px" : "0px", @@ -252,7 +265,7 @@ const Button = React.forwardRef( return getButtonSize(variant, children, size); }, [size, variant, children]); - handlePropValidation({ ...props, size: smartDefaultSize }); + handlePropValidation({ ...props, as, children, fullWidth, disabled, loading, type, variant, size: smartDefaultSize }); const buttonState = getButtonState(disabled, loading); const showLoading = buttonState === "loading"; @@ -262,7 +275,7 @@ const Button = React.forwardRef( // Automatically inject AnchorForwardIcon for link's dressed as buttons when possible let injectIconChildren = children; - if (props.as === "a" && props.href != null && typeof children === "string" && variant !== "reset") { + if (as === "a" && props.href != null && typeof children === "string" && variant !== "reset") { injectIconChildren = ( <> {children} @@ -299,6 +312,9 @@ const Button = React.forwardRef( variant={variant} size={smartDefaultSize as ButtonSizes} aria-busy={buttonState === "loading" ? "true" : "false"} + as={as} + type={type} + fullWidth={fullWidth} ref={ref} > @@ -309,15 +325,6 @@ const Button = React.forwardRef( }, ); -Button.defaultProps = { - as: "button", - fullWidth: false, - disabled: false, - loading: false, - type: "button", - variant: "primary", -}; - Button.displayName = "Button"; export type { ButtonProps }; diff --git a/packages/paste-core/components/button/src/DestructiveButton.tsx b/packages/paste-core/components/button/src/DestructiveButton.tsx index 0e047581e8..8b0a78144f 100644 --- a/packages/paste-core/components/button/src/DestructiveButton.tsx +++ b/packages/paste-core/components/button/src/DestructiveButton.tsx @@ -48,22 +48,20 @@ const ButtonStyleMapping = { }; const DestructiveButton = React.forwardRef( - ({ size, buttonState, fullWidth, ...props }, ref) => { + ({ size, buttonState, fullWidth, as= "button", ...props }, ref) => { // Must spread size styles after button styles return ( ); }, ); -DestructiveButton.defaultProps = { - as: "button", -}; + DestructiveButton.displayName = "DestructiveButton"; export { DestructiveButton }; diff --git a/packages/paste-core/components/button/src/DestructiveIconButton.tsx b/packages/paste-core/components/button/src/DestructiveIconButton.tsx index a3108a4451..0d30c6c47c 100644 --- a/packages/paste-core/components/button/src/DestructiveIconButton.tsx +++ b/packages/paste-core/components/button/src/DestructiveIconButton.tsx @@ -35,22 +35,19 @@ const ButtonStyleMapping = { }; const DestructiveIconButton = React.forwardRef( - ({ size, buttonState, fullWidth, ...props }, ref) => { + ({ size, buttonState, fullWidth, as= "button", ...props }, ref) => { // Must spread size styles after button styles return ( ); }, ); -DestructiveIconButton.defaultProps = { - as: "button", -}; DestructiveIconButton.displayName = "DestructiveIconButton"; diff --git a/packages/paste-core/components/button/src/DestructiveLinkButton.tsx b/packages/paste-core/components/button/src/DestructiveLinkButton.tsx index 0f95139591..e1c3fd2487 100644 --- a/packages/paste-core/components/button/src/DestructiveLinkButton.tsx +++ b/packages/paste-core/components/button/src/DestructiveLinkButton.tsx @@ -37,22 +37,20 @@ const ButtonStyleMapping = { }; const DestructiveLinkButton = React.forwardRef( - ({ size, buttonState, fullWidth, ...props }, ref) => { + ({ size, buttonState, fullWidth, as= "a", ...props }, ref) => { // Must spread size styles after button styles return ( ); }, ); -DestructiveLinkButton.defaultProps = { - as: "a" as keyof JSX.IntrinsicElements, -}; + DestructiveLinkButton.displayName = "DestructiveLinkButton"; export { DestructiveLinkButton }; diff --git a/packages/paste-core/components/button/src/DestructiveSecondaryButton.tsx b/packages/paste-core/components/button/src/DestructiveSecondaryButton.tsx index 7a59461b4a..a52bfdac2f 100644 --- a/packages/paste-core/components/button/src/DestructiveSecondaryButton.tsx +++ b/packages/paste-core/components/button/src/DestructiveSecondaryButton.tsx @@ -62,7 +62,7 @@ const ButtonStyleMapping = { }; const DestructiveSecondaryButton = React.forwardRef( - ({ size, buttonState, fullWidth, pressed, ...props }, ref) => { + ({ size, buttonState, fullWidth, pressed, as= "button", ...props }, ref) => { const toggleStyles = pressed === undefined ? {} : DestructiveSecondaryToggleStyles; // Must spread size styles after button styles @@ -71,7 +71,7 @@ const DestructiveSecondaryButton = React.forwardRef( - ({ size, buttonState, fullWidth, ...props }, ref) => { + ({ size, buttonState, fullWidth, as= "button", ...props }, ref) => { // Must spread size styles after button styles return ( ); }, ); -InverseButton.defaultProps = { - as: "button", -}; InverseButton.displayName = "InverseButton"; diff --git a/packages/paste-core/components/button/src/InverseLinkButton.tsx b/packages/paste-core/components/button/src/InverseLinkButton.tsx index 1fab0e2b12..39ddc17f81 100644 --- a/packages/paste-core/components/button/src/InverseLinkButton.tsx +++ b/packages/paste-core/components/button/src/InverseLinkButton.tsx @@ -32,22 +32,19 @@ const ButtonStyleMapping = { }; const InverseLinkButton = React.forwardRef( - ({ size, buttonState, fullWidth, ...props }, ref) => { + ({ size, buttonState, fullWidth, as= "a",...props }, ref) => { // Must spread size styles after button styles return ( ); }, ); -InverseLinkButton.defaultProps = { - as: "a", -}; InverseLinkButton.displayName = "InverseLinkButton"; diff --git a/packages/paste-core/components/button/src/LinkButton.tsx b/packages/paste-core/components/button/src/LinkButton.tsx index ea8c167061..1e66a5f80f 100644 --- a/packages/paste-core/components/button/src/LinkButton.tsx +++ b/packages/paste-core/components/button/src/LinkButton.tsx @@ -31,22 +31,19 @@ const ButtonStyleMapping = { }; const LinkButton = React.forwardRef( - ({ size, buttonState, fullWidth, ...props }, ref) => { + ({ size, buttonState, fullWidth, as= "a", ...props }, ref) => { // Must spread size styles after button styles return ( ); }, ); -LinkButton.defaultProps = { - as: "a", -}; LinkButton.displayName = "LinkButton"; diff --git a/packages/paste-core/components/button/src/PrimaryButton.tsx b/packages/paste-core/components/button/src/PrimaryButton.tsx index ad80a6c29d..928e1168b8 100644 --- a/packages/paste-core/components/button/src/PrimaryButton.tsx +++ b/packages/paste-core/components/button/src/PrimaryButton.tsx @@ -48,22 +48,19 @@ const ButtonStyleMapping = { }; const PrimaryButton = React.forwardRef( - ({ size, buttonState, fullWidth, ...props }, ref) => { + ({ size, buttonState, fullWidth, as= "button", ...props }, ref) => { // Must spread size styles after button styles return ( ); }, ); -PrimaryButton.defaultProps = { - as: "button", -}; PrimaryButton.displayName = "PrimaryButton"; diff --git a/packages/paste-core/components/button/src/PrimaryIconButton.tsx b/packages/paste-core/components/button/src/PrimaryIconButton.tsx index a64f6ba037..a10449c52b 100644 --- a/packages/paste-core/components/button/src/PrimaryIconButton.tsx +++ b/packages/paste-core/components/button/src/PrimaryIconButton.tsx @@ -35,22 +35,19 @@ const ButtonStyleMapping = { }; const PrimaryIconButton = React.forwardRef( - ({ size, buttonState, fullWidth, ...props }, ref) => { + ({ size, buttonState, fullWidth, as= "button", ...props }, ref) => { // Must spread size styles after button styles return ( ); }, ); -PrimaryIconButton.defaultProps = { - as: "button", -}; PrimaryIconButton.displayName = "PrimaryIconButton"; diff --git a/packages/paste-core/components/button/src/ResetButton.tsx b/packages/paste-core/components/button/src/ResetButton.tsx index b2354e8958..2d48cfa554 100644 --- a/packages/paste-core/components/button/src/ResetButton.tsx +++ b/packages/paste-core/components/button/src/ResetButton.tsx @@ -1,5 +1,5 @@ import type { BoxStyleProps } from "@twilio-paste/box"; -import { Box } from "@twilio-paste/box"; +import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import merge from "deepmerge"; import * as React from "react"; @@ -22,22 +22,19 @@ const ButtonStyleMapping = { }; const ResetButton = React.forwardRef( - ({ size, buttonState, fullWidth, ...props }, ref) => { + ({ size, buttonState, fullWidth, as= "button", ...props }, ref) => { // Must spread size styles after button styles return ( ); }, ); -ResetButton.defaultProps = { - as: "button", -}; ResetButton.displayName = "ResetButton"; diff --git a/packages/paste-core/components/button/src/SecondaryButton.tsx b/packages/paste-core/components/button/src/SecondaryButton.tsx index f29cc74141..988a1535f0 100644 --- a/packages/paste-core/components/button/src/SecondaryButton.tsx +++ b/packages/paste-core/components/button/src/SecondaryButton.tsx @@ -72,7 +72,7 @@ const ButtonStyleMapping = { }; const SecondaryButton = React.forwardRef( - ({ size, buttonState, fullWidth, pressed, ...props }, ref) => { + ({ size, buttonState, fullWidth, pressed, as= "button", ...props }, ref) => { const toggleStyles = pressed === undefined ? {} : ToggleStyles; // Must spread size styles after button styles @@ -81,7 +81,7 @@ const SecondaryButton = React.forwardRef( ref={ref} width={fullWidth ? "100%" : "auto"} aria-pressed={pressed} - {...safelySpreadBoxProps(props)} + {...safelySpreadBoxProps({as, ...props})} {...ButtonStyleMapping[buttonState]} {...toggleStyles} {...SizeStyles[size]} @@ -89,9 +89,6 @@ const SecondaryButton = React.forwardRef( ); }, ); -SecondaryButton.defaultProps = { - as: "button", -}; SecondaryButton.displayName = "SecondaryButton"; diff --git a/packages/paste-core/components/button/src/SecondaryIconButton.tsx b/packages/paste-core/components/button/src/SecondaryIconButton.tsx index 69804827ed..093707842f 100644 --- a/packages/paste-core/components/button/src/SecondaryIconButton.tsx +++ b/packages/paste-core/components/button/src/SecondaryIconButton.tsx @@ -43,7 +43,7 @@ const ButtonStyleMapping = { }; const SecondaryIconButton = React.forwardRef( - ({ size, buttonState, fullWidth, pressed, ...props }, ref) => { + ({ size, buttonState, fullWidth, pressed, as= "button", ...props }, ref) => { const toggleStyles = pressed === undefined ? {} : ToggleIconButtonStyles; // Must spread size styles after button styles @@ -52,7 +52,7 @@ const SecondaryIconButton = React.forwardRef { * The HTML tag to replace the default `, + ), + ).toThrow(); expect(spy).toHaveBeenCalled(); spy.mockRestore(); }); @@ -168,8 +174,13 @@ describe("Button", () => { // hide console errors from terminal when throwing expected errors const spy = jest.spyOn(console, "error"); spy.mockImplementation(() => {}); - // @ts-expect-error invalid tabindex - expect(() => render(, + ), + ).toThrow(); expect(spy).toHaveBeenCalled(); spy.mockRestore(); }); diff --git a/packages/paste-core/components/button/src/Button.tsx b/packages/paste-core/components/button/src/Button.tsx index e40754a59a..0600d28937 100644 --- a/packages/paste-core/components/button/src/Button.tsx +++ b/packages/paste-core/components/button/src/Button.tsx @@ -127,12 +127,17 @@ const handlePropValidation = ({ if (children == null) { throw new Error("[Paste: Button] Must have non-null children."); } + if (hasTabIndex && !(tabIndex === 0 || tabIndex === -1)) { + // eslint-disable-next-line no-console + console.error("tabIndex", tabIndex); throw new Error("[Paste: Button] tabIndex must be 0 or -1."); } // Toggle button validaton if (pressed && !(variant === "secondary" || variant === "secondary_icon" || variant === "destructive_secondary")) { + // eslint-disable-next-line no-console + console.error("variant", variant, "pressed", pressed); throw new Error( `[Paste: Button] pressed can only be used with "secondary" and "secondary_icon" and "destructive_secondary" variants.`, ); @@ -265,7 +270,17 @@ const Button = React.forwardRef( return getButtonSize(variant, children, size); }, [size, variant, children]); - handlePropValidation({ ...props, as, children, fullWidth, disabled, loading, type, variant, size: smartDefaultSize }); + handlePropValidation({ + ...props, + as, + children, + fullWidth, + disabled, + loading, + type, + variant, + size: smartDefaultSize, + }); const buttonState = getButtonState(disabled, loading); const showLoading = buttonState === "loading"; diff --git a/packages/paste-website/package.json b/packages/paste-website/package.json index 4dff7fa309..a934fda6bc 100644 --- a/packages/paste-website/package.json +++ b/packages/paste-website/package.json @@ -204,7 +204,7 @@ "@next/eslint-plugin-next": "^14.0.0", "@storybook/react": "7.6.4", "@tanstack/eslint-plugin-query": "^5.17.7", - "@testing-library/react": "^15.0.7", + "@testing-library/react": "^16.2.0", "tsx": "^4.0.0" }, "resolutions": { diff --git a/yarn.lock b/yarn.lock index 8eb66e4863..ccab65f4a2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -10973,22 +10973,6 @@ __metadata: languageName: node linkType: hard -"@testing-library/dom@npm:^10.0.0": - version: 10.4.0 - resolution: "@testing-library/dom@npm:10.4.0" - dependencies: - "@babel/code-frame": ^7.10.4 - "@babel/runtime": ^7.12.5 - "@types/aria-query": ^5.0.1 - aria-query: 5.3.0 - chalk: ^4.1.0 - dom-accessibility-api: ^0.5.9 - lz-string: ^1.5.0 - pretty-format: ^27.0.2 - checksum: bb128b90be0c8cd78c5f5e67aa45f53de614cc048a2b50b230e736ec710805ac6c73375af354b83c74d710b3928d52b83a273a4cb89de4eb3efe49e91e706837 - languageName: node - linkType: hard - "@testing-library/dom@npm:^9.0.0": version: 9.3.3 resolution: "@testing-library/dom@npm:9.3.3" @@ -11044,21 +11028,23 @@ __metadata: languageName: node linkType: hard -"@testing-library/react@npm:^15.0.7": - version: 15.0.7 - resolution: "@testing-library/react@npm:15.0.7" +"@testing-library/react@npm:^16.2.0": + version: 16.2.0 + resolution: "@testing-library/react@npm:16.2.0" dependencies: "@babel/runtime": ^7.12.5 - "@testing-library/dom": ^10.0.0 - "@types/react-dom": ^18.0.0 peerDependencies: - "@types/react": ^18.0.0 - react: ^18.0.0 - react-dom: ^18.0.0 + "@testing-library/dom": ^10.0.0 + "@types/react": ^18.0.0 || ^19.0.0 + "@types/react-dom": ^18.0.0 || ^19.0.0 + react: ^18.0.0 || ^19.0.0 + react-dom: ^18.0.0 || ^19.0.0 peerDependenciesMeta: "@types/react": optional: true - checksum: eb33fd82eb811bb8612aa154e430a2c1c251d5ed45a477ef57fe20095db494ea7dcfa6b1e1e2bffb0c7ee10c86e408745d95a879be8ca8fbe301bb91e5f2e5db + "@types/react-dom": + optional: true + checksum: 4a687200e4d5dc7c7bd83c01f847a26e2c78f08acf54e5dbde8132969221401c6c595f624f5bd47e758346edc5f516d0bb07bffaae8a2e149910343eed4ae39f languageName: node linkType: hard @@ -16190,7 +16176,7 @@ __metadata: "@tanstack/eslint-plugin-query": ^5.17.7 "@tanstack/react-query": ^5.17.9 "@tanstack/react-query-devtools": ^5.17.10 - "@testing-library/react": ^15.0.7 + "@testing-library/react": ^16.2.0 "@twilio-paste/account-switcher": ^3.0.1 "@twilio-paste/ai-chat-log": ^1.1.0 "@twilio-paste/alert": ^14.1.1 @@ -17253,15 +17239,6 @@ __metadata: languageName: node linkType: hard -"@types/react-dom@npm:^18.0.0": - version: 18.3.5 - resolution: "@types/react-dom@npm:18.3.5" - peerDependencies: - "@types/react": ^18.0.0 - checksum: 95c757684f71e761515c5a11299e5feec550c72bb52975487f360e6f0d359b26454c26eaf2ce45dd22748205aa9b2c2fe0abe7005ebcbd233a7615283ac39a7d - languageName: node - linkType: hard - "@types/react-dom@npm:^19.0.3": version: 19.0.3 resolution: "@types/react-dom@npm:19.0.3" @@ -19303,15 +19280,6 @@ __metadata: languageName: node linkType: hard -"aria-query@npm:5.3.0": - version: 5.3.0 - resolution: "aria-query@npm:5.3.0" - dependencies: - dequal: ^2.0.3 - checksum: 305bd73c76756117b59aba121d08f413c7ff5e80fa1b98e217a3443fcddb9a232ee790e24e432b59ae7625aebcf4c47cb01c2cac872994f0b426f5bdfcd96ba9 - languageName: node - linkType: hard - "aria-query@npm:^4.2.2": version: 4.2.2 resolution: "aria-query@npm:4.2.2" @@ -37392,7 +37360,7 @@ fsevents@^1.2.7: "@swc/core": ^1.2.160 "@swc/jest": ^0.2.20 "@testing-library/jest-dom": ^5.16.5 - "@testing-library/react": ^15.0.7 + "@testing-library/react": ^16.2.0 "@testing-library/react-hooks": ^8.0.1 "@testing-library/user-event": ^13.5.0 "@twilio-labs/svg-to-react": ^2.1.1 From 0bf4b3dd1b9e882250bf110749da59a7cf64b21a Mon Sep 17 00:00:00 2001 From: PixeledCode Date: Mon, 3 Mar 2025 15:17:43 +0530 Subject: [PATCH 05/31] feat(core): format --- .../components/button/src/DestructiveButton.tsx | 2 +- .../components/button/src/DestructiveIconButton.tsx | 4 ++-- .../components/button/src/DestructiveLinkButton.tsx | 4 ++-- .../button/src/DestructiveSecondaryButton.tsx | 4 ++-- .../components/button/src/InverseButton.tsx | 4 ++-- .../components/button/src/InverseLinkButton.tsx | 4 ++-- .../paste-core/components/button/src/LinkButton.tsx | 4 ++-- .../components/button/src/PrimaryButton.tsx | 4 ++-- .../components/button/src/PrimaryIconButton.tsx | 4 ++-- .../components/button/src/ResetButton.tsx | 4 ++-- .../components/button/src/SecondaryButton.tsx | 4 ++-- .../components/button/src/SecondaryIconButton.tsx | 4 ++-- .../src/multiselect/MultiselectCombobox.tsx | 6 +++++- .../combobox/src/singleselect/Combobox.tsx | 6 +++++- .../components/data-grid/src/DataGridCell.tsx | 5 +++-- .../components/file-picker/src/FilePicker.tsx | 7 +++++-- .../react-spectrum/stories/useSlider.stories.tsx | 13 +++++++++++-- 17 files changed, 52 insertions(+), 31 deletions(-) diff --git a/packages/paste-core/components/button/src/DestructiveButton.tsx b/packages/paste-core/components/button/src/DestructiveButton.tsx index 8b0a78144f..c599564e2a 100644 --- a/packages/paste-core/components/button/src/DestructiveButton.tsx +++ b/packages/paste-core/components/button/src/DestructiveButton.tsx @@ -48,7 +48,7 @@ const ButtonStyleMapping = { }; const DestructiveButton = React.forwardRef( - ({ size, buttonState, fullWidth, as= "button", ...props }, ref) => { + ({ size, buttonState, fullWidth, as = "button", ...props }, ref) => { // Must spread size styles after button styles return ( ( - ({ size, buttonState, fullWidth, as= "button", ...props }, ref) => { + ({ size, buttonState, fullWidth, as = "button", ...props }, ref) => { // Must spread size styles after button styles return ( diff --git a/packages/paste-core/components/button/src/DestructiveLinkButton.tsx b/packages/paste-core/components/button/src/DestructiveLinkButton.tsx index e1c3fd2487..698cb6f4c6 100644 --- a/packages/paste-core/components/button/src/DestructiveLinkButton.tsx +++ b/packages/paste-core/components/button/src/DestructiveLinkButton.tsx @@ -37,13 +37,13 @@ const ButtonStyleMapping = { }; const DestructiveLinkButton = React.forwardRef( - ({ size, buttonState, fullWidth, as= "a", ...props }, ref) => { + ({ size, buttonState, fullWidth, as = "a", ...props }, ref) => { // Must spread size styles after button styles return ( diff --git a/packages/paste-core/components/button/src/DestructiveSecondaryButton.tsx b/packages/paste-core/components/button/src/DestructiveSecondaryButton.tsx index a52bfdac2f..4d73ee9538 100644 --- a/packages/paste-core/components/button/src/DestructiveSecondaryButton.tsx +++ b/packages/paste-core/components/button/src/DestructiveSecondaryButton.tsx @@ -62,7 +62,7 @@ const ButtonStyleMapping = { }; const DestructiveSecondaryButton = React.forwardRef( - ({ size, buttonState, fullWidth, pressed, as= "button", ...props }, ref) => { + ({ size, buttonState, fullWidth, pressed, as = "button", ...props }, ref) => { const toggleStyles = pressed === undefined ? {} : DestructiveSecondaryToggleStyles; // Must spread size styles after button styles @@ -71,7 +71,7 @@ const DestructiveSecondaryButton = React.forwardRef( - ({ size, buttonState, fullWidth, as= "button", ...props }, ref) => { + ({ size, buttonState, fullWidth, as = "button", ...props }, ref) => { // Must spread size styles after button styles return ( diff --git a/packages/paste-core/components/button/src/InverseLinkButton.tsx b/packages/paste-core/components/button/src/InverseLinkButton.tsx index 39ddc17f81..d17ab0a93c 100644 --- a/packages/paste-core/components/button/src/InverseLinkButton.tsx +++ b/packages/paste-core/components/button/src/InverseLinkButton.tsx @@ -32,13 +32,13 @@ const ButtonStyleMapping = { }; const InverseLinkButton = React.forwardRef( - ({ size, buttonState, fullWidth, as= "a",...props }, ref) => { + ({ size, buttonState, fullWidth, as = "a", ...props }, ref) => { // Must spread size styles after button styles return ( diff --git a/packages/paste-core/components/button/src/LinkButton.tsx b/packages/paste-core/components/button/src/LinkButton.tsx index 1e66a5f80f..73b2ba6b28 100644 --- a/packages/paste-core/components/button/src/LinkButton.tsx +++ b/packages/paste-core/components/button/src/LinkButton.tsx @@ -31,13 +31,13 @@ const ButtonStyleMapping = { }; const LinkButton = React.forwardRef( - ({ size, buttonState, fullWidth, as= "a", ...props }, ref) => { + ({ size, buttonState, fullWidth, as = "a", ...props }, ref) => { // Must spread size styles after button styles return ( diff --git a/packages/paste-core/components/button/src/PrimaryButton.tsx b/packages/paste-core/components/button/src/PrimaryButton.tsx index 928e1168b8..d037ccd331 100644 --- a/packages/paste-core/components/button/src/PrimaryButton.tsx +++ b/packages/paste-core/components/button/src/PrimaryButton.tsx @@ -48,13 +48,13 @@ const ButtonStyleMapping = { }; const PrimaryButton = React.forwardRef( - ({ size, buttonState, fullWidth, as= "button", ...props }, ref) => { + ({ size, buttonState, fullWidth, as = "button", ...props }, ref) => { // Must spread size styles after button styles return ( diff --git a/packages/paste-core/components/button/src/PrimaryIconButton.tsx b/packages/paste-core/components/button/src/PrimaryIconButton.tsx index a10449c52b..5b32015e20 100644 --- a/packages/paste-core/components/button/src/PrimaryIconButton.tsx +++ b/packages/paste-core/components/button/src/PrimaryIconButton.tsx @@ -35,13 +35,13 @@ const ButtonStyleMapping = { }; const PrimaryIconButton = React.forwardRef( - ({ size, buttonState, fullWidth, as= "button", ...props }, ref) => { + ({ size, buttonState, fullWidth, as = "button", ...props }, ref) => { // Must spread size styles after button styles return ( diff --git a/packages/paste-core/components/button/src/ResetButton.tsx b/packages/paste-core/components/button/src/ResetButton.tsx index 2d48cfa554..ab308796c3 100644 --- a/packages/paste-core/components/button/src/ResetButton.tsx +++ b/packages/paste-core/components/button/src/ResetButton.tsx @@ -22,13 +22,13 @@ const ButtonStyleMapping = { }; const ResetButton = React.forwardRef( - ({ size, buttonState, fullWidth, as= "button", ...props }, ref) => { + ({ size, buttonState, fullWidth, as = "button", ...props }, ref) => { // Must spread size styles after button styles return ( diff --git a/packages/paste-core/components/button/src/SecondaryButton.tsx b/packages/paste-core/components/button/src/SecondaryButton.tsx index 988a1535f0..375e84914b 100644 --- a/packages/paste-core/components/button/src/SecondaryButton.tsx +++ b/packages/paste-core/components/button/src/SecondaryButton.tsx @@ -72,7 +72,7 @@ const ButtonStyleMapping = { }; const SecondaryButton = React.forwardRef( - ({ size, buttonState, fullWidth, pressed, as= "button", ...props }, ref) => { + ({ size, buttonState, fullWidth, pressed, as = "button", ...props }, ref) => { const toggleStyles = pressed === undefined ? {} : ToggleStyles; // Must spread size styles after button styles @@ -81,7 +81,7 @@ const SecondaryButton = React.forwardRef( ref={ref} width={fullWidth ? "100%" : "auto"} aria-pressed={pressed} - {...safelySpreadBoxProps({as, ...props})} + {...safelySpreadBoxProps({ as, ...props })} {...ButtonStyleMapping[buttonState]} {...toggleStyles} {...SizeStyles[size]} diff --git a/packages/paste-core/components/button/src/SecondaryIconButton.tsx b/packages/paste-core/components/button/src/SecondaryIconButton.tsx index 093707842f..56c92f2c36 100644 --- a/packages/paste-core/components/button/src/SecondaryIconButton.tsx +++ b/packages/paste-core/components/button/src/SecondaryIconButton.tsx @@ -43,7 +43,7 @@ const ButtonStyleMapping = { }; const SecondaryIconButton = React.forwardRef( - ({ size, buttonState, fullWidth, pressed, as= "button", ...props }, ref) => { + ({ size, buttonState, fullWidth, pressed, as = "button", ...props }, ref) => { const toggleStyles = pressed === undefined ? {} : ToggleIconButtonStyles; // Must spread size styles after button styles @@ -52,7 +52,7 @@ const SecondaryIconButton = React.forwardRef - } parentRef={parentRef as React.RefObject} usePortal={usePortal}> + } + parentRef={parentRef as React.RefObject} + usePortal={usePortal} + > ( )} - } parentRef={parentRef as React.RefObject} usePortal={usePortal}> + } + parentRef={parentRef as React.RefObject} + usePortal={usePortal} + > From abb7dd3c75f2ab55515d0fed57422c40e8453935 Mon Sep 17 00:00:00 2001 From: PixeledCode Date: Mon, 3 Mar 2025 15:55:30 +0530 Subject: [PATCH 06/31] feat(core): import JSX type --- .../ai-chat-log/stories/composer.stories.tsx | 1 + .../ai-chat-log/stories/errors.stories.tsx | 1 + .../stories/scrollableSidePanel.stories.tsx | 1 + .../alert-dialog/stories/index.stories.tsx | 1 + .../badge/stories/index.stories.tsx | 1 + .../breadcrumb/__tests__/breadcrumb.spec.tsx | 1 + .../stories/ConversationsUIKit/helpers.tsx | 1 + .../chat-composer/stories/logs.stories.tsx | 1 + .../components/ChatAttachment.stories.tsx | 1 + .../checkbox/__tests__/checkbox.test.tsx | 1 + .../combobox/__tests__/Combobox.spec.tsx | 3 +- .../__tests__/reakit-hasFocus.spec.tsx | 1 + .../components/ComposableCellsDataGrid.tsx | 1 + .../components/CustomizableDataGrid.tsx | 1 + .../components/KitchenSinkDataGrid.tsx | 1 + .../stories/components/LoadingDataGrid.tsx | 1 + .../stories/components/PaginatedDataGrid.tsx | 1 + .../components/SelectableRowsDataGrid.tsx | 1 + .../components/SortableColumnsDataGrid.tsx | 1 + .../disclosure/__tests__/disclosure.test.tsx | 1 + .../stories/customization.stories.tsx | 1 + .../stories/index.stories.tsx | 1 + .../form-pill-group/__tests__/index.spec.tsx | 1 + .../stories/customization.stories.tsx | 1 + .../form-pill-group/stories/index.stories.tsx | 1 + .../input-box/stories/inputbox.stories.tsx | 1 + .../components/menu/stories/index.stories.tsx | 1 + .../components/modal/__tests__/index.spec.tsx | 1 + .../pagination/stories/index.stories.tsx | 1 + .../popover/stories/index.stories.tsx | 1 + .../radio-group/__tests__/radio.test.tsx | 1 + .../side-panel/__tests__/index.spec.tsx | 1 + .../sidebar/__tests__/index.spec.tsx | 1 + .../__tests__/sidebarNavigation.spec.tsx | 1 + .../skeleton-loader/stories/index.stories.tsx | 1 + .../summary-detail/__tests__/index.spec.tsx | 1 + .../table/stories/index.stories.tsx | 1 + .../components/tabs/__tests__/tabs.test.tsx | 1 + .../components/tabs/stories/index.stories.tsx | 1 + .../toast/__tests__/toaster.spec.tsx | 1 + .../tooltip/stories/index.stories.tsx | 1 + .../visual-picker/__tests__/checkbox.spec.tsx | 1 + .../visual-picker/__tests__/radio.spec.tsx | 1 + .../layout/stack/__tests__/stack.test.tsx | 1 + .../primitives/box/stories/index.stories.tsx | 1 + .../disclosure/stories/index.stories.tsx | 1 + .../primitives/menu/__tests__/index.spec.tsx | 1 + .../stories/customization.stories.tsx | 1 + .../uid/stories/index.stories.tsx | 1 + .../layout/editor-wrapper/TokenSelector.tsx | 1 + .../components/preview/AlertPreview.tsx | 1 + .../components/preview/AnchorPreview.tsx | 1 + .../components/preview/AvatarPreview.tsx | 1 + .../components/preview/BreadcrumbPreview.tsx | 1 + .../components/preview/ButtonPreview.tsx | 1 + .../components/preview/CardPreview.tsx | 1 + .../components/preview/FormPreview.tsx | 1 + .../components/preview/MenuPreview.tsx | 1 + .../components/preview/ModalPreview.tsx | 1 + .../components/preview/PopoverPreview.tsx | 1 + .../components/preview/TabbedContent.tsx | 1 + .../components/preview/TablePreview.tsx | 1 + .../components/preview/ToastPreview.tsx | 1 + .../components/preview/TooltipPreview.tsx | 1 + .../components/preview/TypographyPreview.tsx | 1 + .../components/preview/index.tsx | 1 + .../components/topbar/BetaBadge.tsx | 1 + .../components/topbar/index.tsx | 1 + packages/paste-theme-designer/pages/_app.tsx | 1 + .../pages/background-color/index.tsx | 1 + .../pages/border-color/index.tsx | 1 + .../pages/border-width/index.tsx | 1 + .../pages/box-shadow/index.tsx | 1 + .../pages/font-size/index.tsx | 1 + .../pages/font-weight/index.tsx | 1 + .../paste-theme-designer/pages/font/index.tsx | 1 + packages/paste-theme-designer/pages/index.tsx | 1 + .../pages/line-height/index.tsx | 1 + .../pages/radii/index.tsx | 1 + .../pages/sizing/index.tsx | 1 + .../pages/spacing/index.tsx | 1 + .../pages/text-color/index.tsx | 1 + .../pages/z-index/index.tsx | 1 + .../stories/themeProvider.stories.tsx | 1 + .../src/components/Form.tsx | 1 + .../src/components/KitchenSink.tsx | 1 + .../src/components/Menu.tsx | 1 + .../src/components/SideBar.tsx | 1 + .../src/index.tsx | 1 + .../src/pages/IndexPage.tsx | 1 + .../public/images/card/Marketing2.tsx | 2 + .../public/images/card/Marketing3.tsx | 2 + .../public/images/card/Marketing4.tsx | 2 + .../src/__tests__/genericHeader.test.tsx | 1 + .../__tests__/packageStatusLegend.test.tsx | 1 + .../illustrations/AlertsAndNotifications.tsx | 2 + .../src/assets/illustrations/DoodleArrow.tsx | 1 + .../src/assets/illustrations/DoodleBurst.tsx | 1 + .../src/assets/illustrations/DoodleCloud.tsx | 1 + .../src/assets/illustrations/DoodleCurve.tsx | 1 + .../assets/illustrations/DoodleLoopArrow.tsx | 1 + .../illustrations/DoodleLoopArrowLarge.tsx | 1 + .../illustrations/DoodleLoopFooterSide.tsx | 1 + .../assets/illustrations/DoodleLoopLarge.tsx | 1 + .../assets/illustrations/DoodleLoopMedium.tsx | 1 + .../assets/illustrations/DoodleLoopSmall.tsx | 1 + .../assets/illustrations/DoodleLoopTiny.tsx | 1 + .../src/assets/illustrations/DoodleZigzag.tsx | 1 + .../assets/illustrations/NewDoodleLoop.tsx | 1 + .../ColorsFoundationExamples.tsx | 1 + .../DataVisualizationExamples.tsx | 1 + .../ElevationFoundationExamples.tsx | 2 + .../ModalDialogPrimitiveExample.tsx | 1 + .../ObjectStatusPatternExamples.tsx | 761 +++++++++--------- .../src/component-examples/ToastExamples.tsx | 1 + .../filter-group/Examples.tsx | 1 + .../components/NoResultsIllustration.tsx | 1 + .../component-examples/filter/Examples.tsx | 1 + .../components/NoResultsIllustration.tsx | 1 + .../src/components/BrowserSupport.tsx | 1 + .../components/FormPillVsDisplayPillTable.tsx | 1 + .../src/components/breadcrumb/index.tsx | 1 + .../components/color-swatch/ColorGradient.tsx | 1 + .../ComingSoonCard.tsx | 1 + .../customization-landing-page/FlexCard.tsx | 1 + .../LandingPageDesigner/DesignerControls.tsx | 1 + .../LandingPageDesigner/DesignerPreview.tsx | 1 + .../LandingPageDesigner/index.tsx | 1 + .../LandingPageHero.tsx | 1 + .../customization-landing-page/LikeTwilio.tsx | 1 + .../customization-landing-page/ReactCard.tsx | 1 + .../ReadyToGetStarted.tsx | 1 + .../customization-landing-page/WhyPaste.tsx | 1 + .../WorksGreatWith.tsx | 1 + .../image-slider/ImageSlider.tsx | 2 +- .../src/components/empty-state/NotFound.tsx | 1 + .../src/components/homepage/BouncyAnchor.tsx | 1 + .../src/components/homepage/HomeHero.tsx | 1 + .../components/images/DatePickerImages.tsx | 1 + .../components/images/TimePickerImages.tsx | 1 + .../AccessibilityCallout.tsx | 1 + .../CustomThemeKeyList.tsx | 1 + .../customization-provider/FontCallout.tsx | 1 + .../shortcodes/feedback-popover/index.tsx | 1 + .../site-search/SearchEmptyIllustration.tsx | 1 + .../sidebar/SidebarNavigation.tsx | 1 + .../site-footer/SiteFooterHeader.tsx | 1 + .../site-footer/SiteFooterIllustration.tsx | 1 + .../site-footer/SiteFooterNav.tsx | 1 + .../site-header/DarkModeToggle.tsx | 1 + .../site-wrapper/site-header/index.tsx | 1 + .../tokens-list/ScrollToTopLink.tsx | 1 + .../src/components/tokens-list/index.tsx | 1 + .../components/tokens-list/sectionIntros.tsx | 1 + .../src/pages/api/component-og-image.tsx | 1 + .../src/pages/api/simple-og-image.tsx | 1 + .../paste-website/stories/Card.stories.tsx | 1 + .../paste-website/stories/Filter.stories.tsx | 1 + .../stories/FilterGroup.stories.tsx | 1 + .../stories/PageTemplates.stories.tsx | 1 + .../paste-website/stories/Pricing.stories.tsx | 1 + .../paste-nextjs-template/pages/_document.tsx | 1 + tools/test/react-dom-create-root.ts | 1 + 163 files changed, 549 insertions(+), 382 deletions(-) diff --git a/packages/paste-core/components/ai-chat-log/stories/composer.stories.tsx b/packages/paste-core/components/ai-chat-log/stories/composer.stories.tsx index 39f1312430..71079e2103 100644 --- a/packages/paste-core/components/ai-chat-log/stories/composer.stories.tsx +++ b/packages/paste-core/components/ai-chat-log/stories/composer.stories.tsx @@ -19,6 +19,7 @@ import { useLexicalComposerContext, } from "@twilio-paste/lexical-library"; import * as React from "react"; +import type { JSX } from "react"; import { AIChatLog, diff --git a/packages/paste-core/components/ai-chat-log/stories/errors.stories.tsx b/packages/paste-core/components/ai-chat-log/stories/errors.stories.tsx index e4f4f62fa4..521119507d 100644 --- a/packages/paste-core/components/ai-chat-log/stories/errors.stories.tsx +++ b/packages/paste-core/components/ai-chat-log/stories/errors.stories.tsx @@ -18,6 +18,7 @@ import { ThumbsUpIcon } from "@twilio-paste/icons/esm/ThumbsUpIcon"; import { ClearEditorPlugin } from "@twilio-paste/lexical-library"; import { Text } from "@twilio-paste/text"; import * as React from "react"; +import type { JSX } from "react"; import { Callout, CalloutHeading, CalloutText } from "../../callout/src"; import { diff --git a/packages/paste-core/components/ai-chat-log/stories/scrollableSidePanel.stories.tsx b/packages/paste-core/components/ai-chat-log/stories/scrollableSidePanel.stories.tsx index 32f5cbda26..d5ed499e27 100644 --- a/packages/paste-core/components/ai-chat-log/stories/scrollableSidePanel.stories.tsx +++ b/packages/paste-core/components/ai-chat-log/stories/scrollableSidePanel.stories.tsx @@ -33,6 +33,7 @@ import { SidePanelPushContentWrapper, } from "@twilio-paste/side-panel"; import * as React from "react"; +import type { JSX } from "react"; import { AIChat, 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 4e3e47c1b4..aa3031a919 100644 --- a/packages/paste-core/components/alert-dialog/stories/index.stories.tsx +++ b/packages/paste-core/components/alert-dialog/stories/index.stories.tsx @@ -11,6 +11,7 @@ import { Paragraph } from "@twilio-paste/paragraph"; import { useTheme } from "@twilio-paste/theme"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import { AlertDialog } from "../src"; import { AlertDialogBody } from "../src/AlertDialogBody"; diff --git a/packages/paste-core/components/badge/stories/index.stories.tsx b/packages/paste-core/components/badge/stories/index.stories.tsx index c7c9d7e0f1..67323403e0 100644 --- a/packages/paste-core/components/badge/stories/index.stories.tsx +++ b/packages/paste-core/components/badge/stories/index.stories.tsx @@ -10,6 +10,7 @@ import { UsersIcon } from "@twilio-paste/icons/esm/UsersIcon"; import { WarningIcon } from "@twilio-paste/icons/esm/WarningIcon"; import { css, styled } from "@twilio-paste/styling-library"; import * as React from "react"; +import type { JSX } from "react"; import { Badge } from "../src"; diff --git a/packages/paste-core/components/breadcrumb/__tests__/breadcrumb.spec.tsx b/packages/paste-core/components/breadcrumb/__tests__/breadcrumb.spec.tsx index 2b4fc9ab0c..a491a91363 100644 --- a/packages/paste-core/components/breadcrumb/__tests__/breadcrumb.spec.tsx +++ b/packages/paste-core/components/breadcrumb/__tests__/breadcrumb.spec.tsx @@ -1,6 +1,7 @@ import { render, screen } from "@testing-library/react"; import { CustomizationProvider } from "@twilio-paste/customization"; import * as React from "react"; +import type { JSX } from "react"; import { Breadcrumb, BreadcrumbItem } from "../src"; diff --git a/packages/paste-core/components/chat-composer/stories/ConversationsUIKit/helpers.tsx b/packages/paste-core/components/chat-composer/stories/ConversationsUIKit/helpers.tsx index 9ff661b858..c8b8e71272 100644 --- a/packages/paste-core/components/chat-composer/stories/ConversationsUIKit/helpers.tsx +++ b/packages/paste-core/components/chat-composer/stories/ConversationsUIKit/helpers.tsx @@ -10,6 +10,7 @@ import { useLexicalComposerContext, } from "@twilio-paste/lexical-library"; import * as React from "react"; +import type { JSX } from "react"; function getRandomInt(max): number { return Math.floor(Math.random() * max); diff --git a/packages/paste-core/components/chat-composer/stories/logs.stories.tsx b/packages/paste-core/components/chat-composer/stories/logs.stories.tsx index 9319000b2a..db9cbafdd2 100644 --- a/packages/paste-core/components/chat-composer/stories/logs.stories.tsx +++ b/packages/paste-core/components/chat-composer/stories/logs.stories.tsx @@ -44,6 +44,7 @@ import { useLexicalComposerContext, } from "@twilio-paste/lexical-library"; import * as React from "react"; +import type { JSX } from "react"; import { ChatComposer, ChatComposerActionGroup, ChatComposerContainer } from "../src"; 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 2dfce38153..15117c4a01 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 @@ -3,6 +3,7 @@ import { DownloadIcon } from "@twilio-paste/icons/esm/DownloadIcon"; import { Spinner } from "@twilio-paste/spinner"; import { Stack } from "@twilio-paste/stack"; import * as React from "react"; +import type { JSX } from "react"; import { ChatAttachment, diff --git a/packages/paste-core/components/checkbox/__tests__/checkbox.test.tsx b/packages/paste-core/components/checkbox/__tests__/checkbox.test.tsx index c9ed31a29c..bf3e9528da 100644 --- a/packages/paste-core/components/checkbox/__tests__/checkbox.test.tsx +++ b/packages/paste-core/components/checkbox/__tests__/checkbox.test.tsx @@ -2,6 +2,7 @@ import { fireEvent, render, screen } from "@testing-library/react"; import { CustomizationProvider } from "@twilio-paste/customization"; import type { PasteCustomCSS } from "@twilio-paste/customization"; import * as React from "react"; +import type { JSX } from "react"; import { Checkbox, CheckboxGroup } from "../src"; diff --git a/packages/paste-core/components/combobox/__tests__/Combobox.spec.tsx b/packages/paste-core/components/combobox/__tests__/Combobox.spec.tsx index b6fe89bb44..860a2b60ba 100644 --- a/packages/paste-core/components/combobox/__tests__/Combobox.spec.tsx +++ b/packages/paste-core/components/combobox/__tests__/Combobox.spec.tsx @@ -1,5 +1,5 @@ -import { fireEvent, render, screen, waitFor } from "@testing-library/react"; import type { RenderOptions } from "@testing-library/react"; +import { fireEvent, render, screen } from "@testing-library/react"; import userEvent from "@testing-library/user-event"; import { Box } from "@twilio-paste/box"; import { Button } from "@twilio-paste/button"; @@ -8,6 +8,7 @@ import { Theme } from "@twilio-paste/theme"; import filter from "lodash/filter"; import uniq from "lodash/uniq"; import * as React from "react"; +import type { JSX } from "react"; import type { useVirtual as _useVirtual } from "react-virtual"; import { Combobox, useCombobox } from "../src"; 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 587b74cec3..b3aa740788 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 @@ -4,6 +4,7 @@ import { render, screen } from "@testing-library/react"; * https://github.com/reakit/reakit/blob/a211d94da9f3b683182568a56479b91afb1b85ae/packages/reakit-utils/src/__tests__/hasFocus-test.tsx */ import * as React from "react"; +import type { JSX } from "react"; import { hasFocus } from "../src/utils/reakit/reakit-hasFocus"; 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 9b2371901e..f91bee517a 100644 --- a/packages/paste-core/components/data-grid/stories/components/ComposableCellsDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/ComposableCellsDataGrid.tsx @@ -4,6 +4,7 @@ import { Input } from "@twilio-paste/input"; import { Menu, MenuButton, MenuItem, MenuSeparator, useMenuState } from "@twilio-paste/menu"; import { Option, Select } from "@twilio-paste/select"; import * as React from "react"; +import type { JSX } from "react"; import { DataGrid, DataGridBody, DataGridCell, DataGridHead, DataGridHeader, DataGridRow } from "../../src"; import { TableBodyData, TableHeaderData } from "./constants"; 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 f3d4fc05f8..37c983f3ce 100644 --- a/packages/paste-core/components/data-grid/stories/components/CustomizableDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/CustomizableDataGrid.tsx @@ -3,6 +3,7 @@ import { Heading } from "@twilio-paste/heading"; import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import { PlainDataGrid } from "./PlainDataGrid"; 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 eb1067c6e9..a71f8ecdf0 100644 --- a/packages/paste-core/components/data-grid/stories/components/KitchenSinkDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/KitchenSinkDataGrid.tsx @@ -12,6 +12,7 @@ import { import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { useUID, useUIDSeed } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import type { SortDirection } from "../../src"; import { 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 388f9e880f..d77b0fd389 100644 --- a/packages/paste-core/components/data-grid/stories/components/LoadingDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/LoadingDataGrid.tsx @@ -1,4 +1,5 @@ import { SkeletonLoader } from "@twilio-paste/skeleton-loader"; +import type { JSX } from "react"; import * as React from "react"; import { 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 006ef0bd5b..4189d73138 100644 --- a/packages/paste-core/components/data-grid/stories/components/PaginatedDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/PaginatedDataGrid.tsx @@ -11,6 +11,7 @@ import { import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { useUID, useUIDSeed } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import { DataGrid, DataGridBody, DataGridCell, DataGridHead, DataGridHeader, DataGridRow } from "../../src"; import { PaginatedTableBodyData, TableHeaderData } from "./constants"; 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 76eeaf871a..0f2b60f18b 100644 --- a/packages/paste-core/components/data-grid/stories/components/SelectableRowsDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/SelectableRowsDataGrid.tsx @@ -3,6 +3,7 @@ import { Checkbox, CheckboxGroup } from "@twilio-paste/checkbox"; import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { useUIDSeed } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import { DataGrid, DataGridBody, DataGridCell, DataGridHead, DataGridHeader, DataGridRow } from "../../src"; import { TableBodyData, TableHeaderData } from "./constants"; 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 ead5a8308b..5f31705300 100644 --- a/packages/paste-core/components/data-grid/stories/components/SortableColumnsDataGrid.tsx +++ b/packages/paste-core/components/data-grid/stories/components/SortableColumnsDataGrid.tsx @@ -1,5 +1,6 @@ import { Box } from "@twilio-paste/box"; import * as React from "react"; +import type { JSX } from "react"; import { DataGrid, diff --git a/packages/paste-core/components/disclosure/__tests__/disclosure.test.tsx b/packages/paste-core/components/disclosure/__tests__/disclosure.test.tsx index a04a8c9ef7..d5598cff0a 100644 --- a/packages/paste-core/components/disclosure/__tests__/disclosure.test.tsx +++ b/packages/paste-core/components/disclosure/__tests__/disclosure.test.tsx @@ -3,6 +3,7 @@ import userEvent from "@testing-library/user-event"; import { CustomizationProvider } from "@twilio-paste/customization"; import { Theme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import { Disclosure, DisclosureContent, DisclosureHeading, useDisclosureState } from "../src"; import type { DisclosureHeadingProps, DisclosureProps } from "../src"; 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 8575b814b3..11c4a703b8 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 @@ -2,6 +2,7 @@ import { CustomizationProvider } from "@twilio-paste/customization"; import { CalendarIcon } from "@twilio-paste/icons/esm/CalendarIcon"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import { DisplayPill } from "../src/DisplayPill"; import { DisplayPillGroup } from "../src/DisplayPillGroup"; diff --git a/packages/paste-core/components/display-pill-group/stories/index.stories.tsx b/packages/paste-core/components/display-pill-group/stories/index.stories.tsx index 217f12e247..c8d3e16a4d 100644 --- a/packages/paste-core/components/display-pill-group/stories/index.stories.tsx +++ b/packages/paste-core/components/display-pill-group/stories/index.stories.tsx @@ -2,6 +2,7 @@ import { Avatar } from "@twilio-paste/avatar"; import { Box } from "@twilio-paste/box"; import { CalendarIcon } from "@twilio-paste/icons/esm/CalendarIcon"; import * as React from "react"; +import type { JSX } from "react"; import { DisplayPill } from "../src/DisplayPill"; import { DisplayPillGroup } from "../src/DisplayPillGroup"; 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 eb5e09dc7a..4cebcfcf74 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 @@ -1,6 +1,7 @@ import { fireEvent, render, screen } from "@testing-library/react"; import { CustomizationProvider } from "@twilio-paste/customization"; import * as React from "react"; +import type { JSX } from "react"; import { FormPill, FormPillGroup, useFormPillState } from "../src"; import { CustomFormPillGroup } from "../stories/customization.stories"; 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 1d6353433e..c76fb32524 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 @@ -2,6 +2,7 @@ import { CustomizationProvider } from "@twilio-paste/customization"; import { CalendarIcon } from "@twilio-paste/icons/esm/CalendarIcon"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import { FormPill, FormPillGroup, useFormPillState } from "../src"; 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 caaf707757..b7786d3326 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 @@ -6,6 +6,7 @@ import { CalendarIcon } from "@twilio-paste/icons/esm/CalendarIcon"; import { Stack } from "@twilio-paste/stack"; import { Text } from "@twilio-paste/text"; import * as React from "react"; +import type { JSX } from "react"; import { FormPill, FormPillGroup, useFormPillState } from "../src"; import type { FormPillGroupSizeVariant } from "../src/FormPillGroup"; diff --git a/packages/paste-core/components/input-box/stories/inputbox.stories.tsx b/packages/paste-core/components/input-box/stories/inputbox.stories.tsx index f39c2f7aef..2d368b2a73 100644 --- a/packages/paste-core/components/input-box/stories/inputbox.stories.tsx +++ b/packages/paste-core/components/input-box/stories/inputbox.stories.tsx @@ -2,6 +2,7 @@ import { Box } from "@twilio-paste/box"; import { ChevronDownIcon } from "@twilio-paste/icons/esm/ChevronDownIcon"; import { Stack } from "@twilio-paste/stack"; import * as React from "react"; +import type { JSX } from "react"; import type { InputBoxProps } from "../src"; import { InputBox, InputChevronWrapper, getInputChevronIconColor } from "../src"; diff --git a/packages/paste-core/components/menu/stories/index.stories.tsx b/packages/paste-core/components/menu/stories/index.stories.tsx index 29abce993e..b41a5980bd 100644 --- a/packages/paste-core/components/menu/stories/index.stories.tsx +++ b/packages/paste-core/components/menu/stories/index.stories.tsx @@ -9,6 +9,7 @@ import { Stack } from "@twilio-paste/stack"; import { Text } from "@twilio-paste/text"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import { Menu, diff --git a/packages/paste-core/components/modal/__tests__/index.spec.tsx b/packages/paste-core/components/modal/__tests__/index.spec.tsx index ffb138c18b..19daf4288a 100644 --- a/packages/paste-core/components/modal/__tests__/index.spec.tsx +++ b/packages/paste-core/components/modal/__tests__/index.spec.tsx @@ -8,6 +8,7 @@ import { Label } from "@twilio-paste/label"; import { Paragraph } from "@twilio-paste/paragraph"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import { Modal, ModalBody, ModalFooter, ModalFooterActions, ModalHeader, ModalHeading } from "../src"; diff --git a/packages/paste-core/components/pagination/stories/index.stories.tsx b/packages/paste-core/components/pagination/stories/index.stories.tsx index d961155f84..53669031c1 100644 --- a/packages/paste-core/components/pagination/stories/index.stories.tsx +++ b/packages/paste-core/components/pagination/stories/index.stories.tsx @@ -1,5 +1,6 @@ import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import { Pagination, diff --git a/packages/paste-core/components/popover/stories/index.stories.tsx b/packages/paste-core/components/popover/stories/index.stories.tsx index 75ada97c83..8b7384c21d 100644 --- a/packages/paste-core/components/popover/stories/index.stories.tsx +++ b/packages/paste-core/components/popover/stories/index.stories.tsx @@ -12,6 +12,7 @@ import { useTheme } from "@twilio-paste/theme"; import { TimePicker } from "@twilio-paste/time-picker"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import { Popover, 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 e1cc1be4cd..651defb93d 100644 --- a/packages/paste-core/components/radio-group/__tests__/radio.test.tsx +++ b/packages/paste-core/components/radio-group/__tests__/radio.test.tsx @@ -3,6 +3,7 @@ import { fireEvent, render, screen } from "@testing-library/react"; import { CustomizationProvider } from "@twilio-paste/customization"; import type { PasteCustomCSS } from "@twilio-paste/customization"; import * as React from "react"; +import type { JSX } from "react"; import { Radio, RadioGroup } from "../src"; diff --git a/packages/paste-core/components/side-panel/__tests__/index.spec.tsx b/packages/paste-core/components/side-panel/__tests__/index.spec.tsx index 933f51c43f..3bc59056ab 100644 --- a/packages/paste-core/components/side-panel/__tests__/index.spec.tsx +++ b/packages/paste-core/components/side-panel/__tests__/index.spec.tsx @@ -3,6 +3,7 @@ import userEvent from "@testing-library/user-event"; import { Button } from "@twilio-paste/button"; import { Theme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import { SidePanel, diff --git a/packages/paste-core/components/sidebar/__tests__/index.spec.tsx b/packages/paste-core/components/sidebar/__tests__/index.spec.tsx index cb6dd5e503..e86866931b 100644 --- a/packages/paste-core/components/sidebar/__tests__/index.spec.tsx +++ b/packages/paste-core/components/sidebar/__tests__/index.spec.tsx @@ -4,6 +4,7 @@ import { CustomizationProvider } from "@twilio-paste/customization"; import { ProductFlexIcon } from "@twilio-paste/icons/esm/ProductFlexIcon"; import { Theme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import { Sidebar, diff --git a/packages/paste-core/components/sidebar/__tests__/sidebarNavigation.spec.tsx b/packages/paste-core/components/sidebar/__tests__/sidebarNavigation.spec.tsx index 11367de960..44c7c08f7f 100644 --- a/packages/paste-core/components/sidebar/__tests__/sidebarNavigation.spec.tsx +++ b/packages/paste-core/components/sidebar/__tests__/sidebarNavigation.spec.tsx @@ -8,6 +8,7 @@ import { ProductFlexIcon } from "@twilio-paste/icons/esm/ProductFlexIcon"; import { Menu, MenuButton, MenuItem, MenuSeparator, useMenuState } from "@twilio-paste/menu"; import { Theme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import { Sidebar, diff --git a/packages/paste-core/components/skeleton-loader/stories/index.stories.tsx b/packages/paste-core/components/skeleton-loader/stories/index.stories.tsx index 84387bf1d3..ba94c1c291 100644 --- a/packages/paste-core/components/skeleton-loader/stories/index.stories.tsx +++ b/packages/paste-core/components/skeleton-loader/stories/index.stories.tsx @@ -12,6 +12,7 @@ import { TBody, THead, Table, Td, Th, Tr } from "@twilio-paste/table"; import { Text } from "@twilio-paste/text"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import type { SkeletonLoaderProps } from "../src"; import { SkeletonLoader } from "../src"; diff --git a/packages/paste-core/components/summary-detail/__tests__/index.spec.tsx b/packages/paste-core/components/summary-detail/__tests__/index.spec.tsx index 2b574400b9..069aa10fde 100644 --- a/packages/paste-core/components/summary-detail/__tests__/index.spec.tsx +++ b/packages/paste-core/components/summary-detail/__tests__/index.spec.tsx @@ -2,6 +2,7 @@ import { render, screen, waitFor } from "@testing-library/react"; import userEvent from "@testing-library/user-event"; import { CustomizationProvider } from "@twilio-paste/customization"; import * as React from "react"; +import type { JSX } from "react"; import { SummaryDetail, diff --git a/packages/paste-core/components/table/stories/index.stories.tsx b/packages/paste-core/components/table/stories/index.stories.tsx index 22ce64e562..d202d060dc 100644 --- a/packages/paste-core/components/table/stories/index.stories.tsx +++ b/packages/paste-core/components/table/stories/index.stories.tsx @@ -13,6 +13,7 @@ import { Text } from "@twilio-paste/text"; import { useTheme } from "@twilio-paste/theme"; import { Truncate } from "@twilio-paste/truncate"; import * as React from "react"; +import type { JSX } from "react"; import { TBody, TFoot, THead, Table, Td, Th, Tr } from "../src"; diff --git a/packages/paste-core/components/tabs/__tests__/tabs.test.tsx b/packages/paste-core/components/tabs/__tests__/tabs.test.tsx index 44462ffcb1..6337836a6a 100644 --- a/packages/paste-core/components/tabs/__tests__/tabs.test.tsx +++ b/packages/paste-core/components/tabs/__tests__/tabs.test.tsx @@ -3,6 +3,7 @@ import userEvent from "@testing-library/user-event"; import { CustomizationProvider } from "@twilio-paste/customization"; import { Theme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import { Tab, TabList, TabPanel, TabPanels, Tabs } from "../src"; import { getElementName } from "../src/utils"; diff --git a/packages/paste-core/components/tabs/stories/index.stories.tsx b/packages/paste-core/components/tabs/stories/index.stories.tsx index f323bbe0e9..a931ebdbd3 100644 --- a/packages/paste-core/components/tabs/stories/index.stories.tsx +++ b/packages/paste-core/components/tabs/stories/index.stories.tsx @@ -9,6 +9,7 @@ import { Text } from "@twilio-paste/text"; import { useTheme } from "@twilio-paste/theme"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import { Tab, TabList, TabPanel, TabPanels, Tabs, useTabState } from "../src"; import type { TabStateReturn } from "../src"; diff --git a/packages/paste-core/components/toast/__tests__/toaster.spec.tsx b/packages/paste-core/components/toast/__tests__/toaster.spec.tsx index 7fac3796b2..bf8d2f3b6f 100644 --- a/packages/paste-core/components/toast/__tests__/toaster.spec.tsx +++ b/packages/paste-core/components/toast/__tests__/toaster.spec.tsx @@ -3,6 +3,7 @@ import { Button } from "@twilio-paste/button"; import { Theme } from "@twilio-paste/theme"; import { loremIpsum } from "lorem-ipsum"; import * as React from "react"; +import type { JSX } from "react"; import type { ToasterProps, ToasterToast } from "../src"; import { useToaster } from "../src"; diff --git a/packages/paste-core/components/tooltip/stories/index.stories.tsx b/packages/paste-core/components/tooltip/stories/index.stories.tsx index 45095edf45..1908743f89 100644 --- a/packages/paste-core/components/tooltip/stories/index.stories.tsx +++ b/packages/paste-core/components/tooltip/stories/index.stories.tsx @@ -8,6 +8,7 @@ import { Stack } from "@twilio-paste/stack"; import { Text } from "@twilio-paste/text"; import { Theme, useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import { Tooltip, useTooltipState } from "../src"; diff --git a/packages/paste-core/components/visual-picker/__tests__/checkbox.spec.tsx b/packages/paste-core/components/visual-picker/__tests__/checkbox.spec.tsx index dba5046e64..ce13a091e0 100644 --- a/packages/paste-core/components/visual-picker/__tests__/checkbox.spec.tsx +++ b/packages/paste-core/components/visual-picker/__tests__/checkbox.spec.tsx @@ -1,6 +1,7 @@ // eslint-disable-next-line import/no-extraneous-dependencies import { fireEvent, render, screen } from "@testing-library/react"; import * as React from "react"; +import type { JSX } from "react"; import { VisualPickerCheckbox, VisualPickerCheckboxGroup } from "../src"; import { CustomizedCheckbox } from "../stories/customization.stories"; diff --git a/packages/paste-core/components/visual-picker/__tests__/radio.spec.tsx b/packages/paste-core/components/visual-picker/__tests__/radio.spec.tsx index 19336052b8..3b8fcaecc7 100644 --- a/packages/paste-core/components/visual-picker/__tests__/radio.spec.tsx +++ b/packages/paste-core/components/visual-picker/__tests__/radio.spec.tsx @@ -1,6 +1,7 @@ // eslint-disable-next-line import/no-extraneous-dependencies import { fireEvent, render, screen } from "@testing-library/react"; import * as React from "react"; +import type { JSX } from "react"; import { VisualPickerRadio, VisualPickerRadioGroup } from "../src"; import { CustomizedRadio } from "../stories/customization.stories"; diff --git a/packages/paste-core/layout/stack/__tests__/stack.test.tsx b/packages/paste-core/layout/stack/__tests__/stack.test.tsx index df3bbaa1da..9b0d4dd119 100644 --- a/packages/paste-core/layout/stack/__tests__/stack.test.tsx +++ b/packages/paste-core/layout/stack/__tests__/stack.test.tsx @@ -2,6 +2,7 @@ import { render, screen } from "@testing-library/react"; import { Card } from "@twilio-paste/card"; import { CustomizationProvider } from "@twilio-paste/customization"; import * as React from "react"; +import type { JSX } from "react"; import type { StackOrientation } from "../src"; import { Stack, getStackChildMargins, getStackDisplay, getStackStyles } from "../src/Stack"; diff --git a/packages/paste-core/primitives/box/stories/index.stories.tsx b/packages/paste-core/primitives/box/stories/index.stories.tsx index c8a77ddd6c..ffb0c45fba 100644 --- a/packages/paste-core/primitives/box/stories/index.stories.tsx +++ b/packages/paste-core/primitives/box/stories/index.stories.tsx @@ -5,6 +5,7 @@ import { Text } from "@twilio-paste/text"; import { useTheme } from "@twilio-paste/theme"; import type { ThemeShape } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import { CustomizableBoxExample } from "../__fixtures__/CustomizableBox"; import { Box } from "../src"; diff --git a/packages/paste-core/primitives/disclosure/stories/index.stories.tsx b/packages/paste-core/primitives/disclosure/stories/index.stories.tsx index 73ad0a2ab1..91e5249c8f 100644 --- a/packages/paste-core/primitives/disclosure/stories/index.stories.tsx +++ b/packages/paste-core/primitives/disclosure/stories/index.stories.tsx @@ -3,6 +3,7 @@ import { Heading } from "@twilio-paste/heading"; import { Paragraph } from "@twilio-paste/paragraph"; import { Separator } from "@twilio-paste/separator"; import * as React from "react"; +import type { JSX } from "react"; import { DisclosurePrimitive, DisclosurePrimitiveContent, useDisclosurePrimitiveState } from "../src"; diff --git a/packages/paste-core/primitives/menu/__tests__/index.spec.tsx b/packages/paste-core/primitives/menu/__tests__/index.spec.tsx index d05b771ebe..5df65fe649 100644 --- a/packages/paste-core/primitives/menu/__tests__/index.spec.tsx +++ b/packages/paste-core/primitives/menu/__tests__/index.spec.tsx @@ -1,5 +1,6 @@ import { fireEvent, render, screen } from "@testing-library/react"; import * as React from "react"; +import type { JSX } from "react"; import { MenuPrimitive, diff --git a/packages/paste-customization/stories/customization.stories.tsx b/packages/paste-customization/stories/customization.stories.tsx index ec3c14ca8b..ea8d3957b7 100644 --- a/packages/paste-customization/stories/customization.stories.tsx +++ b/packages/paste-customization/stories/customization.stories.tsx @@ -7,6 +7,7 @@ import { Paragraph } from "@twilio-paste/paragraph"; import { Stack } from "@twilio-paste/stack"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import { CustomizationProvider } from "../src"; diff --git a/packages/paste-libraries/uid/stories/index.stories.tsx b/packages/paste-libraries/uid/stories/index.stories.tsx index abea173bd5..9de9cbb20d 100644 --- a/packages/paste-libraries/uid/stories/index.stories.tsx +++ b/packages/paste-libraries/uid/stories/index.stories.tsx @@ -4,6 +4,7 @@ import { Input } from "@twilio-paste/input"; import { Label } from "@twilio-paste/label"; import { Paragraph } from "@twilio-paste/paragraph"; import * as React from "react"; +import type { JSX } from "react"; import { UIDFork, useUID, useUIDSeed } from "../src"; diff --git a/packages/paste-theme-designer/components/layout/editor-wrapper/TokenSelector.tsx b/packages/paste-theme-designer/components/layout/editor-wrapper/TokenSelector.tsx index 9f0787bf65..7880ce9d4f 100644 --- a/packages/paste-theme-designer/components/layout/editor-wrapper/TokenSelector.tsx +++ b/packages/paste-theme-designer/components/layout/editor-wrapper/TokenSelector.tsx @@ -3,6 +3,7 @@ import { Label } from "@twilio-paste/core/label"; import { Option, Select } from "@twilio-paste/core/select"; import { useRouter } from "next/router"; import * as React from "react"; +import type { JSX } from "react"; import { Routes } from "../../../constants/Routes"; diff --git a/packages/paste-theme-designer/components/preview/AlertPreview.tsx b/packages/paste-theme-designer/components/preview/AlertPreview.tsx index a861a9b891..4924854f9c 100644 --- a/packages/paste-theme-designer/components/preview/AlertPreview.tsx +++ b/packages/paste-theme-designer/components/preview/AlertPreview.tsx @@ -2,6 +2,7 @@ import { Alert } from "@twilio-paste/core/alert"; import { Stack } from "@twilio-paste/core/stack"; import { Text } from "@twilio-paste/core/text"; import * as React from "react"; +import type { JSX } from "react"; const AlertPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/AnchorPreview.tsx b/packages/paste-theme-designer/components/preview/AnchorPreview.tsx index 91ba73ceed..97e8740edc 100644 --- a/packages/paste-theme-designer/components/preview/AnchorPreview.tsx +++ b/packages/paste-theme-designer/components/preview/AnchorPreview.tsx @@ -1,6 +1,7 @@ import { Anchor } from "@twilio-paste/core/anchor"; import { Stack } from "@twilio-paste/core/stack"; import * as React from "react"; +import type { JSX } from "react"; const AnchorPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/AvatarPreview.tsx b/packages/paste-theme-designer/components/preview/AvatarPreview.tsx index 6b9fc35c8f..de4792906c 100644 --- a/packages/paste-theme-designer/components/preview/AvatarPreview.tsx +++ b/packages/paste-theme-designer/components/preview/AvatarPreview.tsx @@ -1,6 +1,7 @@ import { Avatar } from "@twilio-paste/core/avatar"; import { Stack } from "@twilio-paste/core/stack"; import * as React from "react"; +import type { JSX } from "react"; const AvatarPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/BreadcrumbPreview.tsx b/packages/paste-theme-designer/components/preview/BreadcrumbPreview.tsx index b504de06aa..68f712f70c 100644 --- a/packages/paste-theme-designer/components/preview/BreadcrumbPreview.tsx +++ b/packages/paste-theme-designer/components/preview/BreadcrumbPreview.tsx @@ -1,5 +1,6 @@ import { Breadcrumb, BreadcrumbItem } from "@twilio-paste/core/breadcrumb"; import * as React from "react"; +import type { JSX } from "react"; const BreadcrumbPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/ButtonPreview.tsx b/packages/paste-theme-designer/components/preview/ButtonPreview.tsx index 3eaed0e5bd..229e85f7a4 100644 --- a/packages/paste-theme-designer/components/preview/ButtonPreview.tsx +++ b/packages/paste-theme-designer/components/preview/ButtonPreview.tsx @@ -1,6 +1,7 @@ import { Button } from "@twilio-paste/core/button"; import { Stack } from "@twilio-paste/core/stack"; import * as React from "react"; +import type { JSX } from "react"; const ButtonPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/CardPreview.tsx b/packages/paste-theme-designer/components/preview/CardPreview.tsx index 9332377fb3..77de6b50cc 100644 --- a/packages/paste-theme-designer/components/preview/CardPreview.tsx +++ b/packages/paste-theme-designer/components/preview/CardPreview.tsx @@ -5,6 +5,7 @@ import { Heading } from "@twilio-paste/core/heading"; import { MediaBody, MediaFigure, MediaObject } from "@twilio-paste/core/media-object"; import { Paragraph } from "@twilio-paste/core/paragraph"; import * as React from "react"; +import type { JSX } from "react"; import { MenuPreview } from "./MenuPreview"; import { ModalPreview } from "./ModalPreview"; diff --git a/packages/paste-theme-designer/components/preview/FormPreview.tsx b/packages/paste-theme-designer/components/preview/FormPreview.tsx index b03124aa4c..5d783ce4d6 100644 --- a/packages/paste-theme-designer/components/preview/FormPreview.tsx +++ b/packages/paste-theme-designer/components/preview/FormPreview.tsx @@ -9,6 +9,7 @@ import { Option, Select } from "@twilio-paste/core/select"; import { Stack } from "@twilio-paste/core/stack"; import { useUIDSeed } from "@twilio-paste/core/uid-library"; import * as React from "react"; +import type { JSX } from "react"; const FormPreview = (): JSX.Element => { const [inputValue, setInputValue] = React.useState("input"); diff --git a/packages/paste-theme-designer/components/preview/MenuPreview.tsx b/packages/paste-theme-designer/components/preview/MenuPreview.tsx index 1418948ceb..bc316d09a3 100644 --- a/packages/paste-theme-designer/components/preview/MenuPreview.tsx +++ b/packages/paste-theme-designer/components/preview/MenuPreview.tsx @@ -1,6 +1,7 @@ import { Menu, MenuButton, MenuItem, useMenuState } from "@twilio-paste/core/menu"; import { ChevronDownIcon } from "@twilio-paste/icons/cjs/ChevronDownIcon"; import * as React from "react"; +import type { JSX } from "react"; const MenuPreview = (): JSX.Element => { const menu = useMenuState(); diff --git a/packages/paste-theme-designer/components/preview/ModalPreview.tsx b/packages/paste-theme-designer/components/preview/ModalPreview.tsx index a30e9bd80d..e85230f82a 100644 --- a/packages/paste-theme-designer/components/preview/ModalPreview.tsx +++ b/packages/paste-theme-designer/components/preview/ModalPreview.tsx @@ -5,6 +5,7 @@ import { Paragraph } from "@twilio-paste/core/paragraph"; import { Option, Select } from "@twilio-paste/core/select"; import { useUID } from "@twilio-paste/core/uid-library"; import * as React from "react"; +import type { JSX } from "react"; const ModalPreview = (): JSX.Element => { const [value, setValue] = React.useState(""); diff --git a/packages/paste-theme-designer/components/preview/PopoverPreview.tsx b/packages/paste-theme-designer/components/preview/PopoverPreview.tsx index 5d231cec6e..e3df1749bb 100644 --- a/packages/paste-theme-designer/components/preview/PopoverPreview.tsx +++ b/packages/paste-theme-designer/components/preview/PopoverPreview.tsx @@ -1,6 +1,7 @@ import { Popover, PopoverButton, PopoverContainer } from "@twilio-paste/core/popover"; import { Text } from "@twilio-paste/core/text"; import * as React from "react"; +import type { JSX } from "react"; const PopoverPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/TabbedContent.tsx b/packages/paste-theme-designer/components/preview/TabbedContent.tsx index 350a92ebc4..b8f6b93f4f 100644 --- a/packages/paste-theme-designer/components/preview/TabbedContent.tsx +++ b/packages/paste-theme-designer/components/preview/TabbedContent.tsx @@ -5,6 +5,7 @@ import { Stack } from "@twilio-paste/core/stack"; import { Tab, TabList, TabPanel, TabPanels, Tabs } from "@twilio-paste/core/tabs"; import { useUID } from "@twilio-paste/core/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import { AlertPreview } from "./AlertPreview"; import { AnchorPreview } from "./AnchorPreview"; diff --git a/packages/paste-theme-designer/components/preview/TablePreview.tsx b/packages/paste-theme-designer/components/preview/TablePreview.tsx index 1fcc4294d5..ad0e364b88 100644 --- a/packages/paste-theme-designer/components/preview/TablePreview.tsx +++ b/packages/paste-theme-designer/components/preview/TablePreview.tsx @@ -1,5 +1,6 @@ import { TBody, THead, Table, Td, Th, Tr } from "@twilio-paste/core/table"; import * as React from "react"; +import type { JSX } from "react"; const TablePreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/ToastPreview.tsx b/packages/paste-theme-designer/components/preview/ToastPreview.tsx index 6470f0c62b..fc468f42b1 100644 --- a/packages/paste-theme-designer/components/preview/ToastPreview.tsx +++ b/packages/paste-theme-designer/components/preview/ToastPreview.tsx @@ -3,6 +3,7 @@ import { Stack } from "@twilio-paste/core/stack"; import { Text } from "@twilio-paste/core/text"; import { Toast } from "@twilio-paste/core/toast"; import * as React from "react"; +import type { JSX } from "react"; const ToastPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/TooltipPreview.tsx b/packages/paste-theme-designer/components/preview/TooltipPreview.tsx index f878435641..c1c0ce6148 100644 --- a/packages/paste-theme-designer/components/preview/TooltipPreview.tsx +++ b/packages/paste-theme-designer/components/preview/TooltipPreview.tsx @@ -1,6 +1,7 @@ import { Button } from "@twilio-paste/core/button"; import { Tooltip } from "@twilio-paste/core/tooltip"; import * as React from "react"; +import type { JSX } from "react"; const TooltipPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/TypographyPreview.tsx b/packages/paste-theme-designer/components/preview/TypographyPreview.tsx index c0d35cb306..bdb5a25209 100644 --- a/packages/paste-theme-designer/components/preview/TypographyPreview.tsx +++ b/packages/paste-theme-designer/components/preview/TypographyPreview.tsx @@ -2,6 +2,7 @@ import { Heading } from "@twilio-paste/core/heading"; import { ListItem, OrderedList, UnorderedList } from "@twilio-paste/core/list"; import { Paragraph } from "@twilio-paste/core/paragraph"; import * as React from "react"; +import type { JSX } from "react"; const TypographyPreview = (): JSX.Element => { return ( diff --git a/packages/paste-theme-designer/components/preview/index.tsx b/packages/paste-theme-designer/components/preview/index.tsx index 05a91f765b..2bd239b525 100644 --- a/packages/paste-theme-designer/components/preview/index.tsx +++ b/packages/paste-theme-designer/components/preview/index.tsx @@ -3,6 +3,7 @@ import { CustomizationProvider } from "@twilio-paste/core/customization"; import { Column, Grid } from "@twilio-paste/core/grid"; import { generateThemeFromTokens } from "@twilio-paste/core/theme"; import * as React from "react"; +import type { JSX } from "react"; import { SITE_MASTHEAD_HEIGHT } from "../../constants"; import { TokenContext } from "../../context/TokenContext"; diff --git a/packages/paste-theme-designer/components/topbar/BetaBadge.tsx b/packages/paste-theme-designer/components/topbar/BetaBadge.tsx index 0ca9d2a3e7..2d8fc10fa7 100644 --- a/packages/paste-theme-designer/components/topbar/BetaBadge.tsx +++ b/packages/paste-theme-designer/components/topbar/BetaBadge.tsx @@ -1,6 +1,7 @@ import { Badge } from "@twilio-paste/core/badge"; import { NewIcon } from "@twilio-paste/icons/cjs/NewIcon"; import * as React from "react"; +import type { JSX } from "react"; import { SimpleStorage } from "../../utils/SimpleStorage"; import { BetaModal } from "./BetaModal"; diff --git a/packages/paste-theme-designer/components/topbar/index.tsx b/packages/paste-theme-designer/components/topbar/index.tsx index 02614f6b5d..8c6cd9db2d 100644 --- a/packages/paste-theme-designer/components/topbar/index.tsx +++ b/packages/paste-theme-designer/components/topbar/index.tsx @@ -1,5 +1,6 @@ import { Box } from "@twilio-paste/core/box"; import * as React from "react"; +import type { JSX } from "react"; import { SiteHeaderLogo } from "./SiteHeaderLogo"; diff --git a/packages/paste-theme-designer/pages/_app.tsx b/packages/paste-theme-designer/pages/_app.tsx index 703a318e59..70a4e77847 100644 --- a/packages/paste-theme-designer/pages/_app.tsx +++ b/packages/paste-theme-designer/pages/_app.tsx @@ -5,6 +5,7 @@ import type { GenericTokensShape } from "@twilio-paste/design-tokens/types/Gener import type { AppProps } from "next/app"; import Head from "next/head"; import * as React from "react"; +import type { JSX } from "react"; import { TokenContext } from "../context/TokenContext"; diff --git a/packages/paste-theme-designer/pages/background-color/index.tsx b/packages/paste-theme-designer/pages/background-color/index.tsx index 27f5773996..161b186477 100644 --- a/packages/paste-theme-designer/pages/background-color/index.tsx +++ b/packages/paste-theme-designer/pages/background-color/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme-designer/pages/border-color/index.tsx b/packages/paste-theme-designer/pages/border-color/index.tsx index b50add4da6..ac3648027d 100644 --- a/packages/paste-theme-designer/pages/border-color/index.tsx +++ b/packages/paste-theme-designer/pages/border-color/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme-designer/pages/border-width/index.tsx b/packages/paste-theme-designer/pages/border-width/index.tsx index 6236e16d17..84d5c90635 100644 --- a/packages/paste-theme-designer/pages/border-width/index.tsx +++ b/packages/paste-theme-designer/pages/border-width/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme-designer/pages/box-shadow/index.tsx b/packages/paste-theme-designer/pages/box-shadow/index.tsx index 6fe018ba97..5597e4f508 100644 --- a/packages/paste-theme-designer/pages/box-shadow/index.tsx +++ b/packages/paste-theme-designer/pages/box-shadow/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme-designer/pages/font-size/index.tsx b/packages/paste-theme-designer/pages/font-size/index.tsx index 9607ede35d..388dfd56fb 100644 --- a/packages/paste-theme-designer/pages/font-size/index.tsx +++ b/packages/paste-theme-designer/pages/font-size/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme-designer/pages/font-weight/index.tsx b/packages/paste-theme-designer/pages/font-weight/index.tsx index 7be27bbf68..0560c85dc4 100644 --- a/packages/paste-theme-designer/pages/font-weight/index.tsx +++ b/packages/paste-theme-designer/pages/font-weight/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme-designer/pages/font/index.tsx b/packages/paste-theme-designer/pages/font/index.tsx index 25673ffc5c..4609329e07 100644 --- a/packages/paste-theme-designer/pages/font/index.tsx +++ b/packages/paste-theme-designer/pages/font/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme-designer/pages/index.tsx b/packages/paste-theme-designer/pages/index.tsx index b3a6412719..f8b3667da0 100644 --- a/packages/paste-theme-designer/pages/index.tsx +++ b/packages/paste-theme-designer/pages/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../components/layout/editor-wrapper"; diff --git a/packages/paste-theme-designer/pages/line-height/index.tsx b/packages/paste-theme-designer/pages/line-height/index.tsx index cb547b2e18..a13d91e5cb 100644 --- a/packages/paste-theme-designer/pages/line-height/index.tsx +++ b/packages/paste-theme-designer/pages/line-height/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme-designer/pages/radii/index.tsx b/packages/paste-theme-designer/pages/radii/index.tsx index 8faef430d3..167f4357fd 100644 --- a/packages/paste-theme-designer/pages/radii/index.tsx +++ b/packages/paste-theme-designer/pages/radii/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme-designer/pages/sizing/index.tsx b/packages/paste-theme-designer/pages/sizing/index.tsx index 54f1071674..cb1222295f 100644 --- a/packages/paste-theme-designer/pages/sizing/index.tsx +++ b/packages/paste-theme-designer/pages/sizing/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme-designer/pages/spacing/index.tsx b/packages/paste-theme-designer/pages/spacing/index.tsx index 7fa6e1965a..ff3a804109 100644 --- a/packages/paste-theme-designer/pages/spacing/index.tsx +++ b/packages/paste-theme-designer/pages/spacing/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme-designer/pages/text-color/index.tsx b/packages/paste-theme-designer/pages/text-color/index.tsx index 92f89ae1fe..d99f6b4f93 100644 --- a/packages/paste-theme-designer/pages/text-color/index.tsx +++ b/packages/paste-theme-designer/pages/text-color/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme-designer/pages/z-index/index.tsx b/packages/paste-theme-designer/pages/z-index/index.tsx index 21bf44b1c3..42c90fa8df 100644 --- a/packages/paste-theme-designer/pages/z-index/index.tsx +++ b/packages/paste-theme-designer/pages/z-index/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { EditorWrapper } from "../../components/layout/editor-wrapper"; import { OptionsList } from "../../components/token-option"; diff --git a/packages/paste-theme/stories/themeProvider.stories.tsx b/packages/paste-theme/stories/themeProvider.stories.tsx index 4a215ef189..7e39732564 100644 --- a/packages/paste-theme/stories/themeProvider.stories.tsx +++ b/packages/paste-theme/stories/themeProvider.stories.tsx @@ -6,6 +6,7 @@ import { Option, Select } from "@twilio-paste/select"; import { Stack } from "@twilio-paste/stack"; import { TextArea } from "@twilio-paste/textarea"; import * as React from "react"; +import type { JSX } from "react"; import { Helmet } from "react-helmet"; import { ThemeProvider } from "../src/themeProvider"; diff --git a/packages/paste-token-contrast-checker/src/components/Form.tsx b/packages/paste-token-contrast-checker/src/components/Form.tsx index 5fed6c2ed7..f4ee37d0d8 100644 --- a/packages/paste-token-contrast-checker/src/components/Form.tsx +++ b/packages/paste-token-contrast-checker/src/components/Form.tsx @@ -9,6 +9,7 @@ import { Text } from "@twilio-paste/core/text"; import { TextArea } from "@twilio-paste/core/textarea"; import { useUIDSeed } from "@twilio-paste/core/uid-library"; import * as React from "react"; +import type { JSX } from "react"; export const ExampleForm = (): JSX.Element => { const [inputValue, setInputValue] = React.useState(""); diff --git a/packages/paste-token-contrast-checker/src/components/KitchenSink.tsx b/packages/paste-token-contrast-checker/src/components/KitchenSink.tsx index cd3b765456..a0ffe2d3d9 100644 --- a/packages/paste-token-contrast-checker/src/components/KitchenSink.tsx +++ b/packages/paste-token-contrast-checker/src/components/KitchenSink.tsx @@ -19,6 +19,7 @@ import { useUID } from "@twilio-paste/core/uid-library"; import { PlusIcon } from "@twilio-paste/icons/cjs/PlusIcon"; import { ProductTwilioOrgIcon } from "@twilio-paste/icons/cjs/ProductTwilioOrgIcon"; import * as React from "react"; +import type { JSX } from "react"; import { ExampleForm } from "./Form"; import { PlainMenu } from "./Menu"; diff --git a/packages/paste-token-contrast-checker/src/components/Menu.tsx b/packages/paste-token-contrast-checker/src/components/Menu.tsx index 6b6e810288..8a6e7eccbc 100644 --- a/packages/paste-token-contrast-checker/src/components/Menu.tsx +++ b/packages/paste-token-contrast-checker/src/components/Menu.tsx @@ -1,6 +1,7 @@ import { Menu, MenuButton, MenuItem, MenuSeparator, useMenuState } from "@twilio-paste/core/menu"; import { ChevronDownIcon } from "@twilio-paste/icons/cjs/ChevronDownIcon"; import * as React from "react"; +import type { JSX } from "react"; export const PlainMenu = (): JSX.Element => { const menu = useMenuState(); diff --git a/packages/paste-token-contrast-checker/src/components/SideBar.tsx b/packages/paste-token-contrast-checker/src/components/SideBar.tsx index 9cddf0ec25..8916d0066d 100644 --- a/packages/paste-token-contrast-checker/src/components/SideBar.tsx +++ b/packages/paste-token-contrast-checker/src/components/SideBar.tsx @@ -6,6 +6,7 @@ import { ErrorIcon } from "@twilio-paste/icons/cjs/ErrorIcon"; import { SuccessIcon } from "@twilio-paste/icons/cjs/SuccessIcon"; import * as React from "react"; +import type { JSX } from "react"; import { SelectedThemeContext } from "../App"; import { ThemeSelector } from "./ThemeSelector"; import { TokenPairRating } from "./TokenPairRating"; diff --git a/packages/paste-token-contrast-checker/src/index.tsx b/packages/paste-token-contrast-checker/src/index.tsx index 9df6569078..5473bfe012 100644 --- a/packages/paste-token-contrast-checker/src/index.tsx +++ b/packages/paste-token-contrast-checker/src/index.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import * as ReactDOM from "react-dom"; import App from "./App"; diff --git a/packages/paste-token-contrast-checker/src/pages/IndexPage.tsx b/packages/paste-token-contrast-checker/src/pages/IndexPage.tsx index 5fa2bc586f..b68107da04 100644 --- a/packages/paste-token-contrast-checker/src/pages/IndexPage.tsx +++ b/packages/paste-token-contrast-checker/src/pages/IndexPage.tsx @@ -1,5 +1,6 @@ import { Box } from "@twilio-paste/core/box"; import * as React from "react"; +import type { JSX } from "react"; import { KitchenSink } from "../components/KitchenSink"; import { SideBar } from "../components/SideBar"; diff --git a/packages/paste-website/public/images/card/Marketing2.tsx b/packages/paste-website/public/images/card/Marketing2.tsx index 3a1cf5e04f..4bfc72f6e5 100644 --- a/packages/paste-website/public/images/card/Marketing2.tsx +++ b/packages/paste-website/public/images/card/Marketing2.tsx @@ -1,3 +1,5 @@ +import type { JSX } from "react"; + export const Marketing2 = (): JSX.Element => { return ( diff --git a/packages/paste-website/public/images/card/Marketing3.tsx b/packages/paste-website/public/images/card/Marketing3.tsx index 740920d902..5828a759c2 100644 --- a/packages/paste-website/public/images/card/Marketing3.tsx +++ b/packages/paste-website/public/images/card/Marketing3.tsx @@ -1,3 +1,5 @@ +import type { JSX } from "react"; + export const Marketing3 = (): JSX.Element => { return ( diff --git a/packages/paste-website/public/images/card/Marketing4.tsx b/packages/paste-website/public/images/card/Marketing4.tsx index 4993426b6c..c0976bb87d 100644 --- a/packages/paste-website/public/images/card/Marketing4.tsx +++ b/packages/paste-website/public/images/card/Marketing4.tsx @@ -1,3 +1,5 @@ +import type { JSX } from "react"; + export const Marketing4 = (): JSX.Element => { return ( diff --git a/packages/paste-website/src/__tests__/genericHeader.test.tsx b/packages/paste-website/src/__tests__/genericHeader.test.tsx index e6fee0e293..3b780a21f7 100644 --- a/packages/paste-website/src/__tests__/genericHeader.test.tsx +++ b/packages/paste-website/src/__tests__/genericHeader.test.tsx @@ -3,6 +3,7 @@ import { Theme } from "@twilio-paste/theme"; // eslint-disable-next-line @typescript-eslint/ban-ts-comment // @ts-ignore react import is flagged as unused by tsx but required when running the tests import * as React from "react"; +import type { JSX } from "react"; import { GenericHeader } from "../components/shortcodes/generic-header"; diff --git a/packages/paste-website/src/__tests__/packageStatusLegend.test.tsx b/packages/paste-website/src/__tests__/packageStatusLegend.test.tsx index 56fd9daadb..cc7a0dfce0 100644 --- a/packages/paste-website/src/__tests__/packageStatusLegend.test.tsx +++ b/packages/paste-website/src/__tests__/packageStatusLegend.test.tsx @@ -3,6 +3,7 @@ import { Theme } from "@twilio-paste/theme"; // eslint-disable-next-line @typescript-eslint/ban-ts-comment // @ts-ignore react import is flagged as unused by tsx but required when running the tests import * as React from "react"; +import type { JSX } from "react"; import { PackageStatusLegend } from "../components/shortcodes/package-status-legend"; diff --git a/packages/paste-website/src/assets/illustrations/AlertsAndNotifications.tsx b/packages/paste-website/src/assets/illustrations/AlertsAndNotifications.tsx index ccd914f0e0..247be2956b 100644 --- a/packages/paste-website/src/assets/illustrations/AlertsAndNotifications.tsx +++ b/packages/paste-website/src/assets/illustrations/AlertsAndNotifications.tsx @@ -1,3 +1,5 @@ +import type { JSX } from "react"; + export const AlertsAndNotifications = (): JSX.Element => { return ( diff --git a/packages/paste-website/src/assets/illustrations/DoodleArrow.tsx b/packages/paste-website/src/assets/illustrations/DoodleArrow.tsx index 8788ccd548..df3930e2f1 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleArrow.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleArrow.tsx @@ -1,6 +1,7 @@ import { animated, useSpring } from "@twilio-paste/animation-library"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import VisibilitySensor from "react-visibility-sensor"; const dashArray = 250; diff --git a/packages/paste-website/src/assets/illustrations/DoodleBurst.tsx b/packages/paste-website/src/assets/illustrations/DoodleBurst.tsx index f5e3b58a87..56b568adb7 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleBurst.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleBurst.tsx @@ -1,6 +1,7 @@ import { animated, useSpring } from "@twilio-paste/animation-library"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import VisibilitySensor from "react-visibility-sensor"; const dashArray = 260; diff --git a/packages/paste-website/src/assets/illustrations/DoodleCloud.tsx b/packages/paste-website/src/assets/illustrations/DoodleCloud.tsx index 8c1bbaf456..84bd7d96a7 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleCloud.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleCloud.tsx @@ -1,6 +1,7 @@ import { animated, useSpring } from "@twilio-paste/animation-library"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import VisibilitySensor from "react-visibility-sensor"; const dashArray = 160; diff --git a/packages/paste-website/src/assets/illustrations/DoodleCurve.tsx b/packages/paste-website/src/assets/illustrations/DoodleCurve.tsx index 99bf30741f..e24f532719 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleCurve.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleCurve.tsx @@ -1,6 +1,7 @@ import { animated, useSpring } from "@twilio-paste/animation-library"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import VisibilitySensor from "react-visibility-sensor"; const dashArray = 50; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopArrow.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopArrow.tsx index c986255d88..7cd0881a8e 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopArrow.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopArrow.tsx @@ -1,6 +1,7 @@ import { animated, useSpring } from "@twilio-paste/animation-library"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import VisibilitySensor from "react-visibility-sensor"; const dashArray = 250; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopArrowLarge.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopArrowLarge.tsx index 147509e8c7..d545cc51c0 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopArrowLarge.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopArrowLarge.tsx @@ -1,6 +1,7 @@ import { animated, useSpring } from "@twilio-paste/animation-library"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import VisibilitySensor from "react-visibility-sensor"; const dashArray = 350; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopFooterSide.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopFooterSide.tsx index de8ecae3c7..f3f6e3884a 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopFooterSide.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopFooterSide.tsx @@ -1,3 +1,4 @@ +import type { JSX } from "react"; /* * import { animated, useSpring } from "@twilio-paste/animation-library"; * import { useTheme } from "@twilio-paste/theme"; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopLarge.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopLarge.tsx index d1607a4bfa..6a5861f8e0 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopLarge.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopLarge.tsx @@ -1,6 +1,7 @@ import { animated, useSpring } from "@twilio-paste/animation-library"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import VisibilitySensor from "react-visibility-sensor"; const dashArray = 350; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopMedium.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopMedium.tsx index 65dd8e1379..ea8bb09bd3 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopMedium.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopMedium.tsx @@ -1,6 +1,7 @@ import { animated, useSpring } from "@twilio-paste/animation-library"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import VisibilitySensor from "react-visibility-sensor"; const dashArray = 350; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopSmall.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopSmall.tsx index ebb389f48c..f6721d7c71 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopSmall.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopSmall.tsx @@ -1,6 +1,7 @@ import { animated, useSpring } from "@twilio-paste/animation-library"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import VisibilitySensor from "react-visibility-sensor"; const dashArray = 110; diff --git a/packages/paste-website/src/assets/illustrations/DoodleLoopTiny.tsx b/packages/paste-website/src/assets/illustrations/DoodleLoopTiny.tsx index 7c7a78fe41..657a905093 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleLoopTiny.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleLoopTiny.tsx @@ -1,6 +1,7 @@ import { animated, useSpring } from "@twilio-paste/animation-library"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import VisibilitySensor from "react-visibility-sensor"; const dashArray = 110; diff --git a/packages/paste-website/src/assets/illustrations/DoodleZigzag.tsx b/packages/paste-website/src/assets/illustrations/DoodleZigzag.tsx index bcbddfb16e..737e5ecf4b 100644 --- a/packages/paste-website/src/assets/illustrations/DoodleZigzag.tsx +++ b/packages/paste-website/src/assets/illustrations/DoodleZigzag.tsx @@ -1,6 +1,7 @@ import { animated, useSpring } from "@twilio-paste/animation-library"; import { useTheme } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import VisibilitySensor from "react-visibility-sensor"; const dashArray = 260; diff --git a/packages/paste-website/src/assets/illustrations/NewDoodleLoop.tsx b/packages/paste-website/src/assets/illustrations/NewDoodleLoop.tsx index a68f755808..d16b9daead 100644 --- a/packages/paste-website/src/assets/illustrations/NewDoodleLoop.tsx +++ b/packages/paste-website/src/assets/illustrations/NewDoodleLoop.tsx @@ -1,3 +1,4 @@ +import type { JSX } from "react"; /* * import { animated, useSpring } from "@twilio-paste/animation-library"; * import { useTheme } from "@twilio-paste/theme"; diff --git a/packages/paste-website/src/component-examples/ColorsFoundationExamples.tsx b/packages/paste-website/src/component-examples/ColorsFoundationExamples.tsx index dd390bf25a..031e842d56 100644 --- a/packages/paste-website/src/component-examples/ColorsFoundationExamples.tsx +++ b/packages/paste-website/src/component-examples/ColorsFoundationExamples.tsx @@ -3,6 +3,7 @@ import { InformationIcon } from "@twilio-paste/icons/esm/InformationIcon"; import type { BackgroundColorOptions, BorderColorOptions, TextColorOptions } from "@twilio-paste/style-props"; import { styled, themeGet } from "@twilio-paste/styling-library"; import { useUID } from "@twilio-paste/uid-library"; +import type { JSX } from "react"; import { ImageCaption } from "../components/ImageCaption"; import { ColorSwatch, ColorSwatchText } from "../components/color-swatch/ColorSwatch"; diff --git a/packages/paste-website/src/component-examples/DataVisualizationExamples.tsx b/packages/paste-website/src/component-examples/DataVisualizationExamples.tsx index 1f8aa31328..ed9166d601 100644 --- a/packages/paste-website/src/component-examples/DataVisualizationExamples.tsx +++ b/packages/paste-website/src/component-examples/DataVisualizationExamples.tsx @@ -2,6 +2,7 @@ import { Box } from "@twilio-paste/box"; import { ThemeContext, styled, themeGet } from "@twilio-paste/styling-library"; import type { ThemeShape } from "@twilio-paste/theme"; import * as React from "react"; +import type { JSX } from "react"; import { ImageCaption } from "../components/ImageCaption"; import { ColorSwatchText } from "../components/color-swatch/ColorSwatch"; diff --git a/packages/paste-website/src/component-examples/ElevationFoundationExamples.tsx b/packages/paste-website/src/component-examples/ElevationFoundationExamples.tsx index 9bcb87c9d3..14e5651f60 100644 --- a/packages/paste-website/src/component-examples/ElevationFoundationExamples.tsx +++ b/packages/paste-website/src/component-examples/ElevationFoundationExamples.tsx @@ -1,3 +1,5 @@ +import type { JSX } from "react"; + import { ImageCaption } from "../components/ImageCaption"; export const ElevatedBackgroundColorTokensExample = ` diff --git a/packages/paste-website/src/component-examples/ModalDialogPrimitiveExample.tsx b/packages/paste-website/src/component-examples/ModalDialogPrimitiveExample.tsx index c90efc80be..cb8a74a408 100644 --- a/packages/paste-website/src/component-examples/ModalDialogPrimitiveExample.tsx +++ b/packages/paste-website/src/component-examples/ModalDialogPrimitiveExample.tsx @@ -3,6 +3,7 @@ import { ModalDialogPrimitiveContent, ModalDialogPrimitiveOverlay } from "@twili import { styled } from "@twilio-paste/styling-library"; import { Text } from "@twilio-paste/text"; import * as React from "react"; +import type { JSX } from "react"; const StyledModalDialogOverlay = styled(ModalDialogPrimitiveOverlay)({ position: "fixed", diff --git a/packages/paste-website/src/component-examples/ObjectStatusPatternExamples.tsx b/packages/paste-website/src/component-examples/ObjectStatusPatternExamples.tsx index 7a96d494c0..77b6dda1bc 100644 --- a/packages/paste-website/src/component-examples/ObjectStatusPatternExamples.tsx +++ b/packages/paste-website/src/component-examples/ObjectStatusPatternExamples.tsx @@ -6,6 +6,7 @@ import { ProcessInProgressIcon } from "@twilio-paste/icons/esm/ProcessInProgress import { ProcessNeutralIcon } from "@twilio-paste/icons/esm/ProcessNeutralIcon"; import { ProcessSuccessIcon } from "@twilio-paste/icons/esm/ProcessSuccessIcon"; import { ProcessWarningIcon } from "@twilio-paste/icons/esm/ProcessWarningIcon"; +import type { JSX } from "react"; export const BannerExample = ` const ObjectStatusPatternComponents = () => { @@ -18,11 +19,11 @@ const ObjectStatusPatternComponents = () => { return ( - - Success + + Success Success Available @@ -164,433 +165,433 @@ export const ConnectivityOffline = (): JSX.Element => { ); }; -export const processStatusExamples = ` - +export const processStatusExamples = ` + - - - Success - - - - Error - - - - Warning - - - - Neutral - - - - In progress - - - - Disabled - - - - Draft - + + + Success + + + + Error + + + + Warning + + + + Neutral + + + + In progress + + + + Disabled + + + + Draft + - Success - Error - Warning - Neutral - In progress - Disabled - Draft + Success + Error + Warning + Neutral + In progress + Disabled + Draft - Success - Error - Warning - Neutral - In progress - Disabled - Draft + Success + Error + Warning + Neutral + In progress + Disabled + Draft - + `.trim(); -export const prefixSuffixTooltipExamples = ` - - - - - Failed to process - - - - Failed to process - - - +export const prefixSuffixTooltipExamples = ` + + + + + Failed to process + + + + Failed to process + + + `.trim(); -export const tableExample = ` -<> - - Exports - - - - - - - - - - - + + + + + + + +
StatusExport name
- +export const tableExample = ` +<> + + Exports + + + + + + + + + + + - - - - - - - -
StatusExport name
+ - - Pre-registration needed + + Pre-registration needed Fill out the registration form here - - - Contacts who did not click -
- - - - Successfully exported - Tuesday, February 2, 2021 - - - - All contacts -
- - - IDs - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
IDUnique nameRegionStatusOrder Date
90294808908109537WE902990c21gjioGasdNorth America - Active - 2020-10-15
90294808908872345WE928471c21gjioGasdNorth America - Ready - 2020-10-15
- +
+
+ Contacts who did not click +
+ + + + Successfully exported + Tuesday, February 2, 2021 + + + + All contacts +
+ + + IDs + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
IDUnique nameRegionStatusOrder Date
90294808908109537WE902990c21gjioGasdNorth America + Active + 2020-10-15
90294808908872345WE928471c21gjioGasdNorth America + Ready + 2020-10-15
+ `.trim(); -export const tableWithPlainTextExample = ` -<> - - Agent queues - - - - - - - - - - - - - - - - - - - - - - - - - - -
TitleMediaStatus
BewitchedSeries - Progress halted -
MulanFeatureReleased
Little WomenFeatureReleased
- +export const tableWithPlainTextExample = ` +<> + + Agent queues + + + + + + + + + + + + + + + + + + + + + + + + + + +
TitleMediaStatus
BewitchedSeries + Progress halted +
MulanFeatureReleased
Little WomenFeatureReleased
+ `.trim(); -export const connectivityStatusTableExample = ` -<> - - Reboots - - - - - - - - - - +export const connectivityStatusTableExample = ` +<> + + Reboots + +
AgentsQueues
+ + + + + + + + - - - + + + + - - - + + + + - - - -
AgentsQueues
Adaline Baxter - - Available | 12:43 + + Available | 12:43 - Queue name
Queue name
Jane Cooper - - On break | 02:23 + + On break | 02:23 - Queue name
Queue name
Dan Reynolds - - Available | 10:21 + + Available | 10:21 - Queue name
- + + Queue name + + + + `.trim(); -export const linkInStatusExamples = ` - - - - - Pre-registration needed - - - - - - Pre-registration needed - - - Fill out the registration form here - - - - - - - - Pre-registration needed - - - - - - +export const linkInStatusExamples = ` + + + + + Pre-registration needed + + + + + + Pre-registration needed + + + Fill out the registration form here + + + + + + + + Pre-registration needed + + + + + + `.trim(); -export const otherCommonPlacements = ` - - - - - - Business Profile - - - Approved - - - Information about your business - - - +export const otherCommonPlacements = ` + + + + + + Business Profile + + + Approved + + + Information about your business + + + `.trim(); -export const connectivityStatusExamples = ` - +export const connectivityStatusExamples = ` + - - - Available - - - - Busy - - - - Unavailable - - - - Neutral - - - - Offline + + + Available + + + + Busy + + + + Unavailable + + + + Neutral + + + + Offline @@ -627,7 +628,7 @@ export const connectivityStatusExamples = ` Offline - + `.trim(); export const compactPageHeaderExample = ` diff --git a/packages/paste-website/src/component-examples/ToastExamples.tsx b/packages/paste-website/src/component-examples/ToastExamples.tsx index 423c3533ff..0a6cda98e2 100644 --- a/packages/paste-website/src/component-examples/ToastExamples.tsx +++ b/packages/paste-website/src/component-examples/ToastExamples.tsx @@ -7,6 +7,7 @@ import { Toaster, useToaster } from "@twilio-paste/toast"; import type { ToastVariants } from "@twilio-paste/toast"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; export const ToasterExample = (): JSX.Element => { const toaster = useToaster(); diff --git a/packages/paste-website/src/component-examples/filter-group/Examples.tsx b/packages/paste-website/src/component-examples/filter-group/Examples.tsx index eb2e16bfc7..3c0aa5361b 100644 --- a/packages/paste-website/src/component-examples/filter-group/Examples.tsx +++ b/packages/paste-website/src/component-examples/filter-group/Examples.tsx @@ -1,6 +1,7 @@ /* DISCLAIMER: this is an example, not meant to be used in production */ import { Anchor } from "@twilio-paste/anchor"; import { Box } from "@twilio-paste/box"; +import type { JSX } from "react"; import { CustomDateFilterGroup } from "./components/CustomDateFilterGroup"; import { DefaultFilterGroup } from "./components/DefaultFilterGroup"; diff --git a/packages/paste-website/src/component-examples/filter-group/components/NoResultsIllustration.tsx b/packages/paste-website/src/component-examples/filter-group/components/NoResultsIllustration.tsx index cfeb852f7d..52949baf62 100644 --- a/packages/paste-website/src/component-examples/filter-group/components/NoResultsIllustration.tsx +++ b/packages/paste-website/src/component-examples/filter-group/components/NoResultsIllustration.tsx @@ -1,3 +1,4 @@ +import type { JSX } from "react"; /* DISCLAIMER: this is an example, not meant to be used in production */ export const NoResultsIllustration = (): JSX.Element => ( diff --git a/packages/paste-website/src/component-examples/filter/Examples.tsx b/packages/paste-website/src/component-examples/filter/Examples.tsx index a5154ae149..902e794843 100644 --- a/packages/paste-website/src/component-examples/filter/Examples.tsx +++ b/packages/paste-website/src/component-examples/filter/Examples.tsx @@ -1,6 +1,7 @@ /* DISCLAIMER: this is an example, not meant to be used in production */ import { Anchor } from "@twilio-paste/anchor"; import { Box } from "@twilio-paste/box"; +import type { JSX } from "react"; import { DefaultFilter } from "./components/DefaultFilter"; import { TABLE_DATA } from "./constants"; diff --git a/packages/paste-website/src/component-examples/filter/components/NoResultsIllustration.tsx b/packages/paste-website/src/component-examples/filter/components/NoResultsIllustration.tsx index 296fde3352..2047191251 100644 --- a/packages/paste-website/src/component-examples/filter/components/NoResultsIllustration.tsx +++ b/packages/paste-website/src/component-examples/filter/components/NoResultsIllustration.tsx @@ -1,3 +1,4 @@ +import type { JSX } from "react"; /* DISCLAIMER: this is an example, not meant to be used in production */ export const NoResultsIllustration = (): JSX.Element => ( diff --git a/packages/paste-website/src/components/BrowserSupport.tsx b/packages/paste-website/src/components/BrowserSupport.tsx index cd36ab84b4..cec8fa2575 100644 --- a/packages/paste-website/src/components/BrowserSupport.tsx +++ b/packages/paste-website/src/components/BrowserSupport.tsx @@ -1,4 +1,5 @@ import { Anchor } from "@twilio-paste/anchor"; +import type { JSX } from "react"; export const BrowserSupport = (): JSX.Element => ( diff --git a/packages/paste-website/src/components/FormPillVsDisplayPillTable.tsx b/packages/paste-website/src/components/FormPillVsDisplayPillTable.tsx index ed3e4094d1..f1d7e2fed1 100644 --- a/packages/paste-website/src/components/FormPillVsDisplayPillTable.tsx +++ b/packages/paste-website/src/components/FormPillVsDisplayPillTable.tsx @@ -2,6 +2,7 @@ import { Box } from "@twilio-paste/box"; import { SuccessIcon } from "@twilio-paste/icons/esm/SuccessIcon"; import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; import { TBody, THead, Table, Td, Th, Tr } from "@twilio-paste/table"; +import type { JSX } from "react"; const FormPillVsDisplayPillTable = (): JSX.Element => { return ( diff --git a/packages/paste-website/src/components/breadcrumb/index.tsx b/packages/paste-website/src/components/breadcrumb/index.tsx index 2e8db8e6cc..52c3ae05cb 100644 --- a/packages/paste-website/src/components/breadcrumb/index.tsx +++ b/packages/paste-website/src/components/breadcrumb/index.tsx @@ -2,6 +2,7 @@ import { Box } from "@twilio-paste/box"; import { css, styled } from "@twilio-paste/styling-library"; import { Text } from "@twilio-paste/text"; import * as React from "react"; +import type { JSX } from "react"; import { SiteLink } from "../SiteLink"; diff --git a/packages/paste-website/src/components/color-swatch/ColorGradient.tsx b/packages/paste-website/src/components/color-swatch/ColorGradient.tsx index b4ebcfc5a4..d2064c7720 100644 --- a/packages/paste-website/src/components/color-swatch/ColorGradient.tsx +++ b/packages/paste-website/src/components/color-swatch/ColorGradient.tsx @@ -5,6 +5,7 @@ import DefaultRawTokens from "@twilio-paste/design-tokens/dist/themes/twilio/tok import { styled, themeGet } from "@twilio-paste/styling-library"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import VisibilitySensor from "react-visibility-sensor"; import { useDarkModeContext } from "../../context/DarkModeContext"; diff --git a/packages/paste-website/src/components/customization-landing-page/ComingSoonCard.tsx b/packages/paste-website/src/components/customization-landing-page/ComingSoonCard.tsx index 60f98aa006..842933afb6 100644 --- a/packages/paste-website/src/components/customization-landing-page/ComingSoonCard.tsx +++ b/packages/paste-website/src/components/customization-landing-page/ComingSoonCard.tsx @@ -3,6 +3,7 @@ import { Badge } from "@twilio-paste/badge"; import { LogoTwilioIcon } from "@twilio-paste/icons/esm/LogoTwilioIcon"; import { NewIcon } from "@twilio-paste/icons/esm/NewIcon"; import { Paragraph } from "@twilio-paste/paragraph"; +import type { JSX } from "react"; import { ProjectCard, ProjectCardBody, ProjectHeading, ProjectLogo } from "./ProjectCard"; diff --git a/packages/paste-website/src/components/customization-landing-page/FlexCard.tsx b/packages/paste-website/src/components/customization-landing-page/FlexCard.tsx index 84bca284bb..d3ca35e412 100644 --- a/packages/paste-website/src/components/customization-landing-page/FlexCard.tsx +++ b/packages/paste-website/src/components/customization-landing-page/FlexCard.tsx @@ -1,6 +1,7 @@ import { Anchor } from "@twilio-paste/anchor"; import { ProductFlexIcon } from "@twilio-paste/icons/esm/ProductFlexIcon"; import { Paragraph } from "@twilio-paste/paragraph"; +import type { JSX } from "react"; import { ProjectCard, ProjectCardBody, ProjectHeading, ProjectLogo } from "./ProjectCard"; diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerControls.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerControls.tsx index e80115f762..bcd01828d9 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerControls.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerControls.tsx @@ -5,6 +5,7 @@ import { Separator } from "@twilio-paste/separator"; import { Stack } from "@twilio-paste/stack"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import { ColorTokenInput } from "./ColorTokenInput"; import { DesignerContext } from "./DesignerContext"; diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerPreview.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerPreview.tsx index beccc9c6f8..f2db0f941e 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerPreview.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/DesignerPreview.tsx @@ -12,6 +12,7 @@ import { Stack } from "@twilio-paste/stack"; import { generateThemeFromTokens } from "@twilio-paste/theme"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import { useDarkModeContext } from "../../../context/DarkModeContext"; import { DesignerContext } from "./DesignerContext"; diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/index.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/index.tsx index da91659098..155dc0c267 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/index.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageDesigner/index.tsx @@ -3,6 +3,7 @@ import type { GenericTokensShape } from "@twilio-paste/design-tokens/types/Gener import { generateTokensFromTheme, useTheme } from "@twilio-paste/theme"; import Head from "next/head"; import * as React from "react"; +import type { JSX } from "react"; import { DesignerContext } from "./DesignerContext"; import { DesignerControls } from "./DesignerControls"; diff --git a/packages/paste-website/src/components/customization-landing-page/LandingPageHero.tsx b/packages/paste-website/src/components/customization-landing-page/LandingPageHero.tsx index d71b82af7e..d943864b1b 100644 --- a/packages/paste-website/src/components/customization-landing-page/LandingPageHero.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LandingPageHero.tsx @@ -3,6 +3,7 @@ import { Button } from "@twilio-paste/button"; import { Heading } from "@twilio-paste/heading"; import { Text } from "@twilio-paste/text"; import Image from "next/image"; +import type { JSX } from "react"; import HeroSlider from "../../assets/images/customization/hero-slider-mobile.png"; import { LandingPageSectionContent } from "./LandingPageLayoutUtils"; diff --git a/packages/paste-website/src/components/customization-landing-page/LikeTwilio.tsx b/packages/paste-website/src/components/customization-landing-page/LikeTwilio.tsx index 668668439c..0caae37066 100644 --- a/packages/paste-website/src/components/customization-landing-page/LikeTwilio.tsx +++ b/packages/paste-website/src/components/customization-landing-page/LikeTwilio.tsx @@ -4,6 +4,7 @@ import { DisplayHeading } from "@twilio-paste/display-heading"; import { Stack } from "@twilio-paste/stack"; import { Text } from "@twilio-paste/text"; import Image from "next/image"; +import type { JSX } from "react"; import { DoodleBurst } from "../../assets/illustrations/DoodleBurst"; import { DoodleLoopMedium } from "../../assets/illustrations/DoodleLoopMedium"; diff --git a/packages/paste-website/src/components/customization-landing-page/ReactCard.tsx b/packages/paste-website/src/components/customization-landing-page/ReactCard.tsx index 636b1affb5..1324cbef33 100644 --- a/packages/paste-website/src/components/customization-landing-page/ReactCard.tsx +++ b/packages/paste-website/src/components/customization-landing-page/ReactCard.tsx @@ -1,5 +1,6 @@ import { Anchor } from "@twilio-paste/anchor"; import { Paragraph } from "@twilio-paste/paragraph"; +import type { JSX } from "react"; import { ReactLogoIcon } from "../icons/ReactLogoIcon"; import { ProjectCard, ProjectCardBody, ProjectHeading, ProjectLogo } from "./ProjectCard"; diff --git a/packages/paste-website/src/components/customization-landing-page/ReadyToGetStarted.tsx b/packages/paste-website/src/components/customization-landing-page/ReadyToGetStarted.tsx index f07d403bd3..de3b27b5ac 100644 --- a/packages/paste-website/src/components/customization-landing-page/ReadyToGetStarted.tsx +++ b/packages/paste-website/src/components/customization-landing-page/ReadyToGetStarted.tsx @@ -5,6 +5,7 @@ import { Heading } from "@twilio-paste/heading"; import { Paragraph } from "@twilio-paste/paragraph"; import { css } from "@twilio-paste/styling-library"; import { useTheme } from "@twilio-paste/theme"; +import type { JSX } from "react"; import { LandingPageSection, LandingPageSectionContent } from "./LandingPageLayoutUtils"; diff --git a/packages/paste-website/src/components/customization-landing-page/WhyPaste.tsx b/packages/paste-website/src/components/customization-landing-page/WhyPaste.tsx index c1e33fe631..05879fc46f 100644 --- a/packages/paste-website/src/components/customization-landing-page/WhyPaste.tsx +++ b/packages/paste-website/src/components/customization-landing-page/WhyPaste.tsx @@ -3,6 +3,7 @@ import { DisplayHeading } from "@twilio-paste/display-heading"; import { Column, Grid } from "@twilio-paste/grid"; import { Heading } from "@twilio-paste/heading"; import Image from "next/image"; +import type { JSX } from "react"; import { DoodleLoopArrowLarge } from "../../assets/illustrations/DoodleLoopArrowLarge"; import WhyPasteMobile from "../../assets/images/customization/why-paste-mobile.png"; diff --git a/packages/paste-website/src/components/customization-landing-page/WorksGreatWith.tsx b/packages/paste-website/src/components/customization-landing-page/WorksGreatWith.tsx index dd915dc004..1064853b8f 100644 --- a/packages/paste-website/src/components/customization-landing-page/WorksGreatWith.tsx +++ b/packages/paste-website/src/components/customization-landing-page/WorksGreatWith.tsx @@ -3,6 +3,7 @@ import { Column, Grid } from "@twilio-paste/grid"; import { css } from "@twilio-paste/styling-library"; import { Text } from "@twilio-paste/text"; import { useTheme } from "@twilio-paste/theme"; +import type { JSX } from "react"; import { DoodleLoopArrow } from "../../assets/illustrations/DoodleLoopArrow"; import { ComingSoonCard } from "./ComingSoonCard"; diff --git a/packages/paste-website/src/components/customization-landing-page/image-slider/ImageSlider.tsx b/packages/paste-website/src/components/customization-landing-page/image-slider/ImageSlider.tsx index c523dc6693..fa2acab64c 100644 --- a/packages/paste-website/src/components/customization-landing-page/image-slider/ImageSlider.tsx +++ b/packages/paste-website/src/components/customization-landing-page/image-slider/ImageSlider.tsx @@ -2,7 +2,7 @@ import { Box } from "@twilio-paste/box"; import { useUIDSeed } from "@twilio-paste/uid-library"; import Image from "next/image"; import * as React from "react"; -import type { LegacyRef, MutableRefObject } from "react"; +import type { JSX, LegacyRef, MutableRefObject } from "react"; import HeroBack from "../../../assets/images/customization/hero-back.png"; import HeroFront from "../../../assets/images/customization/hero-front.png"; diff --git a/packages/paste-website/src/components/empty-state/NotFound.tsx b/packages/paste-website/src/components/empty-state/NotFound.tsx index d053d434e2..15e0cae3f7 100644 --- a/packages/paste-website/src/components/empty-state/NotFound.tsx +++ b/packages/paste-website/src/components/empty-state/NotFound.tsx @@ -2,6 +2,7 @@ import { Anchor } from "@twilio-paste/anchor"; import { Box } from "@twilio-paste/box"; import { Heading } from "@twilio-paste/heading"; import { Paragraph } from "@twilio-paste/paragraph"; +import type { JSX } from "react"; import { Breadcrumb, BreadcrumbItem } from "../breadcrumb"; diff --git a/packages/paste-website/src/components/homepage/BouncyAnchor.tsx b/packages/paste-website/src/components/homepage/BouncyAnchor.tsx index 623f8df3e1..1332e52ce8 100644 --- a/packages/paste-website/src/components/homepage/BouncyAnchor.tsx +++ b/packages/paste-website/src/components/homepage/BouncyAnchor.tsx @@ -2,6 +2,7 @@ import { Anchor } from "@twilio-paste/anchor"; import { Box } from "@twilio-paste/box"; import { ArrowForwardIcon } from "@twilio-paste/icons/esm/ArrowForwardIcon"; import * as React from "react"; +import type { JSX } from "react"; const BouncyAnchor: React.FC<{ text: string; href: string; inverse?: boolean }> = ({ text, diff --git a/packages/paste-website/src/components/homepage/HomeHero.tsx b/packages/paste-website/src/components/homepage/HomeHero.tsx index 20616584f4..17aa155841 100644 --- a/packages/paste-website/src/components/homepage/HomeHero.tsx +++ b/packages/paste-website/src/components/homepage/HomeHero.tsx @@ -1,6 +1,7 @@ import { Box } from "@twilio-paste/box"; import { DisplayHeading } from "@twilio-paste/display-heading"; import { Text } from "@twilio-paste/text"; +import type { JSX } from "react"; import { BouncyAnchor } from "./BouncyAnchor"; import { SearchBox } from "./SearchBox"; diff --git a/packages/paste-website/src/components/images/DatePickerImages.tsx b/packages/paste-website/src/components/images/DatePickerImages.tsx index 61f3ec6440..0036915685 100644 --- a/packages/paste-website/src/components/images/DatePickerImages.tsx +++ b/packages/paste-website/src/components/images/DatePickerImages.tsx @@ -2,6 +2,7 @@ import { css } from "@twilio-paste/styling-library"; import { useTheme } from "@twilio-paste/theme"; import Image from "next/image"; import * as React from "react"; +import type { JSX } from "react"; import Chrome from "../../assets/images/date-picker/chrome.png"; import Firefox from "../../assets/images/date-picker/firefox.png"; diff --git a/packages/paste-website/src/components/images/TimePickerImages.tsx b/packages/paste-website/src/components/images/TimePickerImages.tsx index 3328472998..4301b1798f 100644 --- a/packages/paste-website/src/components/images/TimePickerImages.tsx +++ b/packages/paste-website/src/components/images/TimePickerImages.tsx @@ -2,6 +2,7 @@ import { css } from "@twilio-paste/styling-library"; import { useTheme } from "@twilio-paste/theme"; import Image from "next/image"; import * as React from "react"; +import type { JSX } from "react"; import Chrome from "../../assets/images/time-picker/chrome.png"; import Firefox from "../../assets/images/time-picker/firefox.png"; diff --git a/packages/paste-website/src/components/page-components/customization/customization-provider/AccessibilityCallout.tsx b/packages/paste-website/src/components/page-components/customization/customization-provider/AccessibilityCallout.tsx index 3e974c8fc3..1a7cafd265 100644 --- a/packages/paste-website/src/components/page-components/customization/customization-provider/AccessibilityCallout.tsx +++ b/packages/paste-website/src/components/page-components/customization/customization-provider/AccessibilityCallout.tsx @@ -1,5 +1,6 @@ import { Anchor } from "@twilio-paste/anchor"; import { Callout, CalloutHeading, CalloutText } from "@twilio-paste/callout"; +import type { JSX } from "react"; export const AccessibilityCallout = (): JSX.Element => { return ( diff --git a/packages/paste-website/src/components/page-components/customization/customization-provider/CustomThemeKeyList.tsx b/packages/paste-website/src/components/page-components/customization/customization-provider/CustomThemeKeyList.tsx index 122ebd99a4..b4588c521f 100644 --- a/packages/paste-website/src/components/page-components/customization/customization-provider/CustomThemeKeyList.tsx +++ b/packages/paste-website/src/components/page-components/customization/customization-provider/CustomThemeKeyList.tsx @@ -1,5 +1,6 @@ import { Column, Grid } from "@twilio-paste/grid"; import { ListItem, UnorderedList } from "@twilio-paste/list"; +import type { JSX } from "react"; export const CustomThemeKeyList = (): JSX.Element => { return ( diff --git a/packages/paste-website/src/components/page-components/customization/customization-provider/FontCallout.tsx b/packages/paste-website/src/components/page-components/customization/customization-provider/FontCallout.tsx index e799e6bdab..7f9c872b06 100644 --- a/packages/paste-website/src/components/page-components/customization/customization-provider/FontCallout.tsx +++ b/packages/paste-website/src/components/page-components/customization/customization-provider/FontCallout.tsx @@ -1,4 +1,5 @@ import { Callout, CalloutHeading, CalloutText } from "@twilio-paste/callout"; +import type { JSX } from "react"; export const FontCallout = (): JSX.Element => { return ( diff --git a/packages/paste-website/src/components/shortcodes/feedback-popover/index.tsx b/packages/paste-website/src/components/shortcodes/feedback-popover/index.tsx index f03735a2fe..ea5b5d12df 100644 --- a/packages/paste-website/src/components/shortcodes/feedback-popover/index.tsx +++ b/packages/paste-website/src/components/shortcodes/feedback-popover/index.tsx @@ -11,6 +11,7 @@ import { Stack } from "@twilio-paste/stack"; import { Text } from "@twilio-paste/text"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; +import type { JSX } from "react"; import { event } from "../../../lib/gtag"; import { useLocationPathname } from "../../../utils/RouteUtils"; diff --git a/packages/paste-website/src/components/site-search/SearchEmptyIllustration.tsx b/packages/paste-website/src/components/site-search/SearchEmptyIllustration.tsx index 83411a511f..4a196fb3e4 100644 --- a/packages/paste-website/src/components/site-search/SearchEmptyIllustration.tsx +++ b/packages/paste-website/src/components/site-search/SearchEmptyIllustration.tsx @@ -1,6 +1,7 @@ /* DISCLAIMER: this is an example, not meant to be used in production */ import { useUID } from "@twilio-paste/uid-library"; +import type { JSX } from "react"; export const SearchEmptyIllustration = ({ width, diff --git a/packages/paste-website/src/components/site-wrapper/sidebar/SidebarNavigation.tsx b/packages/paste-website/src/components/site-wrapper/sidebar/SidebarNavigation.tsx index 8cbb38f27b..66e5062e86 100644 --- a/packages/paste-website/src/components/site-wrapper/sidebar/SidebarNavigation.tsx +++ b/packages/paste-website/src/components/site-wrapper/sidebar/SidebarNavigation.tsx @@ -12,6 +12,7 @@ import { } from "@twilio-paste/sidebar"; import kebabCase from "lodash/kebabCase"; import * as React from "react"; +import type { JSX } from "react"; import { SidebarCategoryRoutes } from "../../../constants"; import { useNavigationContext } from "../../../context/NavigationContext"; diff --git a/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterHeader.tsx b/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterHeader.tsx index 94a4b84b62..c27ce9725c 100644 --- a/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterHeader.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterHeader.tsx @@ -1,5 +1,6 @@ import { Box } from "@twilio-paste/box"; import { useTheme } from "@twilio-paste/theme"; +import type { JSX } from "react"; import HeartDoodleIcon from "../../icons/NewHeartDoodleIcon"; diff --git a/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterIllustration.tsx b/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterIllustration.tsx index e99820202d..2a64428f44 100644 --- a/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterIllustration.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterIllustration.tsx @@ -1,5 +1,6 @@ import { Box } from "@twilio-paste/box"; import Image from "next/image"; +import type { JSX } from "react"; import FooterImg from "../../../assets/illustrations/footer_img.svg"; diff --git a/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterNav.tsx b/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterNav.tsx index 87dbe5ece6..de302f125f 100644 --- a/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterNav.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-footer/SiteFooterNav.tsx @@ -3,6 +3,7 @@ import { Box } from "@twilio-paste/box"; import { Stack } from "@twilio-paste/stack"; import { Text } from "@twilio-paste/text"; import { useTheme } from "@twilio-paste/theme"; +import type { JSX } from "react"; import { FIGMA_PROFILE_URL, REMIX_DOMAIN, STORYBOOK_DOMAIN } from "../../../constants"; import { event } from "../../../lib/gtag"; diff --git a/packages/paste-website/src/components/site-wrapper/site-header/DarkModeToggle.tsx b/packages/paste-website/src/components/site-wrapper/site-header/DarkModeToggle.tsx index e6dc238059..8d5e2bee55 100644 --- a/packages/paste-website/src/components/site-wrapper/site-header/DarkModeToggle.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-header/DarkModeToggle.tsx @@ -2,6 +2,7 @@ import { DarkModeIcon } from "@twilio-paste/icons/esm/DarkModeIcon"; import { LightModeIcon } from "@twilio-paste/icons/esm/LightModeIcon"; import { Menu, MenuButton, MenuItemRadio, useMenuState } from "@twilio-paste/menu"; import { ScreenReaderOnly } from "@twilio-paste/screen-reader-only"; +import type { JSX } from "react"; import { useDarkModeContext } from "../../../context/DarkModeContext"; import { event } from "../../../lib/gtag"; diff --git a/packages/paste-website/src/components/site-wrapper/site-header/index.tsx b/packages/paste-website/src/components/site-wrapper/site-header/index.tsx index 6d6c15ce3e..3634635214 100644 --- a/packages/paste-website/src/components/site-wrapper/site-header/index.tsx +++ b/packages/paste-website/src/components/site-wrapper/site-header/index.tsx @@ -2,6 +2,7 @@ import { Box } from "@twilio-paste/box"; import { Button } from "@twilio-paste/button"; import { Topbar, TopbarActions } from "@twilio-paste/topbar"; import { useWindowSize } from "@twilio-paste/utils"; +import type { JSX } from "react"; import * as React from "react"; import GitHubButton from "react-github-button"; import "react-github-button/assets/style.css"; diff --git a/packages/paste-website/src/components/tokens-list/ScrollToTopLink.tsx b/packages/paste-website/src/components/tokens-list/ScrollToTopLink.tsx index d946b86dc5..1496234353 100644 --- a/packages/paste-website/src/components/tokens-list/ScrollToTopLink.tsx +++ b/packages/paste-website/src/components/tokens-list/ScrollToTopLink.tsx @@ -1,6 +1,7 @@ import { Box } from "@twilio-paste/box"; import { Button } from "@twilio-paste/button"; import { ArrowUpIcon } from "@twilio-paste/icons/esm/ArrowUpIcon"; +import type { JSX } from "react"; export const ScrollToTopLink: React.FC<{ show: boolean }> = ({ show }): JSX.Element => ( diff --git a/packages/paste-website/src/components/tokens-list/index.tsx b/packages/paste-website/src/components/tokens-list/index.tsx index 0e50f3b7e0..638583199d 100644 --- a/packages/paste-website/src/components/tokens-list/index.tsx +++ b/packages/paste-website/src/components/tokens-list/index.tsx @@ -8,6 +8,7 @@ import TwilioThemeTokens from "@twilio-paste/design-tokens/dist/themes/twilio/to import DefaultThemeTokens from "@twilio-paste/design-tokens/dist/tokens.generic"; import kebabCase from "lodash/kebabCase"; import * as React from "react"; +import type { JSX } from "react"; import type { Themes } from "../../types"; import { SimpleStorage } from "../../utils/SimpleStorage"; diff --git a/packages/paste-website/src/components/tokens-list/sectionIntros.tsx b/packages/paste-website/src/components/tokens-list/sectionIntros.tsx index 0cbaa8de86..5895607a68 100644 --- a/packages/paste-website/src/components/tokens-list/sectionIntros.tsx +++ b/packages/paste-website/src/components/tokens-list/sectionIntros.tsx @@ -3,6 +3,7 @@ import { Callout, CalloutHeading, CalloutText } from "@twilio-paste/callout"; import { InlineCode } from "@twilio-paste/inline-code"; import { Paragraph } from "@twilio-paste/paragraph"; import * as React from "react"; +import type { JSX } from "react"; import { SiteLink } from "../SiteLink"; import type { Token } from "./types"; diff --git a/packages/paste-website/src/pages/api/component-og-image.tsx b/packages/paste-website/src/pages/api/component-og-image.tsx index 9821f3cafa..5840a32dfd 100644 --- a/packages/paste-website/src/pages/api/component-og-image.tsx +++ b/packages/paste-website/src/pages/api/component-og-image.tsx @@ -1,6 +1,7 @@ /* eslint-disable no-console */ import { ImageResponse } from "@vercel/og"; import type { NextRequest } from "next/server"; +import type { JSX } from "react"; import featureDataJSON from "../../../data/feature-data.json"; import packageDataJSON from "../../../data/package-data.json"; diff --git a/packages/paste-website/src/pages/api/simple-og-image.tsx b/packages/paste-website/src/pages/api/simple-og-image.tsx index 396c7934ea..77bc53c528 100644 --- a/packages/paste-website/src/pages/api/simple-og-image.tsx +++ b/packages/paste-website/src/pages/api/simple-og-image.tsx @@ -1,6 +1,7 @@ /* eslint-disable no-console */ import { ImageResponse } from "@vercel/og"; import type { NextRequest } from "next/server"; +import type { JSX } from "react"; export const config = { runtime: "edge", diff --git a/packages/paste-website/stories/Card.stories.tsx b/packages/paste-website/stories/Card.stories.tsx index 7186a350f2..be40d27c25 100644 --- a/packages/paste-website/stories/Card.stories.tsx +++ b/packages/paste-website/stories/Card.stories.tsx @@ -16,6 +16,7 @@ import { MediaBody, MediaFigure, MediaObject } from "@twilio-paste/media-object" import { Paragraph } from "@twilio-paste/paragraph"; import { Separator } from "@twilio-paste/separator"; import { Stack } from "@twilio-paste/stack"; +import type { JSX } from "react"; import * as React from "react"; import { Marketing2 } from "../public/images/card/Marketing2"; diff --git a/packages/paste-website/stories/Filter.stories.tsx b/packages/paste-website/stories/Filter.stories.tsx index 29b51acd4d..b443fa149a 100644 --- a/packages/paste-website/stories/Filter.stories.tsx +++ b/packages/paste-website/stories/Filter.stories.tsx @@ -1,3 +1,4 @@ +import type { JSX } from "react"; import * as React from "react"; import { DefaultFilter } from "../src/component-examples/filter/components/DefaultFilter"; diff --git a/packages/paste-website/stories/FilterGroup.stories.tsx b/packages/paste-website/stories/FilterGroup.stories.tsx index fc926050a5..9b307b8382 100644 --- a/packages/paste-website/stories/FilterGroup.stories.tsx +++ b/packages/paste-website/stories/FilterGroup.stories.tsx @@ -1,4 +1,5 @@ import * as React from "react"; +import type { JSX } from "react"; import { CustomDateFilterGroup } from "../src/component-examples/filter-group/components/CustomDateFilterGroup"; import { DefaultFilterGroup } from "../src/component-examples/filter-group/components/DefaultFilterGroup"; diff --git a/packages/paste-website/stories/PageTemplates.stories.tsx b/packages/paste-website/stories/PageTemplates.stories.tsx index e71c279d09..1d739f0824 100644 --- a/packages/paste-website/stories/PageTemplates.stories.tsx +++ b/packages/paste-website/stories/PageTemplates.stories.tsx @@ -77,6 +77,7 @@ import { Topbar, TopbarActions } from "@twilio-paste/topbar"; import { useUID } from "@twilio-paste/uid-library"; import { VisualPickerRadio, VisualPickerRadioGroup } from "@twilio-paste/visual-picker"; import * as React from "react"; +import type { JSX } from "react"; export default { title: "Website/PageTemplateExamples", diff --git a/packages/paste-website/stories/Pricing.stories.tsx b/packages/paste-website/stories/Pricing.stories.tsx index f3953ab585..1b40db4955 100644 --- a/packages/paste-website/stories/Pricing.stories.tsx +++ b/packages/paste-website/stories/Pricing.stories.tsx @@ -31,6 +31,7 @@ import { import { Text } from "@twilio-paste/text"; import { VisualPickerRadio, VisualPickerRadioGroup } from "@twilio-paste/visual-picker"; import * as React from "react"; +import type { JSX } from "react"; export default { title: "Website/PricingExamples", diff --git a/templates/paste-nextjs-template/pages/_document.tsx b/templates/paste-nextjs-template/pages/_document.tsx index 6d46fd753d..2a6249018d 100644 --- a/templates/paste-nextjs-template/pages/_document.tsx +++ b/templates/paste-nextjs-template/pages/_document.tsx @@ -1,4 +1,5 @@ import { Head, Html, Main, NextScript } from "next/document"; +import type { JSX } from "react"; const Document = (): JSX.Element => { return ( diff --git a/tools/test/react-dom-create-root.ts b/tools/test/react-dom-create-root.ts index 3ef343f3db..3593f20175 100644 --- a/tools/test/react-dom-create-root.ts +++ b/tools/test/react-dom-create-root.ts @@ -1,3 +1,4 @@ +import type { JSX } from "react"; /* * Patch to help run react-dom tests in jest for versions 16, 17 and 18 * As of react 18 there are new rendering API's - using react-dom/clients createRoot method to render to the dom From 7620ea9e0e6de2bb0443236396615dd8b235b815 Mon Sep 17 00:00:00 2001 From: PixeledCode Date: Mon, 3 Mar 2025 16:00:15 +0530 Subject: [PATCH 07/31] feat(core): format --- packages/paste-core/components/file-picker/src/FilePicker.tsx | 2 +- packages/paste-libraries/reakit/src/Popover/PopoverArrow.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/paste-core/components/file-picker/src/FilePicker.tsx b/packages/paste-core/components/file-picker/src/FilePicker.tsx index 484b293cef..9fa462467d 100644 --- a/packages/paste-core/components/file-picker/src/FilePicker.tsx +++ b/packages/paste-core/components/file-picker/src/FilePicker.tsx @@ -1,12 +1,12 @@ import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; import type { BoxProps } from "@twilio-paste/box"; +import type { ButtonProps } from "@twilio-paste/button"; import { SiblingBox } from "@twilio-paste/sibling-box"; import type { TextColor } from "@twilio-paste/style-props"; import { Text } from "@twilio-paste/text"; import type { HTMLPasteProps } from "@twilio-paste/types"; import { useUID } from "@twilio-paste/uid-library"; import * as React from "react"; -import { ButtonProps } from "@twilio-paste/button"; export interface FilePickerProps extends HTMLPasteProps<"input"> { /** diff --git a/packages/paste-libraries/reakit/src/Popover/PopoverArrow.tsx b/packages/paste-libraries/reakit/src/Popover/PopoverArrow.tsx index 499d0da4e6..b3a1f29be7 100644 --- a/packages/paste-libraries/reakit/src/Popover/PopoverArrow.tsx +++ b/packages/paste-libraries/reakit/src/Popover/PopoverArrow.tsx @@ -7,10 +7,10 @@ import type { BoxHTMLProps, BoxOptions, PopoverStateReturn } from "@twilio-paste/paste-reakit-fork"; import { useBox } from "@twilio-paste/paste-reakit-fork"; import * as React from "react"; +import { useRef } from "react"; import { createComponent } from "reakit-system/createComponent"; import { createHook } from "reakit-system/createHook"; import { useForkRef } from "reakit-utils/useForkRef"; -import { useRef } from "react"; import { POPOVER_ARROW_KEYS } from "./__keys"; From 7c8214abb2991d6d4939754372fcce374cf373e1 Mon Sep 17 00:00:00 2001 From: PixeledCode Date: Mon, 3 Mar 2025 16:26:05 +0530 Subject: [PATCH 08/31] feat(core): update type docs --- .../account-switcher/type-docs.json | 986 +++++- .../components/ai-chat-log/type-docs.json | 1290 ++++++-- .../components/alert-dialog/type-docs.json | 160 +- .../components/alert/type-docs.json | 158 +- .../components/anchor/type-docs.json | 154 +- .../components/avatar/type-docs.json | 320 +- .../components/badge/type-docs.json | 476 ++- .../components/blockquote/type-docs.json | 480 ++- .../components/breadcrumb/type-docs.json | 321 +- .../components/button-group/type-docs.json | 160 +- .../components/button/type-docs.json | 157 +- .../components/callout/type-docs.json | 640 +++- .../paste-core/components/card/type-docs.json | 160 +- .../components/chart-provider/type-docs.json | 160 +- .../components/chat-composer/type-docs.json | 624 +++- .../components/chat-log/type-docs.json | 2098 +++++++++++-- .../components/checkbox/type-docs.json | 488 ++- .../components/code-block/type-docs.json | 964 +++++- .../components/combobox/type-docs.json | 824 ++++- .../components/corner-ornament/type-docs.json | 480 ++- .../components/data-grid/type-docs.json | 1270 ++++++-- .../components/date-picker/type-docs.json | 160 +- .../description-list/type-docs.json | 640 +++- .../components/detail-text/type-docs.json | 160 +- .../components/disclosure/type-docs.json | 310 +- .../components/display-heading/type-docs.json | 160 +- .../display-pill-group/type-docs.json | 314 +- .../editable-code-block/type-docs.json | 322 +- .../components/example-text/type-docs.json | 160 +- .../components/file-picker/type-docs.json | 315 +- .../components/file-uploader/type-docs.json | 1596 ++++++++-- .../components/form-pill-group/type-docs.json | 163 +- .../paste-core/components/form/type-docs.json | 1102 ++++++- .../components/heading/type-docs.json | 160 +- .../components/help-text/type-docs.json | 160 +- .../in-page-navigation/type-docs.json | 314 +- .../components/inline-code/type-docs.json | 160 +- .../components/input/type-docs.json | 162 +- .../components/keyboard-key/type-docs.json | 320 +- .../components/label/type-docs.json | 320 +- .../paste-core/components/list/type-docs.json | 640 +++- .../paste-core/components/menu/type-docs.json | 1490 +++++++-- .../components/meter/type-docs.json | 320 +- .../minimizable-dialog/type-docs.json | 637 +++- .../components/modal/type-docs.json | 964 +++++- .../components/page-header/type-docs.json | 1790 +++++++++-- .../components/pagination/type-docs.json | 1108 ++++++- .../components/paragraph/type-docs.json | 160 +- .../components/popover/type-docs.json | 473 ++- .../product-switcher/type-docs.json | 488 ++- .../components/progress-bar/type-docs.json | 320 +- .../components/progress-steps/type-docs.json | 1130 ++++++- .../radio-button-group/type-docs.json | 322 +- .../components/radio-group/type-docs.json | 324 +- .../screen-reader-only/type-docs.json | 160 +- .../components/select/type-docs.json | 478 ++- .../components/separator/type-docs.json | 160 +- .../components/side-modal/type-docs.json | 1127 ++++++- .../components/side-panel/type-docs.json | 1465 +++++++-- .../components/sidebar/type-docs.json | 2652 ++++++++++++++--- .../components/skeleton-loader/type-docs.json | 160 +- .../components/spinner/type-docs.json | 158 +- .../components/status/type-docs.json | 1148 +++++-- .../components/summary-detail/type-docs.json | 153 +- .../components/switch/type-docs.json | 326 +- .../components/table/type-docs.json | 1130 ++++++- .../paste-core/components/tabs/type-docs.json | 640 +++- .../components/textarea/type-docs.json | 160 +- .../components/time-picker/type-docs.json | 160 +- .../components/timeline/type-docs.json | 480 ++- .../components/toast/type-docs.json | 320 +- .../components/topbar/type-docs.json | 320 +- .../components/truncate/type-docs.json | 160 +- .../components/user-dialog/type-docs.json | 990 +++++- .../components/visual-picker/type-docs.json | 648 +++- .../paste-core/layout/grid/type-docs.json | 316 +- .../layout/media-object/type-docs.json | 484 ++- .../paste-core/layout/stack/type-docs.json | 160 +- .../paste-core/primitives/box/type-docs.json | 166 +- .../primitives/disclosure/type-docs.json | 322 +- .../primitives/listbox/type-docs.json | 163 +- .../paste-core/primitives/menu/type-docs.json | 1157 +++++-- .../non-modal-dialog/type-docs.json | 485 ++- .../primitives/sibling-box/type-docs.json | 166 +- .../paste-core/primitives/tabs/type-docs.json | 489 ++- .../paste-core/primitives/text/type-docs.json | 151 +- .../primitives/tooltip/type-docs.json | 489 ++- .../src/components/SideBar.tsx | 2 +- 88 files changed, 40521 insertions(+), 6558 deletions(-) diff --git a/packages/paste-core/components/account-switcher/type-docs.json b/packages/paste-core/components/account-switcher/type-docs.json index 6621159fbe..592e3262d1 100644 --- a/packages/paste-core/components/account-switcher/type-docs.json +++ b/packages/paste-core/components/account-switcher/type-docs.json @@ -627,18 +627,31 @@ "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute." }, "aria-autocomplete": { - "type": "\"list\" | \"none\" | \"inline\" | \"both\"", + "type": "\"none\" | \"list\" | \"inline\" | \"both\"", "defaultValue": null, "required": false, "externalProp": true, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made." }, + "aria-braillelabel": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a string value that labels the current element, which is intended to be converted into Braille." + }, + "aria-brailleroledescription": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille." + }, "aria-busy": { "type": "Booleanish", "defaultValue": null, "required": false, - "externalProp": true, - "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user." + "externalProp": true }, "aria-checked": { "type": "boolean | \"true\" | \"false\" | \"mixed\"", @@ -661,6 +674,13 @@ "externalProp": true, "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid." }, + "aria-colindextext": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a human readable text alternative of aria-colindex." + }, "aria-colspan": { "type": "number", "defaultValue": null, @@ -689,6 +709,13 @@ "externalProp": true, "description": "Identifies the element (or elements) that describes the object." }, + "aria-description": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a string value that describes or annotates the current element." + }, "aria-details": { "type": "string", "defaultValue": null, @@ -892,6 +919,13 @@ "externalProp": true, "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid." }, + "aria-rowindextext": { + "type": "string", + "defaultValue": null, + "required": false, + "externalProp": true, + "description": "Defines a human readable text alternative of aria-rowindex." + }, "aria-rowspan": { "type": "number", "defaultValue": null, @@ -956,7 +990,7 @@ "description": "The HTML tag to replace the default `