@vonage/vivid-react 3.0.0 → 3.0.1

package/VwcAccordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-accordion",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "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.0",
+  "version": "3.0.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/index.js

@@ -66,12 +66,13 @@ var appendStyleElement = function appendStyleElement() {
  */
 var initVivid = function initVivid(target, callback) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  if (target instanceof HTMLElement) {
-    target.classList.add('vivid-scope'); // vivid 2.x
-    target.setAttribute("".concat(vividDataAttributePrefix, "-v2"), vividVersion.v2);
-    target.classList.add('vvd-root'); // vivid 3.x
-    target.setAttribute("".concat(vividDataAttributePrefix, "-v3"), vividVersion.v3);
-    target = undefined;
+  var targetElement = target;
+  if (targetElement instanceof HTMLElement) {
+    targetElement.classList.add('vivid-scope'); // vivid 2.x
+    targetElement.setAttribute("".concat(vividDataAttributePrefix, "-v2"), vividVersion.v2);
+    targetElement.classList.add('vvd-root'); // vivid 3.x
+    targetElement.setAttribute("".concat(vividDataAttributePrefix, "-v3"), vividVersion.v3);
+    targetElement = undefined;
   }
   if (!options.theme) {
     options.theme = 'light';
@@ -82,7 +83,7 @@ var initVivid = function initVivid(target, callback) {
   if (options.font === 'proprietary') {
     appendStyle(fontSpeziaStyles);
   }
-  return Promise.all([vvdFonts.init(), context__default["default"].mount(target)]).then(callback);
+  return Promise.all([vvdFonts.init(), context__default["default"].mount(targetElement)]).then(callback);
 };
 
 var createVaadinGridStylePatchElement = function createVaadinGridStylePatchElement() {

package/package.json

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