Side Modal
A modal that stays on the side of the screen.
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.