@vonage/vivid-react 2.10.81 → 2.10.84

package/v3/VwcDataGridCell/index.js

@@ -57,6 +57,12 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-neutral-200)"
   }
  ],
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
  "members": [
   {
    "kind": "field",

package/v3/VwcDataGridCell/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid-cell",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcDataGridRow/index.js

@@ -57,6 +57,12 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-neutral-200)"
   }
  ],
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
  "members": [
   {
    "kind": "field",

package/v3/VwcDataGridRow/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid-row",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcDatePicker/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Single date picker component.
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/date-picker
 * @param {string} type
@@ -17,6 +17,7 @@ declare const VwcDatePicker: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onClearClick?: ((event: SyntheticEvent) => void) | undefined;
         type?: string | undefined;
         label?: string | undefined;
         min?: string | undefined;

package/v3/VwcDatePicker/index.js

@@ -107,14 +107,6 @@ Code in this file were generated using following JSON:
     "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
    }
   },
-  {
-   "kind": "method",
-   "name": "#getFocusableEls",
-   "inheritedFrom": {
-    "name": "DatePickerBase",
-    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
-   }
-  },
   {
    "kind": "method",
    "name": "_adjustSelectedMonthToEnsureVisibilityOf",
@@ -205,19 +197,6 @@ Code in this file were generated using following JSON:
     "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
    }
   },
-  {
-   "kind": "field",
-   "name": "#isClosingPopup",
-   "privacy": "private",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "inheritedFrom": {
-    "name": "DatePickerBase",
-    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
-   }
-  },
   {
    "kind": "method",
    "name": "#openPopupIfPossible",
@@ -307,6 +286,16 @@ Code in this file were generated using following JSON:
     "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
    }
   }
+ ],
+ "events": [
+  {
+   "description": "Event emitted when the clear value changes",
+   "name": "clear-click",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  }
  ]
 }
 */
@@ -316,7 +305,7 @@ import { registerDatePicker } from '@vonage/vivid'
 registerDatePicker('vvd3')
 
 const VwcDatePicker = wrapper(`vvd3-date-picker`,  {
-    events: [],
+    events: [{"name":"clear-click","propName":"onClearClick"}],
     attributes: [],
     properties: ['type', 'label', 'min', 'max', 'initialValue', 'currentValue', 'readOnly', 'value']
 })

package/v3/VwcDatePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-date-picker",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcDatePickerBase/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for date-picker
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/date-picker-base
 * @param {string} label
@@ -16,6 +16,7 @@ declare const VwcDatePickerBase: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onClearClick?: ((event: SyntheticEvent) => void) | undefined;
         label?: string | undefined;
         min?: string | undefined;
         max?: string | undefined;

package/v3/VwcDatePickerBase/index.js

@@ -85,10 +85,6 @@ Code in this file were generated using following JSON:
    "description": "Whether the date-picker is readonly.",
    "privacy": "public"
   },
-  {
-   "kind": "method",
-   "name": "#getFocusableEls"
-  },
   {
    "kind": "method",
    "name": "_adjustSelectedMonthToEnsureVisibilityOf",
@@ -151,15 +147,6 @@ Code in this file were generated using following JSON:
    "name": "#dismissOnClickOutside",
    "privacy": "private"
   },
-  {
-   "kind": "field",
-   "name": "#isClosingPopup",
-   "privacy": "private",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false"
-  },
   {
    "kind": "method",
    "name": "#openPopupIfPossible"
@@ -183,6 +170,12 @@ Code in this file were generated using following JSON:
    "default": "''"
   }
  ],
+ "events": [
+  {
+   "description": "Event emitted when the clear value changes",
+   "name": "clear-click"
+  }
+ ],
  "attributes": [
   {
    "type": {
@@ -238,7 +231,7 @@ import { registerDatePickerBase } from '@vonage/vivid'
 registerDatePickerBase('vvd3')
 
 const VwcDatePickerBase = wrapper(`vvd3-date-picker-base`,  {
-    events: [],
+    events: [{"name":"clear-click","propName":"onClearClick"}],
     attributes: [],
     properties: ['label', 'min', 'max', 'initialValue', 'currentValue', 'readOnly', 'value']
 })

package/v3/VwcDatePickerBase/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-date-picker-base",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcDateRangePicker/index.d.ts

@@ -36,6 +36,7 @@ declare const VwcDateRangePicker: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onInput: start | null;
+        onClearClick?: ((event: SyntheticEvent) => void) | undefined;
         initialStart?: string | undefined;
         initialEnd?: string | undefined;
         start?: string | undefined;

package/v3/VwcDateRangePicker/index.js

@@ -181,14 +181,6 @@ Code in this file were generated using following JSON:
     "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
    }
   },
-  {
-   "kind": "method",
-   "name": "#getFocusableEls",
-   "inheritedFrom": {
-    "name": "DatePickerBase",
-    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
-   }
-  },
   {
    "kind": "method",
    "name": "_adjustSelectedMonthToEnsureVisibilityOf",
@@ -279,19 +271,6 @@ Code in this file were generated using following JSON:
     "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
    }
   },
