Popover
A Popover is a page overlay triggered by a button that displays additional interactive content.
Change Log
14.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
14.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
- Updated dependencies [
f48211e56]:- @twilio-paste/anchor@13.0.0
- @twilio-paste/badge@9.0.0
- @twilio-paste/button@15.0.0
- @twilio-paste/form-pill-group@9.0.0
- @twilio-paste/screen-reader-only@14.0.0
- @twilio-paste/spinner@15.0.0
- @twilio-paste/truncate@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
13.3.1
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
13.3.0
Minor Changes
8cdebfe6c#4018 Thanks @nkrantz! - [Popover] Added a new button variant to trigger the popover PopoverFormPillButton, only to be used as part of complex filters pattern
Patch Changes
0da577fc5#4026 Thanks @krisantrobus! - [Popover] Fix typings that were not exposing additional props on using a reset button variant
13.2.0
Minor Changes
13.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.
13.0.0
Major Changes
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
Patch Changes
- 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/badge@8.0.0
- @twilio-paste/button@14.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
12.0.0
Major Changes
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.
Patch Changes
fb0005bb2#3078 Thanks @SiTaggart! - [Badge, Popover] Improved typings for restricted Badge prop combinations when create button or linked badgesUpdated dependencies [
6730aac19,1d75f223e,3ab2bb6f4,50cde4668,bce889344,3ab2bb6f4,3ab2bb6f4,3ab2bb6f4,fb0005bb2]:- @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/badge@7.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
11.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.
Minor Changes
5f5790d1c#3032 Thanks @shleewhite! - [Popover] Add new props:- initialFocusRef: focuses a ref when the Popover opens
- width: sets the width of the Popover, up to size50.
Update styles to align with new Paste Twilio theme
Patch Changes
- Updated dependencies [
154b02c06,dbd9bf992,3c89fd83d,d97098846,0acdf3486,ef094db4a,0acdf3486,62983adb8]:- @twilio-paste/anchor@10.0.0
- @twilio-paste/design-tokens@9.0.0
- @twilio-paste/badge@6.0.0
- @twilio-paste/button@12.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
10.0.2
Patch Changes
10.0.1
Patch Changes
a4c9e70b0#2763 Thanks @shleewhite! - Update ESLint rules, which changed some formatting.
10.0.0
Patch Changes
- 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/badge@5.0.0
- @twilio-paste/spinner@11.0.0
- @twilio-paste/text@7.0.0
- @twilio-paste/icons@9.0.0
9.0.2
Patch Changes
ae9dd50f#2466 Thanks @TheSisb! - [All packages] Update our ESBuild version and remove minification of identifiers in our production builds.
9.0.1
Patch Changes
12a5e83e#2449 Thanks @shleewhite! - Made a slight improvement to the TypeScript typings of several packages for better interoperability.
9.0.0
Patch Changes
- 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/badge@4.0.0
- @twilio-paste/button@10.0.0
- @twilio-paste/spinner@10.0.0
- @twilio-paste/icons@8.0.0
- @twilio-paste/style-props@5.0.0
8.0.1
Patch Changes
dee7d9b01#2233 Thanks @SiTaggart! - [Color contrast utils, Tabs, Popover, Styling-library, Types] very minor code linting
8.0.0
Patch Changes
- Updated dependencies [
10178f39d]:- @twilio-paste/icons@7.0.0
- @twilio-paste/badge@3.0.0
- @twilio-paste/button@9.0.0
- @twilio-paste/spinner@9.0.0
7.0.4
Patch Changes
b6ccaa266#2347 Thanks @gloriliale! - [Alert, Modal, Popover, Toast] Adjust close icon's hover state color, which was previously being overwritten.
7.0.3
Patch Changes
6a1f1190f#2286 Thanks @gloriliale! - [Popover] adjust typings for PopoverBadgeButton
7.0.2
Patch Changes
73c596919#2269 Thanks @SiTaggart! - Fixed a regression with the compilation script that caused incompatible ESM module importing of JSON files.
7.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.
4aefbe75d#2227 Thanks @shleewhite! - [Popover] add i18nDismissLabel prop to support i18n
7.0.0
Patch Changes
ff1817a1#2187 Thanks @gloriliale! - [Popover] adjusted the maxWidth to allow for wider content.Updated dependencies [
0a52eeee,39ab32c2,0a52eeee,04de0d1d,04de0d1d,04de0d1d,68439c40]:- @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/badge@2.0.0
- @twilio-paste/button@8.0.0
- @twilio-paste/spinner@8.0.0
- @twilio-paste/box@5.0.0
- @twilio-paste/text@5.0.0
6.3.0
Minor Changes
f8bdf2e0#2089 Thanks @shleewhite! - [Popover] Add PopoverBadgeButton component
Patch Changes
5d4515ea#2083 Thanks @nkrantz! - [Alert, Modal, Popover, Toast] Update close button to usesecondary_iconbutton variant
6.2.0
Minor Changes
847504d03#2011 Thanks @TheSisb! - [Popover] Removes the wrapping<Box>present inPopoverContainer, along with the ref passing. PopoverContainer is strictly a context provider now. This fixes issues around vertical alignment and inlining PopoverButtons.
Patch Changes
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.
6.1.1
Patch Changes
01baddcd#1925 Thanks @shleewhite! - Add displayNames to all components
6.1.0
Minor Changes
db9f9665#1915 Thanks @zahnster! - [Popover] 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.
6.0.4
Patch Changes
0bfba62d#1720 Thanks @TheSisb! - The Popover's close button will now always be the first focus upon opening.
6.0.3
Patch Changes
b04e98b1#1693 Thanks @nkrantz! - Increase padding on popover content and decrease size of close icon
6.0.2
Patch Changes
6730c0a6#1606 Thanks @richbachman! - [Popover] added thestateprop that allows hooking into the state of the component usingusePopoverState. Package is also now exportingusePopoverState.
6.0.1
Patch Changes
25a1f632#1404 Thanks @SiTaggart! - update internal usage of design tokens to reflect new strong / weak nomenclature
6.0.0
Patch Changes
0eded1fd#1319 Thanks @SiTaggart! - Change internal dependencies to have minor range matching on version numbersUpdated dependencies [
0eded1fd,1bcb8b30]:- @twilio-paste/button@7.0.0
5.0.1
Patch Changes
- Updated dependencies [
514bd5aa,514bd5aa]:- @twilio-paste/theme@5.0.1
- @twilio-paste/icons@5.1.1
- @twilio-paste/button@6.0.1
- @twilio-paste/spinner@7.0.1
- @twilio-paste/box@4.0.2
- @twilio-paste/text@4.0.1
- @twilio-paste/style-props@3.0.1
5.0.0
Minor Changes
Patch Changes
- Updated dependencies [
8b5a8592]:- @twilio-paste/icons@5.1.0
- @twilio-paste/button@6.0.0
- @twilio-paste/spinner@7.0.0
4.0.1
Patch Changes
- Updated dependencies [
509eba7a]:- @twilio-paste/box@4.0.1
- @twilio-paste/button@5.0.1
- @twilio-paste/spinner@6.0.1
- @twilio-paste/icons@5.0.1
4.0.0
Patch Changes
- 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/spinner@6.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
3.0.3
Patch Changes
- Updated dependencies [
ac38757f]:- @twilio-paste/non-modal-dialog-primitive@0.3.3
- @twilio-paste/button@4.0.3
3.0.2
Patch Changes
- 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/spinner@5.0.2
- @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
3.0.1
Patch Changes
- Updated dependencies [
7340a6a5]:- @twilio-paste/icons@4.0.1
- @twilio-paste/button@4.0.1
- @twilio-paste/spinner@5.0.1
3.0.0
Patch Changes
- Updated dependencies [
f1675586]:- @twilio-paste/theme@4.3.0
- @twilio-paste/button@4.0.0
- @twilio-paste/spinner@5.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
2.0.1
Patch Changes
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]:- @twilio-paste/theme@4.2.2
- @twilio-paste/button@3.0.1
- @twilio-paste/non-modal-dialog-primitive@0.3.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
2.0.0
Patch Changes
- 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.
1.1.1 (2021-01-25)
Note: Version bump only for package @twilio-paste/popover
1.1.0 (2021-01-21)
Features
1.0.57 (2021-01-15)
Note: Version bump only for package @twilio-paste/popover
1.0.56 (2021-01-14)
Note: Version bump only for package @twilio-paste/popover
1.0.55 (2021-01-14)
Note: Version bump only for package @twilio-paste/popover
1.0.54 (2021-01-13)
Note: Version bump only for package @twilio-paste/popover
1.0.53 (2021-01-07)
Note: Version bump only for package @twilio-paste/popover
1.0.52 (2020-12-17)
Note: Version bump only for package @twilio-paste/popover
1.0.51 (2020-12-17)
Note: Version bump only for package @twilio-paste/popover
1.0.50 (2020-12-15)
Note: Version bump only for package @twilio-paste/popover
1.0.49 (2020-12-11)
Note: Version bump only for package @twilio-paste/popover
1.0.48 (2020-12-11)
Note: Version bump only for package @twilio-paste/popover
1.0.47 (2020-12-09)
Note: Version bump only for package @twilio-paste/popover
1.0.46 (2020-12-03)
Note: Version bump only for package @twilio-paste/popover
1.0.45 (2020-12-02)
Note: Version bump only for package @twilio-paste/popover
1.0.44 (2020-11-16)
Note: Version bump only for package @twilio-paste/popover
1.0.43 (2020-11-11)
Note: Version bump only for package @twilio-paste/popover
1.0.42 (2020-11-10)
Note: Version bump only for package @twilio-paste/popover
1.0.41 (2020-11-09)
Note: Version bump only for package @twilio-paste/popover
1.0.40 (2020-11-06)
Note: Version bump only for package @twilio-paste/popover
1.0.39 (2020-11-05)
Note: Version bump only for package @twilio-paste/popover
1.0.38 (2020-11-02)
Note: Version bump only for package @twilio-paste/popover
1.0.37 (2020-10-30)
Note: Version bump only for package @twilio-paste/popover
1.0.36 (2020-10-29)
Note: Version bump only for package @twilio-paste/popover
1.0.35 (2020-10-23)
Note: Version bump only for package @twilio-paste/popover
1.0.34 (2020-10-22)
Note: Version bump only for package @twilio-paste/popover
1.0.33 (2020-10-21)
Note: Version bump only for package @twilio-paste/popover
1.0.32 (2020-10-19)
Note: Version bump only for package @twilio-paste/popover
1.0.31 (2020-10-15)
Note: Version bump only for package @twilio-paste/popover
1.0.30 (2020-10-13)
Note: Version bump only for package @twilio-paste/popover
1.0.29 (2020-10-09)
Note: Version bump only for package @twilio-paste/popover
1.0.28 (2020-10-07)
Note: Version bump only for package @twilio-paste/popover
1.0.27 (2020-10-07)
Note: Version bump only for package @twilio-paste/popover
1.0.26 (2020-10-07)
Note: Version bump only for package @twilio-paste/popover
1.0.25 (2020-10-07)
Note: Version bump only for package @twilio-paste/popover
1.0.24 (2020-09-28)
Note: Version bump only for package @twilio-paste/popover
1.0.23 (2020-09-22)
Note: Version bump only for package @twilio-paste/popover
1.0.22 (2020-09-21)
Note: Version bump only for package @twilio-paste/popover
1.0.21 (2020-09-15)
Note: Version bump only for package @twilio-paste/popover
1.0.20 (2020-09-15)
Note: Version bump only for package @twilio-paste/popover
1.0.19 (2020-09-14)
Note: Version bump only for package @twilio-paste/popover
1.0.18 (2020-09-10)
Note: Version bump only for package @twilio-paste/popover
1.0.17 (2020-09-09)
Note: Version bump only for package @twilio-paste/popover
1.0.16 (2020-09-09)
Note: Version bump only for package @twilio-paste/popover
1.0.15 (2020-09-08)
Note: Version bump only for package @twilio-paste/popover
1.0.14 (2020-09-08)
Note: Version bump only for package @twilio-paste/popover
1.0.13 (2020-09-03)
Note: Version bump only for package @twilio-paste/popover
1.0.12 (2020-09-02)
Note: Version bump only for package @twilio-paste/popover
1.0.11 (2020-08-31)
Note: Version bump only for package @twilio-paste/popover
1.0.10 (2020-08-31)
Note: Version bump only for package @twilio-paste/popover
1.0.9 (2020-08-31)
Note: Version bump only for package @twilio-paste/popover
1.0.8 (2020-08-27)
Note: Version bump only for package @twilio-paste/popover
1.0.7 (2020-08-24)
Note: Version bump only for package @twilio-paste/popover
1.0.6 (2020-08-19)
Note: Version bump only for package @twilio-paste/popover
1.0.5 (2020-08-12)
Note: Version bump only for package @twilio-paste/popover
1.0.4 (2020-08-12)
Note: Version bump only for package @twilio-paste/popover
1.0.3 (2020-08-12)
Note: Version bump only for package @twilio-paste/popover
1.0.2 (2020-08-12)
Note: Version bump only for package @twilio-paste/popover
1.0.1 (2020-08-06)
Note: Version bump only for package @twilio-paste/popover
1.0.0 (2020-08-05)
Bug Fixes
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.1.25 (2020-08-04)
Note: Version bump only for package @twilio-paste/popover
0.1.24 (2020-08-04)
Note: Version bump only for package @twilio-paste/popover
0.1.23 (2020-07-31)
Note: Version bump only for package @twilio-paste/popover
0.1.22 (2020-07-30)
Note: Version bump only for package @twilio-paste/popover
0.1.21 (2020-07-29)
Note: Version bump only for package @twilio-paste/popover
0.1.20 (2020-07-28)
Note: Version bump only for package @twilio-paste/popover
0.1.19 (2020-07-22)
Note: Version bump only for package @twilio-paste/popover
0.1.18 (2020-07-20)
Note: Version bump only for package @twilio-paste/popover
0.1.17 (2020-07-15)
Note: Version bump only for package @twilio-paste/popover
0.1.16 (2020-07-15)
Note: Version bump only for package @twilio-paste/popover
0.1.15 (2020-07-14)
Note: Version bump only for package @twilio-paste/popover
0.1.14 (2020-07-14)
Note: Version bump only for package @twilio-paste/popover
0.1.13 (2020-07-08)
Bug Fixes
- popover: move arrow to StyedBase to prevent line-height override (b549721)
0.1.12 (2020-07-02)
Note: Version bump only for package @twilio-paste/popover
0.1.11 (2020-07-02)
Note: Version bump only for package @twilio-paste/popover
0.1.10 (2020-07-01)
Note: Version bump only for package @twilio-paste/popover
0.1.9 (2020-07-01)
Note: Version bump only for package @twilio-paste/popover
0.1.8 (2020-06-29)
Note: Version bump only for package @twilio-paste/popover
0.1.7 (2020-06-25)
Bug Fixes
- popover: adjust close icon size, remove small text from stories (b580ff1)
0.1.6 (2020-06-25)
Note: Version bump only for package @twilio-paste/popover
0.1.5 (2020-06-25)
Note: Version bump only for package @twilio-paste/popover
0.1.4 (2020-06-25)
Note: Version bump only for package @twilio-paste/popover
0.1.3 (2020-06-23)
Note: Version bump only for package @twilio-paste/popover
0.1.2 (2020-06-22)
Note: Version bump only for package @twilio-paste/popover
0.1.1 (2020-06-18)
Note: Version bump only for package @twilio-paste/popover
0.1.0 (2020-06-16)
Features
- popover: add popover package (6029ec5)