@vonage/vivid-react 3.2.0 → 3.3.1

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": "''"
   },
   {
@@ -260,6 +261,16 @@ Code in this file were generated using following JSON:
    "description": "Displays the button in pending state.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "dropdownIndicator",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Display a chevron to indicate that the button opens a dropdown.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "active",
@@ -341,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",
@@ -401,6 +684,15 @@ Code in this file were generated using following JSON:
    "description": "Displays the button in pending state.",
    "fieldName": "pending"
   },
+  {
+   "name": "dropdown-indicator",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Display a chevron to indicate that the button opens a dropdown.",
+   "fieldName": "dropdownIndicator"
+  },
   {
    "name": "active",
    "type": {
@@ -473,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,
@@ -493,7 +857,7 @@ registerButton('vvd3')
 const VwcButton = wrapper(`vvd3-button`,  {
     events: [{"name":"click","propName":"onClick"}],
     attributes: [],
-    properties: ['title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', '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.1.0",
+  "version": "4.14.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.1.0"
+    "@vonage/vivid": "4.14.4"
   }
 }

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.1.0",
+  "version": "4.14.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.1.0"
+    "@vonage/vivid": "4.14.4"
   }
 }

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.1.0",
+  "version": "4.14.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.1.0"
+    "@vonage/vivid": "4.14.4"
   }
 }

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.1.0",
+  "version": "4.14.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.1.0"
+    "@vonage/vivid": "4.14.4"
   }
 }

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,
@@ -143,7 +204,9 @@ Code in this file were generated using following JSON:
    {
     "name": "modelValue",
     "attributeName": "checked",
-    "eventName": "change",
+    "eventNames": [
+     "change"
+    ],
     "valueMapping": "(event.target as HTMLInputElement).checked"
    }
   ]
@@ -158,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.1.0",
+  "version": "4.14.4",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.1.0"
+    "@vonage/vivid": "4.14.4"
   }
 }