-  {
-   "kind": "field",
-   "name": "#isClosingPopup",
-   "privacy": "private",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "inheritedFrom": {
-    "name": "DatePickerBase",
-    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
-   }
-  },
   {
    "kind": "method",
    "name": "#openPopupIfPossible",
@@ -335,6 +314,14 @@ Code in this file were generated using following JSON:
   {
    "description": "Event emitted when the end value changes",
    "name": "input:end"
+  },
+  {
+   "description": "Event emitted when the clear value changes",
+   "name": "clear-click",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
   }
  ],
  "attributes": [
@@ -434,7 +421,7 @@ import { registerDateRangePicker } from '@vonage/vivid'
 registerDateRangePicker('vvd3')
 
 const VwcDateRangePicker = wrapper(`vvd3-date-range-picker`,  {
-    events: [{"name":"input:end","propName":"onInput:end"},{"name":"input:start","propName":"onInput:start"}],
+    events: [{"name":"clear-click","propName":"onClearClick"},{"name":"input:end","propName":"onInput:end"},{"name":"input:start","propName":"onInput:start"}],
     attributes: [],
     properties: ['initialStart', 'initialEnd', 'start', 'end', 'currentStart', 'currentEnd', 'setFormValue', 'label', 'min', 'max', 'initialValue', 'currentValue', 'readOnly', 'value']
 })

package/v3/VwcDateRangePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-date-range-picker",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcDialog/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-dialog",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcDivider/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-divider",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcElevation/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-elevation",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcEmptyState/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-empty-state",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcFab/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-fab",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcFilePicker/index.d.ts

@@ -4,7 +4,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {number | undefined} maxFiles - The max files that can be selected. **attribute** `max-files`
 * @param {number} maxFileSize - The max file size that can be selected. **attribute** `max-file-size`
 * @param {string | undefined} accept - List of accepted files types **attribute** `accept`
-* @param {FileUploaderSize | undefined} size - The size the file-uploader should have. **attribute** `size`
+* @param {FilePickerSize | undefined} size - The size the file-uploader should have. **attribute** `size`
 * @param  setFormValue
 * @param {boolean} autoDiscover
 * @param {HTMLInputElement} proxy

package/v3/VwcFilePicker/index.js

@@ -127,7 +127,7 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "size",
    "type": {
-    "text": "FileUploaderSize | undefined"
+    "text": "FilePickerSize | undefined"
    },
    "description": "The size the file-uploader should have.",
    "privacy": "public"
@@ -272,7 +272,7 @@ Code in this file were generated using following JSON:
   {
    "name": "size",
    "type": {
-    "text": "FileUploaderSize | undefined"
+    "text": "FilePickerSize | undefined"
    },
    "description": "The size the file-uploader should have.",
    "fieldName": "size"

package/v3/VwcFilePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-file-picker",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcFocus/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-focus",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcFormAssociatedFilePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-form-associated-file-picker",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcFormAssociatedTimePicker/index.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+/** VwcFormAssociatedTimePicker
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/form-associated-time-picker
+* @param  proxy
+*/
+declare const VwcFormAssociatedTimePicker: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        proxy?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcFormAssociatedTimePicker;

package/v3/VwcFormAssociatedTimePicker/index.js

@@ -0,0 +1,41 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "FormAssociatedTimePicker",
+ "members": [
+  {
+   "kind": "field",
+   "name": "proxy"
+  }
+ ],
+ "mixins": [
+  {
+   "name": "FormAssociated",
+   "package": "@microsoft/fast-foundation"
+  }
+ ],
+ "superclass": {
+  "name": "_TimePicker",
+  "module": "libs/components/src/lib/time-picker/time-picker.form-associated.ts"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerFormAssociatedTimePicker } from '@vonage/vivid'
+
+registerFormAssociatedTimePicker('vvd3')
+
+const VwcFormAssociatedTimePicker = wrapper(`vvd3-form-associated-time-picker`,  {
+    events: [],
+    attributes: [],
+    properties: ['proxy']
+})
+
+VwcFormAssociatedTimePicker.displayName = 'VwcFormAssociatedTimePicker'
+
+export default VwcFormAssociatedTimePicker

package/v3/VwcFormAssociatedTimePicker/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@vonage/vivid-react-vvd3-form-associated-time-picker",
+  "version": "3.50.1",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vivid": "3.50.1"
+  }
+}

package/v3/VwcHeader/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-header",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcIcon/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-icon",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcLayout/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-layout",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcListbox/index.js

@@ -8,10 +8,6 @@ Code in this file were generated using following JSON:
  "description": "Base class for listbox",
  "name": "Listbox",
  "cssProperties": [
-  {
-   "name": "--vvd-listbox-accent-backdrop",
-   "default": "var(--vvd-color-canvas)"
-  },
   {
    "name": "--vvd-listbox-accent-intermediate",
    "default": "var(--vvd-color-neutral-500)"

package/v3/VwcListbox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-listbox",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcMenu/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-menu",
-  "version": "3.46.0",
+  "version": "3.50.1",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.46.0"
+    "@vonage/vivid": "3.50.1"
   }
 }

package/v3/VwcMenuItem/index.d.ts

@@ -5,6 +5,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | undefined} textSecondary - Indicates the menu item's secondary text. **attribute** `text-secondary`
 * @param {boolean} checkTrailing - Controls the placement of the menu item's checkmark or radio icon. **attribute** `check-trailing`
 * @param {CheckAppearance | undefined} checkedAppearance - Controls the appearance of the check indicator. **attribute** `check-appearance`
+* @param {HTMLElement[] | undefined} trailingMetaSlottedContent
 * @param  updateSubmenu
 * @param {string | undefined} icon
 */
@@ -20,6 +21,7 @@ declare const VwcMenuItem: {
         textSecondary?: string | undefined;
         checkTrailing?: boolean | undefined;
         checkedAppearance?: any;
+        trailingMetaSlottedContent?: any;
         updateSubmenu?: any;
         icon?: string | undefined;
     }): JSX.Element;