Modal
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.
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/flex@8.0.0
- @twilio-paste/stack@8.0.0
- @twilio-paste/box@10.0.0
- @twilio-paste/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/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
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.
- 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/flex@7.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.
05075e4c7#3042 Thanks @shleewhite! - [Modal] Update styles to align with new Paste Twilio themeUpdated 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/flex@6.0.0
- @twilio-paste/stack@6.0.0
- @twilio-paste/box@8.0.0
- @twilio-paste/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/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
a4c9e70b0#2763 Thanks @shleewhite! - Update ESLint rules, which changed some formatting.
56186cb51#2697 Thanks @nkrantz! - [Modal] remove__console_patchprop because it is no longer necessary
fcd2de38a#2676 Thanks @shleewhite! - [Modal] spread props onto ModalFooterActions component
- Updated dependencies [
12c4ba22a,364083627,364083627,364083627,ee2e535e9,364083627]:- @twilio-paste/box@7.0.0
- @twilio-paste/style-props@6.0.0
- @twilio-paste/design-tokens@8.0.0
- @twilio-paste/theme@8.0.0
- @twilio-paste/button@11.0.0
- @twilio-paste/heading@8.0.0
- @twilio-paste/spinner@11.0.0
- @twilio-paste/flex@5.0.0
- @twilio-paste/text@7.0.0
- @twilio-paste/icons@9.0.0
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
ae9dd50f#2466 Thanks @TheSisb! - [All packages] Update our ESBuild version and remove minification of identifiers in our production builds.
12a5e83e#2449 Thanks @shleewhite! - Made a slight improvement to the TypeScript typings of several packages for better interoperability.
09762f0f1#2376 Thanks @andipants12! - [Modal] Remove comment for obsolete ESLint rule.Updated dependencies [
09762f0f,09762f0f,09762f0f1,09762f0f1]:- @twilio-paste/text@6.0.0
- @twilio-paste/box@6.0.0
- @twilio-paste/styling-library@1.0.0
- @twilio-paste/theme@7.0.0
- @twilio-paste/button@10.0.0
- @twilio-paste/heading@7.0.0
- @twilio-paste/spinner@10.0.0
- @twilio-paste/flex@4.0.0
- @twilio-paste/icons@8.0.0
- @twilio-paste/style-props@5.0.0
f7e6ac1f0#2233 Thanks @SiTaggart! - [Modal] export ModalDialogContentProps interface
- Updated dependencies [
10178f39d]:- @twilio-paste/icons@7.0.0
- @twilio-paste/button@9.0.0
- @twilio-paste/spinner@9.0.0
b6ccaa266#2347 Thanks @gloriliale! - [Alert, Modal, Popover, Toast] Adjust close icon's hover state color, which was previously being overwritten.
cf5878d82#2285 Thanks @SiTaggart! - [Modal] Switch modal overlay to using a pure styled component and not BoxUpdated dependencies [
cf5878d82]:- @twilio-paste/modal-dialog-primitive@0.3.0
73c596919#2269 Thanks @SiTaggart! - Fixed a regression with the compilation script that caused incompatible ESM module importing of JSON files.
c867e3f48#2237 Thanks @SiTaggart! - Updated a build dependency (esbuild) which changes the output of our builds slightly, without materially changing anything about the code.
9b0579415#2218 Thanks @shleewhite! - [Modal] add i18nDismissLabel prop to ModalHeader to support i18n
563a76ba3#2249 Thanks @nkrantz! - [modal]- Update modal header border bottom color to
colorBorderWeak - Update modal footer border top color to
colorBorderWeak
- Update modal header border bottom color to
- Updated dependencies [
0a52eeee,39ab32c2,0a52eeee,04de0d1d,04de0d1d,04de0d1d]:- @twilio-paste/design-tokens@7.0.0
- @twilio-paste/icons@6.0.0
- @twilio-paste/theme@6.0.0
- @twilio-paste/style-props@4.0.0
- @twilio-paste/button@8.0.0
- @twilio-paste/form@7.0.0
- @twilio-paste/heading@6.0.0
- @twilio-paste/spinner@8.0.0
- @twilio-paste/flex@3.0.0
- @twilio-paste/box@5.0.0
- @twilio-paste/text@5.0.0
5d4515ea#2083 Thanks @nkrantz! - [Alert, Modal, Popover, Toast] Update close button to usesecondary_iconbutton variant
b7675915#1985 Thanks @TheSisb! - For debugging purposes we now ship afilename.debug.jsunminified version of each component or library in Paste.
ed5c0a49c#1965 Thanks @shleewhite! - Upgrade Paste to use React 17 by default, but maintain React 16 support for consumers.
01baddcd#1925 Thanks @shleewhite! - Add displayNames to all components
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.
f640550a#1489 Thanks @richbachman! - Changed box-shadow for ModalDialogContent to use shadow token instead of shadow-card.
f6f26815#1484 Thanks @gloriliale! - Created style file for stylings of the Modal so they can be used in other components, like Alert Dialog.
25a1f632#1404 Thanks @SiTaggart! - update internal usage of design tokens to reflect new strong / weak nomenclature
0eded1fd#1319 Thanks @SiTaggart! - Change internal dependencies to have minor range matching on version numbersUpdated dependencies [
0eded1fd,1bcb8b30]:- @twilio-paste/button@7.0.0
- Updated dependencies [
514bd5aa,514bd5aa]:- @twilio-paste/theme@5.0.1
- @twilio-paste/icons@5.1.1
- @twilio-paste/button@6.0.1
- @twilio-paste/heading@5.0.1
- @twilio-paste/spinner@7.0.1
- @twilio-paste/flex@2.0.2
- @twilio-paste/box@4.0.2
- @twilio-paste/text@4.0.1
- @twilio-paste/style-props@3.0.1
- Updated dependencies [
8b5a8592]:- @twilio-paste/icons@5.1.0
- @twilio-paste/button@6.0.0
- @twilio-paste/spinner@7.0.0
- Updated dependencies [
509eba7a]:- @twilio-paste/box@4.0.1
- @twilio-paste/button@5.0.1
- @twilio-paste/spinner@6.0.1
- @twilio-paste/flex@2.0.1
- @twilio-paste/icons@5.0.1
- Updated dependencies [
4c9ed5ca,26c828d8]:- @twilio-paste/design-tokens@6.6.0
- @twilio-paste/theme@5.0.0
- @twilio-paste/button@5.0.0
- @twilio-paste/heading@5.0.0
- @twilio-paste/spinner@6.0.0
- @twilio-paste/flex@2.0.0
- @twilio-paste/box@4.0.0
- @twilio-paste/text@4.0.0
- @twilio-paste/icons@5.0.0
- @twilio-paste/style-props@3.0.0
ac38757f#1228 Thanks @SiTaggart! - Bump status of the component to productionUpdated dependencies [
ac38757f]:- @twilio-paste/flex@1.0.2
- @twilio-paste/modal-dialog-primitive@0.2.2
- @twilio-paste/button@4.0.3
- Updated dependencies [
944c3407,af779398]:- @twilio-paste/design-tokens@6.5.2
- @twilio-paste/icons@4.0.2
- @twilio-paste/button@4.0.2
- @twilio-paste/heading@4.0.1
- @twilio-paste/spinner@5.0.2
- @twilio-paste/flex@1.0.1
- @twilio-paste/box@3.0.1
- @twilio-paste/text@3.0.1
- @twilio-paste/style-props@2.0.1
- @twilio-paste/theme@4.3.1
- Updated dependencies [
7340a6a5]:- @twilio-paste/icons@4.0.1
- @twilio-paste/button@4.0.1
- @twilio-paste/spinner@5.0.1
- Updated dependencies [
f1675586]:- @twilio-paste/theme@4.3.0
- @twilio-paste/button@4.0.0
- @twilio-paste/heading@4.0.0
- @twilio-paste/spinner@5.0.0
- @twilio-paste/flex@1.0.0
- @twilio-paste/box@3.0.0
- @twilio-paste/text@3.0.0
- @twilio-paste/icons@4.0.0
- @twilio-paste/style-props@2.0.0
a12acb61#1158 Thanks @richbachman! - Pinned all twilio-paste package versions in order to keep them in sync with core when they are updated by changesets.Updated dependencies [
a12acb61,a12acb61,a12acb61,a12acb61,a12acb61,a12acb61,a12acb61,a12acb61,a12acb61]:- @twilio-paste/theme@4.2.2
- @twilio-paste/button@3.0.1
- @twilio-paste/flex@0.5.2
- @twilio-paste/heading@3.1.2
- @twilio-paste/style-props@1.9.2
- @twilio-paste/box@2.13.2
- @twilio-paste/icons@3.13.1
- @twilio-paste/text@2.5.2
- @twilio-paste/spinner@4.0.1
- Updated dependencies [
4114dac2]:- @twilio-paste/icons@3.13.0
- @twilio-paste/button@3.0.0
- @twilio-paste/spinner@4.0.0
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.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
- modal: add forwardRef (6061bfe)
- 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)
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)
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)
- 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
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)
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
- 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)
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)
- modal: package dependencies updated to be correct (22e114f)
- modal: create the modal package (c348402)