Skip to contentSkip to navigationSkip to topbar
Paste DSys

Modal

Version 17.0.1GithubDesign assets pendingPeer review pending

A Modal is a page overlay that displays information and blocks interaction with the page until an action is taken or the Modal is dismissed.

Change Log

17.0.1

Patch Changes

  • 262c1b715 #4281 Thanks @PixeledCode! - [all packages]: add use client directive to the components and icons. This will make paste library compatible with server components

17.0.0

Major Changes

  • 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.

Patch Changes

16.1.3

Patch Changes

  • 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

16.1.2

Patch Changes

  • 7d5c312f7 #3846 Thanks @TheSisb! - [Modal] fix padding around ModalFooter for when the content overflows and scrolls.

16.1.1

Patch Changes

16.1.0

Minor Changes

  • 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.

16.0.0

Major Changes

  • 733709127 #3395 Thanks @SiTaggart! - Modified the compile target of our JavaScript bundles from node to browser to 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

Patch Changes

15.0.1

Patch Changes

  • 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:

    • className
    • style
    • color

15.0.0

Major Changes

  • 3ab2bb6f4 #3114 Thanks @SiTaggart! - ### Breaking change

    We have moved @types/react and @types/react-dom to 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/react and @types/react-dom are installed as dependencies of your application.

Patch Changes

14.0.0

Major Changes

  • 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.

Patch Changes

13.0.2

Patch Changes

13.0.1

Patch Changes

13.0.0

Major Changes

12.0.1

Patch Changes

12.0.0

Patch Changes

11.1.0

Minor Changes

  • f510fea8 #2506 Thanks @SiTaggart! - [Alert Dialog, Modal]: changing header and footer elements to be more generic HTML elements to prevent global banner and contentinfo landmarks being placed in the DOM when using just a Dialog

11.0.2

Patch Changes

  • ae9dd50f #2466 Thanks @TheSisb! - [All packages] Update our ESBuild version and remove minification of identifiers in our production builds.

11.0.1

Patch Changes

  • 12a5e83e #2449 Thanks @shleewhite! - Made a slight improvement to the TypeScript typings of several packages for better interoperability.

11.0.0

Patch Changes

10.0.1

Patch Changes

10.0.0

Patch Changes

9.0.1

Patch Changes

  • b6ccaa266 #2347 Thanks @gloriliale! - [Alert, Modal, Popover, Toast] Adjust close icon's hover state color, which was previously being overwritten.

9.0.0

Patch Changes

8.0.2

Patch Changes

  • 73c596919 #2269 Thanks @SiTaggart! - Fixed a regression with the compilation script that caused incompatible ESM module importing of JSON files.

8.0.1

Patch Changes

  • c867e3f48 #2237 Thanks @SiTaggart! - Updated a build dependency (esbuild) which changes the output of our builds slightly, without materially changing anything about the code.

  • 563a76ba3 #2249 Thanks @nkrantz! - [modal]

    • Update modal header border bottom color to colorBorderWeak
    • Update modal footer border top color to colorBorderWeak

8.0.0

Patch Changes

7.1.5

Patch Changes

  • 5d4515ea #2083 Thanks @nkrantz! - [Alert, Modal, Popover, Toast] Update close button to use secondary_icon button variant

7.1.4

Patch Changes

  • b7675915 #1985 Thanks @TheSisb! - For debugging purposes we now ship a filename.debug.js unminified version of each component or library in Paste.

7.1.3

Patch Changes

7.1.2

Patch Changes

  • a8ba78e4 #1903 Thanks @andipants12! - [Modal] Enable Component to respect element customizations set on the customization provider. Component now enables setting an element name on the underlying HTML element and checks the emotion theme object to determine whether it should merge in custom styles to the ones set by the component author.

7.1.1

Patch Changes

7.1.0

Minor Changes

  • f6f26815 #1484 Thanks @gloriliale! - Created style file for stylings of the Modal so they can be used in other components, like Alert Dialog.

7.0.1

Patch Changes

  • 25a1f632 #1404 Thanks @SiTaggart! - update internal usage of design tokens to reflect new strong / weak nomenclature

7.0.0

Patch Changes

6.0.1

Patch Changes

6.0.0

Patch Changes

5.0.1

Patch Changes

5.0.0

Patch Changes

4.0.3

Patch Changes

4.0.2

Patch Changes

4.0.1

Patch Changes

4.0.0

Patch Changes

3.0.1

Patch Changes

3.0.0

Patch Changes

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

2.1.1 (2021-01-25)

Note: Version bump only for package @twilio-paste/modal

2.1.0 (2021-01-21)

Features

2.0.5 (2021-01-15)

Note: Version bump only for package @twilio-paste/modal

2.0.4 (2021-01-14)

Note: Version bump only for package @twilio-paste/modal

2.0.3 (2021-01-13)

Note: Version bump only for package @twilio-paste/modal

2.0.2 (2021-01-07)

Note: Version bump only for package @twilio-paste/modal

2.0.1 (2020-12-17)

Note: Version bump only for package @twilio-paste/modal

2.0.0 (2020-12-17)

