@vonage/vivid-react 2.10.92 → 2.10.98

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/README.md +0 -3
  2. package/VwcAccordion/package.json +1 -1
  3. package/VwcActionGroup/package.json +1 -1
  4. package/VwcBadge/package.json +1 -1
  5. package/VwcBanner/package.json +1 -1
  6. package/VwcButton/package.json +1 -1
  7. package/VwcButtonToggleGroup/package.json +1 -1
  8. package/VwcCalendar/package.json +1 -1
  9. package/VwcCalendarEvent/package.json +1 -1
  10. package/VwcCard/package.json +1 -1
  11. package/VwcCarousel/package.json +1 -1
  12. package/VwcCarouselItem/package.json +1 -1
  13. package/VwcCheckListItem/package.json +1 -1
  14. package/VwcCheckbox/package.json +1 -1
  15. package/VwcChip/package.json +1 -1
  16. package/VwcChipSet/package.json +1 -1
  17. package/VwcCircularProgress/package.json +1 -1
  18. package/VwcDataGrid/package.json +1 -1
  19. package/VwcDataGridColumn/package.json +1 -1
  20. package/VwcDatepicker/package.json +1 -1
  21. package/VwcDropdown/package.json +1 -1
  22. package/VwcElevation/package.json +1 -1
  23. package/VwcEmptyState/package.json +1 -1
  24. package/VwcExpansionPanel/package.json +1 -1
  25. package/VwcFab/package.json +1 -1
  26. package/VwcFilePicker/package.json +1 -1
  27. package/VwcFormfield/package.json +1 -1
  28. package/VwcHelperMessage/package.json +1 -1
  29. package/VwcIcon/package.json +1 -1
  30. package/VwcIconButton/package.json +1 -1
  31. package/VwcIconButtonToggle/package.json +1 -1
  32. package/VwcKeypad/package.json +1 -1
  33. package/VwcLayout/package.json +1 -1
  34. package/VwcLinearProgress/package.json +1 -1
  35. package/VwcList/package.json +1 -1
  36. package/VwcListExpansionPanel/package.json +1 -1
  37. package/VwcListItem/package.json +1 -1
  38. package/VwcMenu/package.json +1 -1
  39. package/VwcNotchedOutline/package.json +1 -1
  40. package/VwcNote/package.json +1 -1
  41. package/VwcPagination/package.json +1 -1
  42. package/VwcPopup/package.json +1 -1
  43. package/VwcRadio/package.json +1 -1
  44. package/VwcRadioListItem/package.json +1 -1
  45. package/VwcSchemeSelect/package.json +1 -1
  46. package/VwcScrubBar/package.json +1 -1
  47. package/VwcSelect/package.json +1 -1
  48. package/VwcSlider/package.json +1 -1
  49. package/VwcSnackbar/package.json +1 -1
  50. package/VwcSurface/package.json +1 -1
  51. package/VwcSwitch/package.json +1 -1
  52. package/VwcTab/package.json +1 -1
  53. package/VwcTabBar/package.json +1 -1
  54. package/VwcTag/package.json +1 -1
  55. package/VwcText/package.json +1 -1
  56. package/VwcTextarea/package.json +1 -1
  57. package/VwcTextfield/package.json +1 -1
  58. package/VwcThemeSwitch/package.json +1 -1
  59. package/VwcTooltip/package.json +1 -1
  60. package/VwcTopAppBar/package.json +1 -1
  61. package/VwcTopAppBarFixed/package.json +1 -1
  62. package/index.js +24 -0
  63. package/package.json +1 -4
  64. package/v3/VwcButton/index.d.ts +2 -0
  65. package/v3/VwcButton/index.js +1 -1
  66. package/VwcDialog/index.d.ts +0 -40
  67. package/VwcDialog/index.js +0 -135
  68. package/VwcDialog/package.json +0 -11
  69. package/VwcDrawer/index.d.ts +0 -20
  70. package/VwcDrawer/index.js +0 -80
  71. package/VwcDrawer/package.json +0 -11
  72. package/VwcSideDrawer/index.d.ts +0 -22
  73. package/VwcSideDrawer/index.js +0 -73
  74. package/VwcSideDrawer/package.json +0 -11
