@vonage/vivid-react 3.3.0 → 3.4.0

package/v3/VwcButton/index.js

@@ -202,6 +202,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string"
    },
+   "description": "Specifies extra information about the button. This information is typically used by browsers to display a tooltip.",
    "default": "''"
   },
   {
@@ -351,15 +352,287 @@ Code in this file were generated using following JSON:
    },
    "description": "Indicates the target's rel.",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "autofocus",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "public",
+   "description": "Determines if the element should receive document focus on page load.",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "formId",
+   "type": {
+    "text": "string"
+   },
+   "privacy": "public",
+   "description": "The id of a form to associate the element to.",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "formaction",
+   "type": {
+    "text": "string"
+   },
+   "privacy": "public",
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "formactionChanged",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "formenctype",
+   "type": {
+    "text": "string"
+   },
+   "privacy": "public",
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "formenctypeChanged",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "formmethod",
+   "type": {
+    "text": "string"
+   },
+   "privacy": "public",
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "formmethodChanged",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "formnovalidate",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "public",
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "formnovalidateChanged",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "formtarget",
+   "type": {
+    "text": "'_self' | '_blank' | '_parent' | '_top'"
+   },
+   "privacy": "public",
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "formtargetChanged",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "type",
+   "type": {
+    "text": "'submit' | 'reset' | 'button'"
+   },
+   "privacy": "public",
+   "description": "The button type.",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "typeChanged",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "previous",
+     "type": {
+      "text": "'submit' | 'reset' | 'button' | void"
+     }
+    },
+    {
+     "name": "next",
+     "type": {
+      "text": "'submit' | 'reset' | 'button'"
+     }
+    }
+   ],
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "validate",
+   "privacy": "public",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "description": "{@inheritDoc (FormAssociated:interface).validate}",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "handleSubmission",
+   "privacy": "private",
+   "description": "Submits the parent form",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "handleFormReset",
+   "privacy": "private",
+   "description": "Resets the parent form",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "control",
+   "type": {
+    "text": "HTMLButtonElement"
+   },
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "handleUnsupportedDelegatesFocus",
+   "privacy": "private",
+   "description": "Overrides the focus call for where delegatesFocus is unsupported.\nThis check works for Chrome, Edge Chromium, FireFox, and Safari\nRelevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "proxy",
+   "inheritedFrom": {
+    "name": "FormAssociatedButton",
+    "module": "libs/components/src/shared/foundation/button/button.form-associated.ts"
+   }
   }
  ],
  "attributes": [
   {
    "type": {
-    "text": "string"
+    "text": "boolean"
    },
+   "description": "Specifies extra information about the button. This information is typically used by browsers to display a tooltip.",
+   "fieldName": "title",
    "default": "''",
-   "fieldName": "title"
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
   },
   {
    "name": "connotation",
@@ -492,11 +765,83 @@ Code in this file were generated using following JSON:
    },
    "description": "Indicates the target's rel.",
    "fieldName": "target"
+  },
+  {
+   "name": "form",
+   "type": {
+    "text": "string"
+   },
+   "description": "The id of a form to associate the element to.",
+   "fieldName": "formId",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "name": "formaction",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "fieldName": "formaction",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "name": "formenctype",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "fieldName": "formenctype",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "name": "formmethod",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "fieldName": "formmethod",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "name": "formtarget",
+   "type": {
+    "text": "'_self' | '_blank' | '_parent' | '_top'"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "fieldName": "formtarget",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "name": "type",
+   "type": {
+    "text": "'submit' | 'reset' | 'button'"
+   },
+   "description": "The button type.",
+   "fieldName": "type",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "libs/components/src/shared/foundation/button/button.ts"
+   }
   }
  ],
  "superclass": {
-  "name": "FoundationButton",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividFoundationButton",
+  "module": "/libs/components/src/shared/foundation/button/button.js"
  },
  "vividComponent": {
   "public": true,
@@ -512,7 +857,7 @@ registerButton('vvd3')
 const VwcButton = wrapper(`vvd3-button`,  {
     events: [{"name":"click","propName":"onClick"}],
     attributes: [],
-    properties: ['title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'dropdownIndicator', 'active', 'label', 'href', 'download', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'icon', 'disabled', 'type', 'icon-trailing']
+    properties: ['title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'dropdownIndicator', 'active', 'label', 'href', 'download', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'autofocus', 'formId', 'formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget', 'type', 'control', 'proxy', 'icon', 'disabled', 'type', 'icon-trailing']
 })
 
 VwcButton.displayName = 'VwcButton'

package/v3/VwcButton/package.json

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

package/v3/VwcCalendar/index.js

@@ -192,8 +192,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationElement",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,

package/v3/VwcCalendar/package.json

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

package/v3/VwcCalendarEvent/index.js

@@ -243,8 +243,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationElement",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,

package/v3/VwcCalendarEvent/package.json

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

package/v3/VwcCard/index.js

@@ -150,8 +150,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationElement",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,

package/v3/VwcCard/package.json

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

package/v3/VwcCheckbox/index.d.ts

@@ -4,6 +4,10 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {string | null} tabindex  **attribute** `tabindex`
 * @param {CheckboxConnotation | undefined} connotation - The connotation the checklist should have. **attribute** `connotation`
+* @param {AriaCheckedStates | null} ariaChecked - The current checkbox state **attribute** `aria-checked`
+* @param {boolean} readOnly - When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information. **attribute** `readonly`
+* @param {boolean} indeterminate - The indeterminate state of the control
+* @param  proxy
 * @param {any} onClick
 * @param {string | undefined} label
 * @param {string | undefined} value
@@ -24,11 +28,14 @@ declare const VwcCheckbox: {
         ariaLabel?: string | null | undefined;
         tabindex?: string | null | undefined;
         connotation?: any;
+        ariaChecked?: any;
+        readOnly?: boolean | undefined;
+        indeterminate?: boolean | undefined;
+        proxy?: any;
         onClick?: any;
         label?: string | undefined;
         value?: string | undefined;
         checked?: any;
-        indeterminate?: any;
         disabled?: any;
         readonly?: any;
     }): JSX.Element;

package/v3/VwcCheckbox/index.js

@@ -58,6 +58,10 @@ Code in this file were generated using following JSON:
   }
  ],
  "slots": [
+  {
+   "description": "The default slot allows you to use rich content as the checkbox's label.",
+   "name": ""
+  },
   {
    "description": "Describes how to use the checkbox. Alternative to the `helper-text` attribute.",
    "name": "helper-text"
@@ -88,6 +92,46 @@ Code in this file were generated using following JSON:
    },
    "description": "The connotation the checklist should have.",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaChecked",
+   "type": {
+    "text": "AriaCheckedStates | null"
+   },
+   "default": "null",
+   "description": "The current checkbox state",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "readOnly",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "indeterminate",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "The indeterminate state of the control"
+  },
+  {
+   "kind": "method",
+   "name": "ariaCheckedChanged"
+  },
+  {
+   "kind": "field",
+   "name": "proxy",
+   "inheritedFrom": {
+    "name": "FormAssociatedCheckbox",
+    "module": "libs/components/src/lib/checkbox/checkbox.form-associated.ts"
+   }
   }
  ],
  "events": [
@@ -130,11 +174,28 @@ Code in this file were generated using following JSON:
    },
    "description": "The connotation the checklist should have.",
    "fieldName": "connotation"