Bug Fixes

BREAKING CHANGES

  • modal: component is now using fowardRef

1.0.55 (2020-12-15)

Note: Version bump only for package @twilio-paste/modal

1.0.54 (2020-12-11)

Note: Version bump only for package @twilio-paste/modal

1.0.53 (2020-12-11)

Note: Version bump only for package @twilio-paste/modal

1.0.52 (2020-12-09)

Note: Version bump only for package @twilio-paste/modal

1.0.51 (2020-12-03)

Note: Version bump only for package @twilio-paste/modal

1.0.50 (2020-12-02)

Note: Version bump only for package @twilio-paste/modal

1.0.49 (2020-11-25)

Note: Version bump only for package @twilio-paste/modal

1.0.48 (2020-11-16)

Note: Version bump only for package @twilio-paste/modal

1.0.47 (2020-11-11)

Note: Version bump only for package @twilio-paste/modal

1.0.46 (2020-11-11)

Note: Version bump only for package @twilio-paste/modal

1.0.45 (2020-11-10)

Note: Version bump only for package @twilio-paste/modal

1.0.44 (2020-11-09)

Note: Version bump only for package @twilio-paste/modal

1.0.43 (2020-11-06)

Note: Version bump only for package @twilio-paste/modal

1.0.42 (2020-11-05)

Note: Version bump only for package @twilio-paste/modal

1.0.41 (2020-11-02)

Note: Version bump only for package @twilio-paste/modal

1.0.40 (2020-10-30)

Note: Version bump only for package @twilio-paste/modal

1.0.39 (2020-10-29)

Note: Version bump only for package @twilio-paste/modal

1.0.38 (2020-10-23)

Note: Version bump only for package @twilio-paste/modal

1.0.37 (2020-10-22)

Note: Version bump only for package @twilio-paste/modal

1.0.36 (2020-10-21)

Note: Version bump only for package @twilio-paste/modal

1.0.35 (2020-10-19)

Note: Version bump only for package @twilio-paste/modal

1.0.34 (2020-10-15)

Note: Version bump only for package @twilio-paste/modal

1.0.33 (2020-10-13)

Note: Version bump only for package @twilio-paste/modal

1.0.32 (2020-10-09)