package/README.md CHANGED
@@ -46,8 +46,6 @@ Adding the `resolutions` field when using `yarn` might help get the correct vers
46
46
  | VwcCircularProgress | @vonage/vwc-circular-progress | 2.45.0 |
47
47
  | VwcDataGrid | @vonage/vwc-data-grid | 2.45.0 |
48
48
  | VwcDatepicker | @vonage/vwc-datepicker | 2.45.0 |
49
- | VwcDialog | @vonage/vwc-dialog | 2.45.0 |
50
- | VwcDrawer | @vonage/vwc-drawer | 2.45.0 |
51
49
  | VwcDropdown | @vonage/vwc-dropdown | 2.45.0 |
52
50
  | VwcElevation | @vonage/vwc-elevation | 2.45.0 |
53
51
  | VwcEmptyState | @vonage/vwc-empty-state | 2.45.0 |
@@ -72,7 +70,6 @@ Adding the `resolutions` field when using `yarn` might help get the correct vers
72
70
  | VwcRadio | @vonage/vwc-radio | 2.45.0 |
73
71
  | VwcSchemeSelect | @vonage/vwc-scheme-select | 2.45.0 |
74
72
  | VwcSelect | @vonage/vwc-select | 2.45.0 |
75
- | VwcSideDrawer | @vonage/vwc-side-drawer | 2.45.0 |
76
73
  | VwcSlider | @vonage/vwc-slider | 2.45.0 |
77
74
  | VwcSnackbar | @vonage/vwc-snackbar | 2.45.0 |
78
75
  | VwcSurface | @vonage/vwc-surface | 2.45.0 |
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-accordion",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-action-group",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-badge",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-banner",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-button",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-button-toggle-group",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-calendar",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-calendar-event",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-card",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-carousel",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-carousel-item",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-check-list-item",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-checkbox",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-chip",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-chip-set",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-circular-progress",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-data-grid",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-data-grid-column",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-datepicker",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-dropdown",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-elevation",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-empty-state",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-expansion-panel",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-fab",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-file-picker",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-formfield",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-helper-message",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-icon",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-icon-button",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-icon-button-toggle",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-keypad",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-layout",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-linear-progress",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-list",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-list-expansion-panel",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-list-item",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-menu",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-notched-outline",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-note",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-pagination",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-popup",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-radio",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-radio-list-item",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-scheme-select",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-scrub-bar",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-select",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-slider",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-snackbar",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-surface",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-switch",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-tab",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-tab-bar",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-tag",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-text",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-textarea",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-textfield",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-theme-switch",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-tooltip",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-top-app-bar",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react-vwc-top-app-bar-fixed",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "private": true,
package/index.js CHANGED
@@ -265,6 +265,29 @@ var vwcSetAttributeValue = function vwcSetAttributeValue(attribute, value) {
265
265
  };
266
266
  };
267
267
 
