@vonage/vivid-react 2.10.92 → 2.10.93

package/VwcAccordion/package.json

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

package/VwcBadge/package.json

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

package/VwcBanner/package.json

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

package/VwcButton/package.json

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

package/VwcCalendar/package.json

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

package/VwcCard/package.json

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

package/VwcCarousel/package.json

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

package/VwcCheckbox/package.json

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

package/VwcChip/package.json

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

package/VwcDatepicker/package.json

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

package/VwcDialog/package.json

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

package/VwcDrawer/package.json

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

package/VwcDropdown/package.json

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

package/VwcElevation/package.json

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

package/VwcFab/package.json

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

package/VwcFormfield/package.json

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

package/VwcIcon/package.json

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

package/VwcKeypad/package.json

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

package/VwcLayout/package.json

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

package/VwcList/package.json

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

package/VwcMenu/package.json

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

package/VwcNote/package.json

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

package/VwcPagination/package.json

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

package/VwcPopup/package.json

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

package/VwcRadio/package.json

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

package/VwcSelect/package.json

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

package/VwcSideDrawer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react-vwc-side-drawer",
-  "version": "2.10.92",
+  "version": "2.10.93",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,

package/VwcSlider/package.json

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

package/VwcSnackbar/package.json

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

package/VwcSurface/package.json

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

package/VwcSwitch/package.json

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

package/VwcTab/package.json

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

package/VwcTag/package.json

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

package/VwcText/package.json

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

package/VwcTextarea/package.json

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

package/VwcTextfield/package.json

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

package/VwcTooltip/package.json

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

package/index.js

@@ -265,6 +265,29 @@ 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;
@@ -314,6 +337,7 @@ 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": "2.10.92",
+  "version": "2.10.93",
   "description": "Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings",
   "main": "index.js",
   "types": "types/index.d.ts",