Bug Fixes

  • modal: a possibly better console_patch fix (#837) (2932aad)

1.0.31 (2020-10-09)

Note: Version bump only for package @twilio-paste/modal

1.0.30 (2020-10-07)

Note: Version bump only for package @twilio-paste/modal

1.0.29 (2020-10-07)

Note: Version bump only for package @twilio-paste/modal

1.0.28 (2020-10-07)

Bug Fixes

  • modal: fix console-patch jank by removing animation on modal close (#820) (dc2c436)

1.0.27 (2020-10-07)

Note: Version bump only for package @twilio-paste/modal

1.0.26 (2020-10-07)

Note: Version bump only for package @twilio-paste/modal

1.0.25 (2020-09-28)

Note: Version bump only for package @twilio-paste/modal

1.0.24 (2020-09-22)

Note: Version bump only for package @twilio-paste/modal

1.0.23 (2020-09-21)

Note: Version bump only for package @twilio-paste/modal

1.0.22 (2020-09-15)

Note: Version bump only for package @twilio-paste/modal

1.0.21 (2020-09-15)

Bug Fixes

  • modal: adjust zIndex for popovers and tooltips (7b62d58)

1.0.20 (2020-09-14)

Note: Version bump only for package @twilio-paste/modal

1.0.19 (2020-09-10)

Note: Version bump only for package @twilio-paste/modal

1.0.18 (2020-09-09)

Note: Version bump only for package @twilio-paste/modal

1.0.17 (2020-09-09)

Note: Version bump only for package @twilio-paste/modal

1.0.16 (2020-09-08)

Note: Version bump only for package @twilio-paste/modal

1.0.15 (2020-09-08)

Note: Version bump only for package @twilio-paste/modal

1.0.14 (2020-09-03)

Note: Version bump only for package @twilio-paste/modal

1.0.13 (2020-09-03)

Note: Version bump only for package @twilio-paste/modal

1.0.12 (2020-09-02)

Note: Version bump only for package @twilio-paste/modal

1.0.11 (2020-08-31)

Note: Version bump only for package @twilio-paste/modal

1.0.10 (2020-08-31)

Note: Version bump only for package @twilio-paste/modal

1.0.9 (2020-08-31)

Note: Version bump only for package @twilio-paste/modal

1.0.8 (2020-08-27)

Note: Version bump only for package @twilio-paste/modal

1.0.7 (2020-08-24)

Note: Version bump only for package @twilio-paste/modal

1.0.6 (2020-08-19)

Note: Version bump only for package @twilio-paste/modal

1.0.5 (2020-08-12)

Note: Version bump only for package @twilio-paste/modal

1.0.4 (2020-08-12)

Note: Version bump only for package @twilio-paste/modal

1.0.3 (2020-08-12)

Note: Version bump only for package @twilio-paste/modal

1.0.2 (2020-08-12)

Note: Version bump only for package @twilio-paste/modal

1.0.1 (2020-08-06)

Note: Version bump only for package @twilio-paste/modal

1.0.0 (2020-08-05)

Bug Fixes

  • icons: use display=block by default and rename 'iconColor' prop to 'color' (#637) (82beef4)

BREAKING CHANGES

  • icons: This change renames a key prop and changes the display mode from inline-flex to block

  • fix: use new icon prop (iconColor -> color)

  • test: update snapshots

  • chore(icons): update readme to mention correct display value

Co-authored-by: Rich Bachman rb@richbachman.com

  • chore(website): update icon doc prop table

Co-authored-by: Rich Bachman rb@richbachman.com

Co-authored-by: Rich Bachman rb@richbachman.com

0.2.27 (2020-08-04)

Note: Version bump only for package @twilio-paste/modal

0.2.26 (2020-08-04)

Note: Version bump only for package @twilio-paste/modal

0.2.25 (2020-07-31)

Note: Version bump only for package @twilio-paste/modal

0.2.24 (2020-07-30)

Note: Version bump only for package @twilio-paste/modal

0.2.23 (2020-07-29)

Note: Version bump only for package @twilio-paste/modal

0.2.22 (2020-07-28)

Note: Version bump only for package @twilio-paste/modal

0.2.21 (2020-07-22)

Note: Version bump only for package @twilio-paste/modal

0.2.20 (2020-07-20)

Note: Version bump only for package @twilio-paste/modal

0.2.19 (2020-07-15)

Note: Version bump only for package @twilio-paste/modal

0.2.18 (2020-07-14)

Note: Version bump only for package @twilio-paste/modal

0.2.17 (2020-07-14)

Note: Version bump only for package @twilio-paste/modal

0.2.16 (2020-07-02)

Note: Version bump only for package @twilio-paste/modal

0.2.15 (2020-07-02)

Note: Version bump only for package @twilio-paste/modal

0.2.14 (2020-07-01)

Note: Version bump only for package @twilio-paste/modal

0.2.13 (2020-07-01)

Note: Version bump only for package @twilio-paste/modal

0.2.12 (2020-06-29)

Note: Version bump only for package @twilio-paste/modal

0.2.11 (2020-06-25)

Note: Version bump only for package @twilio-paste/modal

0.2.10 (2020-06-25)

Note: Version bump only for package @twilio-paste/modal

0.2.9 (2020-06-24)

Bug Fixes

  • modal: add '__console_patch' prop to fix bug in Console (#522) (7aaf812)

0.2.8 (2020-06-23)

Note: Version bump only for package @twilio-paste/modal

0.2.7 (2020-06-22)

Note: Version bump only for package @twilio-paste/modal

0.2.6 (2020-06-18)

Note: Version bump only for package @twilio-paste/modal

0.2.5 (2020-06-16)

Note: Version bump only for package @twilio-paste/modal

0.2.4 (2020-06-12)

Note: Version bump only for package @twilio-paste/modal

0.2.3 (2020-06-10)

Note: Version bump only for package @twilio-paste/modal

0.2.2 (2020-06-05)

Note: Version bump only for package @twilio-paste/modal

0.2.1 (2020-06-01)

Note: Version bump only for package @twilio-paste/modal

0.2.0 (2020-06-01)

Features

  • modal: animate modal open & close transitions (547d4f4)

0.1.18 (2020-05-28)

Note: Version bump only for package @twilio-paste/modal

0.1.17 (2020-05-27)

Note: Version bump only for package @twilio-paste/modal

0.1.16 (2020-05-20)

Note: Version bump only for package @twilio-paste/modal

0.1.15 (2020-05-07)

Note: Version bump only for package @twilio-paste/modal

0.1.14 (2020-05-07)

Note: Version bump only for package @twilio-paste/modal

0.1.13 (2020-05-04)

Note: Version bump only for package @twilio-paste/modal

0.1.12 (2020-05-01)

Note: Version bump only for package @twilio-paste/modal

0.1.11 (2020-04-29)

Note: Version bump only for package @twilio-paste/modal

0.1.10 (2020-04-28)

Bug Fixes

  • modal: reset margin on heading, add zIndex to overlay (#409) (69179c4)

0.1.9 (2020-04-25)

Note: Version bump only for package @twilio-paste/modal

0.1.8 (2020-04-24)

Note: Version bump only for package @twilio-paste/modal

0.1.7 (2020-04-22)

Note: Version bump only for package @twilio-paste/modal

0.1.6 (2020-04-20)

Note: Version bump only for package @twilio-paste/modal

0.1.5 (2020-04-17)

Note: Version bump only for package @twilio-paste/modal

0.1.4 (2020-04-15)

Note: Version bump only for package @twilio-paste/modal

0.1.3 (2020-04-15)

Note: Version bump only for package @twilio-paste/modal

0.1.2 (2020-04-09)

Note: Version bump only for package @twilio-paste/modal

0.1.1 (2020-04-08)

Bug Fixes

  • modal: package dependencies updated to be correct (22e114f)

0.1.0 (2020-04-07)

Features

  • modal: create the modal package (c348402)