@vonage/vivid-react 3.0.2 → 3.0.4

package/VwcAccordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-accordion",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcActionGroup/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-action-group",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcBadge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-badge",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcBanner/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-banner",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcButton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-button",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcButtonToggleGroup/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-button-toggle-group",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCalendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-calendar",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCalendarEvent/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-calendar-event",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCard/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-card",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCarousel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-carousel",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCarouselItem/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-carousel-item",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCheckListItem/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-check-list-item",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCheckbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-checkbox",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcChip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-chip",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcChipSet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-chip-set",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcCircularProgress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-circular-progress",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcDataGrid/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-data-grid",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcDataGridColumn/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-data-grid-column",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcDatepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-datepicker",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcDropdown/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-dropdown",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcElevation/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-elevation",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcEmptyState/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-empty-state",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcExpansionPanel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-expansion-panel",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcFab/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-fab",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcFilePicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-file-picker",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcFormfield/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-formfield",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcHelperMessage/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-helper-message",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcIcon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-icon",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcIconButton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-icon-button",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcIconButtonToggle/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-icon-button-toggle",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcKeypad/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-keypad",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcLayout/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-layout",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcLinearProgress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-linear-progress",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcList/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-list",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcListExpansionPanel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-list-expansion-panel",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcListItem/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-list-item",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcMenu/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-menu",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcNotchedOutline/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-notched-outline",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcNote/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-note",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcPagination/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-pagination",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcPopup/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-popup",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcRadio/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-radio",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcRadioListItem/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-radio-list-item",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSchemeSelect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-scheme-select",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcScrubBar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-scrub-bar",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSelect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-select",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSlider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-slider",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSnackbar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-snackbar",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSurface/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-surface",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSwitch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-switch",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTab/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-tab",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTabBar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-tab-bar",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTag/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-tag",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcText/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-text",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTextarea/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-textarea",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTextfield/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-textfield",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcThemeSwitch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-theme-switch",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-tooltip",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTopAppBar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-top-app-bar",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcTopAppBarFixed/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-top-app-bar-fixed",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/index.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var context = require('@vonage/vvd-context');
 var vvdFonts = require('@vonage/vvd-fonts');
-var client = require('react-dom/client');
+var m = require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var context__default = /*#__PURE__*/_interopDefaultLegacy(context);
+var m__default = /*#__PURE__*/_interopDefaultLegacy(m);
 
 var coreStyles = {
   id: 'core.all',
@@ -265,28 +266,37 @@ var vwcSetAttributeValue = function vwcSetAttributeValue(attribute, value) {
   };
 };
 
-/**
-* Patches provided vivid-3 VwcBadge instance to show text in the center
-*
-* @param {HTMLElement} badgeElement - target element to apply behavior to
-* @example <VwcBadge ref={vwcBadgeShowTextCenterDecorator()} />
-*/
-var vwcBadgeShowTextCenterDecorator = function vwcBadgeShowTextCenterDecorator() {
-  return function (badgeElement) {
-    return setTimeout(function () {
-      if (!badgeElement) {
-        return;
-      }
-      if (badgeElement.shadowRoot) {
-        var span = badgeElement.shadowRoot.querySelector('span.base');
-        if (span) {
-          span.style.display = 'flex';
-          span.style.justifyContent = 'center';
-        }
-      }
-    }, 0);
+function createCommonjsModule(fn) {
+  var module = { exports: {} };
+	return fn(module, module.exports), module.exports;
+}
+
+var client = createCommonjsModule(function (module, exports) {
+
+
+if (process.env.NODE_ENV === 'production') {
+  exports.createRoot = m__default["default"].createRoot;
+  exports.hydrateRoot = m__default["default"].hydrateRoot;
+} else {
+  var i = m__default["default"].__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  exports.createRoot = function(c, o) {
+    i.usingClientEntryPoint = true;
+    try {
+      return m__default["default"].createRoot(c, o);
+    } finally {
+      i.usingClientEntryPoint = false;
+    }
   };
-};
+  exports.hydrateRoot = function(c, h, o) {
+    i.usingClientEntryPoint = true;
+    try {
+      return m__default["default"].hydrateRoot(c, h, o);
+    } finally {
+      i.usingClientEntryPoint = false;
+    }
+  };
+}
+});
 
 /* global HTMLElement */
 
@@ -305,7 +315,6 @@ var cellRendererFactory = function cellRendererFactory(children, container) {
 
 exports.cellRendererFactory = cellRendererFactory;
 exports.initVivid = initVivid;
-exports.vwcBadgeShowTextCenterDecorator = vwcBadgeShowTextCenterDecorator;
 exports.vwcCardHeadingCropDecorator = vwcCardHeadingCropDecorator;
 exports.vwcCardWithMenu = vwcCardWithMenu;
 exports.vwcDataGridElementCellOverflowDecorator = vwcDataGridElementCellOverflowDecorator;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings",
   "main": "index.js",
   "types": "types/index.d.ts",