+  },
+  {
+   "name": "aria-checked",
+   "type": {
+    "text": "AriaCheckedStates | null"
+   },
+   "default": "null",
+   "description": "The current checkbox state",
+   "fieldName": "ariaChecked"
+  },
+  {
+   "name": "readonly",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
+   "fieldName": "readOnly"
   }
  ],
  "superclass": {
-  "name": "FoundationCheckbox",
-  "package": "@microsoft/fast-foundation"
+  "name": "FormAssociatedCheckbox",
+  "module": "/libs/components/src/lib/checkbox/checkbox.form-associated"
  },
  "vividComponent": {
   "public": true,
@@ -160,7 +221,7 @@ registerCheckbox('vvd3')
 const VwcCheckbox = wrapper(`vvd3-checkbox`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"}],
     attributes: [],
-    properties: ['ariaLabel', 'tabindex', 'connotation', 'onClick', 'label', 'value', 'checked', 'indeterminate', 'disabled', 'readonly']
+    properties: ['ariaLabel', 'tabindex', 'connotation', 'ariaChecked', 'readOnly', 'indeterminate', 'proxy', 'onClick', 'label', 'value', 'checked', 'indeterminate', 'disabled', 'readonly']
 })
 
 VwcCheckbox.displayName = 'VwcCheckbox'

package/v3/VwcCheckbox/package.json

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

package/v3/VwcCombobox/index.d.ts

@@ -1,13 +1,26 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcCombobox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/combobox
+* @param {ComboboxAutocomplete | undefined} autocomplete - The autocomplete attribute. **attribute** `autocomplete`
+* @param {ListboxOption[]} filteredOptions - The collection of currently filtered options.
 * @param {ComboboxAppearance | undefined} appearance - The appearance attribute. **attribute** `appearance`
+* @param {ComboboxShape | undefined} shape - The shape attribute. **attribute** `shape`
+* @param {ComboboxSize | undefined} scale - The size the combobox should have. **attribute** `scale`
 * @param {PopupPlacement | undefined} placement - the placement of the combobox
 
 HTML Attribute: string **attribute** `placement`
 * @param {boolean} fixedDropdown - Whether the dropdown is using a fixed positioning strategy. **attribute** `fixed-dropdown`
 * @param {Popup} _popup
 * @param {HTMLElement} _anchor
+* @param {boolean} open - The open attribute. **attribute** `open`
+* @param {ListboxOption[]} options - The list of options.
+* @param {string} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user. **attribute** `placeholder`
+* @param  value - The value property.
+* @param  proxy
+* @param {boolean} disabled - The disabled state of the listbox. **attribute** `disabled`
+* @param {number} selectedIndex - The index of the selected option.
+* @param {ListboxOption[]} selectedOptions - A collection of the selected options.
+* @param  slottedOptionFilter - A static filter to include only selectable options.
 */
 declare const VwcCombobox: {
     (props: {
@@ -17,11 +30,24 @@ declare const VwcCombobox: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
+        autocomplete?: any;
+        filteredOptions?: any[] | undefined;
         appearance?: any;
+        shape?: any;
+        scale?: any;
         placement?: any;
         fixedDropdown?: boolean | undefined;
         _popup?: any;
         _anchor?: any;
+        open?: boolean | undefined;
+        options?: any[] | undefined;
+        placeholder?: string | undefined;
+        value?: any;
+        proxy?: any;
+        disabled?: boolean | undefined;
+        selectedIndex?: number | undefined;
+        selectedOptions?: any[] | undefined;
+        slottedOptionFilter?: any;
     }): JSX.Element;
     displayName: string;
 };