262c1b715#4281 Thanks @PixeledCode! - [all packages]: add use client directive to the components and icons. This will make paste library compatible with server components
f48211e56#4258 Thanks @PixeledCode! - [all packages]: Upgrade to React 19 and drop support for React 16. Paste only supports the three latest versions of React. If you're using Paste in a React 17, 18, or 19 app, you should be able to upgrade with full backwards compatibility. If you experience any issues, please let us know on Github.
- Updated dependencies [
f48211e56]:- @twilio-paste/anchor@13.0.0
- @twilio-paste/button@15.0.0
- @twilio-paste/heading@12.0.0
- @twilio-paste/screen-reader-only@14.0.0
- @twilio-paste/spinner@15.0.0
- @twilio-paste/stack@9.0.0
- @twilio-paste/box@11.0.0
- @twilio-paste/non-modal-dialog-primitive@3.0.0
- @twilio-paste/text@11.0.0
- @twilio-paste/customization@9.0.0
- @twilio-paste/icons@13.0.0
- @twilio-paste/animation-library@3.0.0
- @twilio-paste/reakit-library@3.0.0
- @twilio-paste/styling-library@4.0.0
- @twilio-paste/uid-library@3.0.0
- @twilio-paste/style-props@10.0.0
- @twilio-paste/theme@12.0.0
- @twilio-paste/types@7.0.0
0ed9f3482#4226 Thanks @PixeledCode! - [Callout, ChatComposer, ChatLog, Combobox, Input, InputBox, Menu, MinimizableDialog, Modal, Popover, SideModal, SidePanel, Sidebar, Toast, Tooltip, Topbar, UserDialog]: Update styles to implement new elevation tokens
7c93dafd5#4140 Thanks @PixeledCode! - [Side Modal]: AlignSideModalFooterActionsto left. This change is to makeSide Modalmore aligned withSide Panelcomponent. If you want to keep the actions on the right, you can use thejustifyContentprop to align them to the right. If you are keeping them on the left, it's recommended to move the primary action to the left and the secondary action to the right.
383658791#3886 Thanks @TheSisb! - [SideModal] fix position of SideModalContainer when using the state hook
b97c0525b#3607 Thanks @SiTaggart! - [Side Modal] Improved TsDoc type annotations
b8d79200b#3442 Thanks @TheSisb! - Removed all run-time prop-type checkingfrom Paste components. Paste now ships with only TypeScript types.ACTION NEEDED: None. This should be 100% backwards compatible.
733709127#3395 Thanks @SiTaggart! - Modified the compile target of our JavaScript bundles fromnodetobrowserto minimize the risk of clashing with RequireJS. This is marked as a major out of an abundance of caution. You shouldn't need to do anything but we wanted you to be aware of the change on the off chance it has unintended consequences
- Updated dependencies [
733709127]:- @twilio-paste/uid-library@2.0.0
- @twilio-paste/color-contrast-utils@5.0.0
- @twilio-paste/anchor@12.0.0
- @twilio-paste/button@14.0.0
- @twilio-paste/heading@11.0.0
- @twilio-paste/screen-reader-only@13.0.0
- @twilio-paste/spinner@14.0.0
- @twilio-paste/stack@8.0.0
- @twilio-paste/box@10.0.0
- @twilio-paste/non-modal-dialog-primitive@2.0.0
- @twilio-paste/text@10.0.0
- @twilio-paste/customization@8.0.0
- @twilio-paste/design-tokens@10.0.0
- @twilio-paste/icons@12.0.0
- @twilio-paste/animation-library@2.0.0
- @twilio-paste/reakit-library@2.0.0
- @twilio-paste/styling-library@3.0.0
- @twilio-paste/style-props@9.0.0
- @twilio-paste/theme@11.0.0
- @twilio-paste/types@6.0.0
4d1f7c65e#3360 Thanks @SiTaggart! - Improved types where Paste extends the base HTML element that a component is based on, so that the existing blocked styling properties are not exposed as valid properties for the component via Typescript. This leads to less confusion around what is supported by a Paste component.Existing blocked component properties include:
classNamestylecolor
771da3b74#3296 Thanks @TheSisb! - [SideModal] Add new prophideOnEscwhich enables closing the SideModal when the "Escape" keyboard key is pressed
771da3b74#3296 Thanks @TheSisb! - [SideModal] Fix to correctly focus the close button when the SideModal first opens
3ab2bb6f4#3114 Thanks @SiTaggart! - ### Breaking changeWe have moved
@types/reactand@types/react-domto peer dependencies of the library. This should allow for greater control and backwards compatibility with older versions of React as Paste is no longer bundling the type libraries.Your application likely has both of these as dependencies anyway, but it is now up to you to manage that version number.
Action needed
Ensure
@types/reactand@types/react-domare installed as dependencies of your application.
dc07ca41b#3106 Thanks @SiTaggart! - [Side Modal] set screen position to fixed to ensure the dialog is always full height in long scrolling screens'
05b0c3dda#3083 Thanks @nkrantz! - [Side modal] Increase width to size-80 (816px)Updated dependencies [
6730aac19,1d75f223e,3ab2bb6f4,50cde4668,bce889344,3ab2bb6f4,3ab2bb6f4,3ab2bb6f4]:- @twilio-paste/button@13.0.0
- @twilio-paste/icons@11.0.0
- @twilio-paste/anchor@11.0.0
- @twilio-paste/theme@10.0.0
- @twilio-paste/box@9.0.0
- @twilio-paste/text@9.0.0
- @twilio-paste/heading@10.0.0
- @twilio-paste/screen-reader-only@12.0.0
- @twilio-paste/spinner@13.0.0
- @twilio-paste/stack@7.0.0
- @twilio-paste/customization@7.0.0
- @twilio-paste/style-props@8.0.0
- @twilio-paste/types@5.0.0
d97098846#3020 Thanks @SiTaggart! - This major version included listing all the missing peer dependencies for each Paste package.If you are using a package from Paste in isolation from Core, when upgrading to this latest version, be sure to correctly install all the missing peer dependencies.
- Updated dependencies [
154b02c06,dbd9bf992,3c89fd83d,d97098846,0acdf3486,ef094db4a,0acdf3486,154b02c06]:- @twilio-paste/anchor@10.0.0
- @twilio-paste/design-tokens@9.0.0
- @twilio-paste/button@12.0.0
- @twilio-paste/heading@9.0.0
- @twilio-paste/screen-reader-only@11.0.0
- @twilio-paste/spinner@12.0.0
- @twilio-paste/stack@6.0.0
- @twilio-paste/box@8.0.0
- @twilio-paste/non-modal-dialog-primitive@1.0.0
- @twilio-paste/text@8.0.0
- @twilio-paste/customization@6.0.0
- @twilio-paste/icons@10.0.0
- @twilio-paste/animation-library@1.0.0
- @twilio-paste/reakit-library@1.0.0
- @twilio-paste/styling-library@2.0.0
- @twilio-paste/uid-library@1.0.0
- @twilio-paste/style-props@7.0.0
- @twilio-paste/theme@9.0.0
- @twilio-paste/types@4.0.0
- @twilio-paste/color-contrast-utils@4.0.0
0865d51a7#2807 Thanks @SiTaggart! - [side-modal] set an element name on the root dialog node, to allow full control of custom styling including widths
a4c9e70b0#2763 Thanks @shleewhite! - Update ESLint rules, which changed some formatting.
fcd2de38a#2676 Thanks @shleewhite! - [Side Modal] create a new Side Modal component! This modal sits on top of the page on the right side. It should be used when you want a full height modal where you can interact with the rest of the page while it is open.