268
+ /**
269
+ * Patches provided vivid-3 VwcBadge instance to show text in the center
270
+ *
271
+ * @param {HTMLElement} badgeElement - target element to apply behavior to
272
+ * @example <VwcBadge ref={vwcBadgeShowTextCenterDecorator()} />
273
+ */
274
+ var vwcBadgeShowTextCenterDecorator = function vwcBadgeShowTextCenterDecorator() {
275
+ return function (badgeElement) {
276
+ return setTimeout(function () {
277
+ if (!badgeElement) {
278
+ return;
279
+ }
280
+ if (badgeElement.shadowRoot) {
281
+ var span = badgeElement.shadowRoot.querySelector('span.base');
282
+ if (span) {
283
+ span.style.display = 'flex';
284
+ span.style.justifyContent = 'center';
285
+ }
286
+ }
287
+ }, 0);
288
+ };
289
+ };
290
+
268
291
  function createCommonjsModule(fn) {
269
292
  var module = { exports: {} };
270
293
  return fn(module, module.exports), module.exports;
@@ -314,6 +337,7 @@ var cellRendererFactory = function cellRendererFactory(children, container) {
314
337
 
315
338
  exports.cellRendererFactory = cellRendererFactory;
316
339
  exports.initVivid = initVivid;
340
+ exports.vwcBadgeShowTextCenterDecorator = vwcBadgeShowTextCenterDecorator;
317
341
  exports.vwcCardHeadingCropDecorator = vwcCardHeadingCropDecorator;
318
342
  exports.vwcCardWithMenu = vwcCardWithMenu;
319
343
  exports.vwcDataGridElementCellOverflowDecorator = vwcDataGridElementCellOverflowDecorator;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonage/vivid-react",
3
- "version": "2.10.92",
3
+ "version": "2.10.98",
4
4
  "description": "Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings",
5
5
  "main": "index.js",
6
6
  "types": "types/index.d.ts",
@@ -45,8 +45,6 @@
45
45
  "@vonage/vwc-circular-progress": "2.45.0",
46
46
  "@vonage/vwc-data-grid": "2.45.0",
47
47
  "@vonage/vwc-datepicker": "2.45.0",
48
- "@vonage/vwc-dialog": "2.45.0",
49
- "@vonage/vwc-drawer": "2.45.0",
50
48
  "@vonage/vwc-dropdown": "2.45.0",
51
49
  "@vonage/vwc-elevation": "2.45.0",
52
50
  "@vonage/vwc-empty-state": "2.45.0",
@@ -71,7 +69,6 @@
71
69
  "@vonage/vwc-radio": "2.45.0",
72
70
  "@vonage/vwc-scheme-select": "2.45.0",
73
71
  "@vonage/vwc-select": "2.45.0",
74
- "@vonage/vwc-side-drawer": "2.45.0",
75
72
  "@vonage/vwc-slider": "2.45.0",
76
73
  "@vonage/vwc-snackbar": "2.45.0",
77
74
  "@vonage/vwc-surface": "2.45.0",
@@ -19,6 +19,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
19
19
  * @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - Indicates the target's rel. **attribute** `target`
20
20
  * @param {string | undefined} icon
21
21
  * @param {boolean | undefined} disabled
22
+ * @param {string | undefined} type
22
23
  * @param {boolean | undefined} icon-trailing
23
24
  */
24
25
  declare const VwcButton: {
@@ -47,6 +48,7 @@ declare const VwcButton: {
47
48
  target?: any;
48
49
  icon?: string | undefined;
49
50
  disabled?: any;
51
+ type?: string | undefined;
50
52
  }, icon: any): any;
51
53
  displayName: string;
52
54
  };
@@ -441,7 +441,7 @@ registerButton('vvd3')
441
441
  const VwcButton = wrapper(`vvd3-button`, {
442
442
  events: [{"name":"click","propName":"onClick"}],
443
443
  attributes: [],
444
- properties: ['title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'active', 'label', 'href', 'download', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'icon', 'disabled', 'icon-trailing']
444
+ properties: ['title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'active', 'label', 'href', 'download', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'icon', 'disabled', 'type', 'icon-trailing']
445
445
  })
446
446
 
447
447
  VwcButton.displayName = 'VwcButton'
@@ -1,40 +0,0 @@
1
- import React, { ReactNode, SyntheticEvent } from 'react';
2
- import '@vonage/vwc-dialog';
3
- /**
4
- * @param {boolean | undefined} closeButton
5
- * @param {Position | undefined} topPosition
6
- * @param {boolean} hideActions
7
- * @param {boolean} stacked
8
- * @param {string} heading
9
- * @param {string} scrimClickAction
10
- * @param {string} escapeKeyAction
11
- * @param {boolean} open
12
- * @param {string} defaultAction
13
- * @param {string} actionAttribute
14
- * @param {string} initialFocusAttribute
15
- * @param {string} suppressDefaultPressSelector
16
- */
17
- declare const VwcDialog: (props: {
18
- children?: ReactNode;
19
- slot?: string | undefined;
20
- id?: string | undefined;
21
- style?: React.CSSProperties | undefined;
22
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
23
- onOpening?: ((event: SyntheticEvent) => void) | undefined;
24
- onOpened?: ((event: SyntheticEvent) => void) | undefined;
25
- onClosing?: ((event: SyntheticEvent) => void) | undefined;
26
- onClosed?: ((event: SyntheticEvent) => void) | undefined;
27
- closeButton?: any;
28
- topPosition?: any;
29
- hideActions?: boolean | undefined;
30
- stacked?: boolean | undefined;
31
- heading?: string | undefined;
32
- scrimClickAction?: string | undefined;
33
- escapeKeyAction?: string | undefined;
34
- open?: boolean | undefined;
35
- defaultAction?: string | undefined;
36
- actionAttribute?: string | undefined;
37
- initialFocusAttribute?: string | undefined;
38
- suppressDefaultPressSelector?: string | undefined;
39
- }) => JSX.Element;
40
- export default VwcDialog;
@@ -1,135 +0,0 @@
1
- /*
2
- * DO NOT EDIT THIS FILE. IT IS GENERATED
3
- */
4
- /*
5
- Code in this file were generated using following JSON:
6
- {
7
- "name": "vwc-dialog",
8
- "path": "./../node_modules/@vonage/vwc-dialog/vwc-dialog.d.ts",
9
- "properties": [
10
- {
11
- "name": "closeButton",
12
- "type": "boolean | undefined",
13
- "bindable": true
14
- },
15
- {
16
- "name": "topPosition",
17
- "type": "Position | undefined",
18
- "bindable": false
19
- },
20
- {
21
- "name": "styles",
22
- "type": "CSSResult[]"
23
- },
24
- {
25
- "name": "hideActions",
26
- "type": "boolean",
27
- "bindable": false
28
- },
29
- {
30
- "name": "stacked",
31
- "type": "boolean",
32
- "bindable": false
33
- },
34
- {
35
- "name": "heading",
36
- "type": "string",
37
- "bindable": false
38
- },
39
- {
40
- "name": "scrimClickAction",
41
- "type": "string",
42
- "bindable": false
43
- },
44
- {
45
- "name": "escapeKeyAction",
46
- "type": "string",
47
- "bindable": false
48
- },
49
- {
50
- "name": "open",
51
- "type": "boolean",
52
- "bindable": false
53
- },
54
- {
55
- "name": "defaultAction",
56
- "type": "string",
57
- "bindable": false
58
- },
59
- {
60
- "name": "actionAttribute",
61
- "type": "string",
62
- "bindable": false
63
- },
64
- {
65
- "name": "initialFocusAttribute",
66
- "type": "string",
67
- "bindable": false
68
- },
69
- {
70
- "name": "suppressDefaultPressSelector",
71
- "type": "string",
72
- "bindable": false
73
- }
74
- ],
75
- "events": [
76
- "opening",
77
- "opened",
78
- "closing",
79
- "closed"
80
- ]
81
- }
82
- */
83
- import PropTypes from 'prop-types'
84
- import wrapper from '@vonage/vivid-react-wrapper'
85
- import '@vonage/vwc-dialog'
86
-
87
-
88
- /**
89
- * @param {boolean | undefined} closeButton
90
- * @param {Position | undefined} topPosition
91
- * @param {boolean} hideActions
92
- * @param {boolean} stacked
93
- * @param {string} heading
94
- * @param {string} scrimClickAction
95
- * @param {string} escapeKeyAction
96
- * @param {boolean} open
97
- * @param {string} defaultAction
98
- * @param {string} actionAttribute
99
- * @param {string} initialFocusAttribute
100
- * @param {string} suppressDefaultPressSelector
101
- */
102
- const VwcDialog = wrapper('vwc-dialog', {
103
- events: [{"name":"closed","propName":"onClosed"},{"name":"closing","propName":"onClosing"},{"name":"opened","propName":"onOpened"},{"name":"opening","propName":"onOpening"}],
104
- attributes: [],
105
- properties: ["closeButton"]
106
- });
107
-
108
- VwcDialog.propTypes = {
109
- onOpening: PropTypes.func,
110
- onOpened: PropTypes.func,
111
- onClosing: PropTypes.func,
112
- onClosed: PropTypes.func,
113
- closeButton: PropTypes.any /* boolean | undefined */,
114
- topPosition: PropTypes.any /* Position | undefined */,
115
- hideActions: PropTypes.bool,
116
- stacked: PropTypes.bool,
117
- heading: PropTypes.string,
118
- scrimClickAction: PropTypes.string,
119
- escapeKeyAction: PropTypes.string,
120
- open: PropTypes.bool,
121
- defaultAction: PropTypes.string,
122
- actionAttribute: PropTypes.string,
123
- initialFocusAttribute: PropTypes.string,
124
- suppressDefaultPressSelector: PropTypes.string
125
- }
126
-
127
- VwcDialog.defaultProps = {
128
-
129
- }
130
-
131
- VwcDialog.displayName = 'VwcDialog'
132
-
133
-
134
-
135
- export default VwcDialog
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-dialog",
3
- "version": "2.10.92",
4
- "main": "index.js",
5
- "types": "index.d.ts",
6
- "private": true,
7
- "license": "MIT",
8
- "dependencies": {
9
- "@vonage/vwc-dialog": "2.45.0"
10
- }
11
- }
@@ -1,20 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import '@vonage/vwc-drawer';
3
- /** This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer)
4
- * @param {boolean} drawerAlternate attribute: &lt;VwcDrawer drawer-alternate />
5
- * @param {boolean} open
6
- * @param {boolean} hasHeader
7
- * @param {string} type
8
- */
9
- declare const VwcDrawer: (props: {
10
- children?: ReactNode;
11
- slot?: string | undefined;
12
- id?: string | undefined;
13
- style?: React.CSSProperties | undefined;
14
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
15
- drawerAlternate?: boolean | undefined;
16
- open?: boolean | undefined;
17
- hasHeader?: boolean | undefined;
18
- type?: string | undefined;
19
- }) => JSX.Element;
20
- export default VwcDrawer;
@@ -1,80 +0,0 @@
1
- /*
2
- * DO NOT EDIT THIS FILE. IT IS GENERATED
3
- */
4
- /*
5
- Code in this file were generated using following JSON:
6
- {
7
- "name": "vwc-drawer",
8
- "path": "./../node_modules/@vonage/vwc-drawer/src/vwc-drawer.ts",
9
- "description": "This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer)",
10
- "attributes": [
11
- {
12
- "name": "drawer-alternate",
13
- "type": "boolean",
14
- "default": "false"
15
- }
16
- ],
17
- "properties": [
18
- {
19
- "name": "drawerAlternate",
20
- "attribute": "drawer-alternate",
21
- "type": "boolean",
22
- "default": "false",
23
- "bindable": false
24
- },
25
- {
26
- "name": "styles",
27
- "type": "CSSResult[]"
28
- },
29
- {
30
- "name": "open",
31
- "type": "boolean",
32
- "bindable": false
33
- },
34
- {
35
- "name": "hasHeader",
36
- "type": "boolean",
37
- "bindable": false
38
- },
39
- {
40
- "name": "type",
41
- "type": "string",
42
- "bindable": false
43
- }
44
- ],
45
- "events": []
46
- }
47
- */
48
- import PropTypes from 'prop-types'
49
- import wrapper from '@vonage/vivid-react-wrapper'
50
- import '@vonage/vwc-drawer'
51
-
52
-
53
- /** This component is an extension of [<mwc-drawer>](https://github.com/material-components/material-components-web-components/tree/master/packages/drawer)
54
- * @param {boolean} drawerAlternate attribute: &lt;VwcDrawer drawer-alternate />
55
- * @param {boolean} open
56
- * @param {boolean} hasHeader
57
- * @param {string} type
58
- */
59
- const VwcDrawer = wrapper('vwc-drawer', {
60
- events: [],
61
- attributes: [],
62
- properties: []
63
- });
64
-
65
- VwcDrawer.propTypes = {
66
- drawerAlternate: PropTypes.bool/* default: false *//* attribute: drawer-alternate */,
67
- open: PropTypes.bool,
68
- hasHeader: PropTypes.bool,
69
- type: PropTypes.string
70
- }
71
-
72
- VwcDrawer.defaultProps = {
73
- drawerAlternate: false
74
- }
75
-
76
- VwcDrawer.displayName = 'VwcDrawer'
77
-
78
-
79
-
80
- export default VwcDrawer
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-drawer",
3
- "version": "2.10.92",
4
- "main": "index.js",
5
- "types": "index.d.ts",
6
- "private": true,
7
- "license": "MIT",
8
- "dependencies": {
9
- "@vonage/vwc-drawer": "2.45.0"
10
- }
11
- }
@@ -1,22 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import '@vonage/vwc-side-drawer';
3
- /**
4
- * @param {boolean} alternate
5
- * @param {boolean | undefined} hasTopBar
6
- * @param {boolean} modal
7
- * @param {boolean} open
8
- * @param {"start" | "end" | undefined} position
9
- */
10
- declare const VwcSideDrawer: (props: {
11
- children?: ReactNode;
12
- slot?: string | undefined;
13
- id?: string | undefined;
14
- style?: React.CSSProperties | undefined;
15
- ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
16
- alternate?: boolean | undefined;
17
- hasTopBar?: any;
18
- modal?: boolean | undefined;
19
- open?: boolean | undefined;
20
- position?: "start" | "end" | undefined;
21
- }) => JSX.Element;
22
- export default VwcSideDrawer;
@@ -1,73 +0,0 @@
1
- /*
2
- * DO NOT EDIT THIS FILE. IT IS GENERATED
3
- */
4
- /*
5
- Code in this file were generated using following JSON:
6
- {
7
- "name": "vwc-side-drawer",
8
- "path": "./../node_modules/@vonage/vwc-side-drawer/vwc-side-drawer.d.ts",
9
- "properties": [
10
- {
11
- "name": "alternate",
12
- "type": "boolean",
13
- "bindable": false
14
- },
15
- {
16
- "name": "hasTopBar",
17
- "type": "boolean | undefined",
18
- "bindable": false
19
- },
20
- {
21
- "name": "modal",
22
- "type": "boolean",
23
- "bindable": false
24
- },
25
- {
26
- "name": "open",
27
- "type": "boolean",
28
- "bindable": false
29
- },
30
- {
31
- "name": "position",
32
- "type": "\"start\" | \"end\" | undefined",
33
- "bindable": false
34
- }
35
- ],
36
- "events": []
37
- }
38
- */
39
- import PropTypes from 'prop-types'
40
- import wrapper from '@vonage/vivid-react-wrapper'
41
- import '@vonage/vwc-side-drawer'
42
-
43
-
44
- /**
45
- * @param {boolean} alternate
46
- * @param {boolean | undefined} hasTopBar
47
- * @param {boolean} modal
48
- * @param {boolean} open
49
- * @param {"start" | "end" | undefined} position
50
- */
51
- const VwcSideDrawer = wrapper('vwc-side-drawer', {
52
- events: [],
53
- attributes: [],
54
- properties: []
55
- });
56
-
57
- VwcSideDrawer.propTypes = {
58
- alternate: PropTypes.bool,
59
- hasTopBar: PropTypes.any /* boolean | undefined */,
60
- modal: PropTypes.bool,
61
- open: PropTypes.bool,
62
- position: PropTypes.any /* "start" | "end" | undefined */
63
- }
64
-
65
- VwcSideDrawer.defaultProps = {
66
-
67
- }
68
-
69
- VwcSideDrawer.displayName = 'VwcSideDrawer'
70
-
71
-
72
-
73
- export default VwcSideDrawer
@@ -1,11 +0,0 @@
1
- {
2
- "name": "@vonage/vivid-react-vwc-side-drawer",
3
- "version": "2.10.92",
4
- "main": "index.js",
5
- "types": "index.d.ts",
6
- "private": true,
7
- "license": "MIT",
8
- "dependencies": {
9
- "@vonage/vwc-side-drawer": "2.45.0"
10
- }
11
- }