@vonage/vivid-react 3.4.0 → 3.5.0

package/v3/VwcDialog/index.js

@@ -76,14 +76,6 @@ Code in this file were generated using following JSON:
    },
    "default": "false"
   },
-  {
-   "kind": "field",
-   "name": "ariaLabel",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null"
-  },
   {
    "kind": "field",
    "name": "dismissButtonAriaLabel",
@@ -137,6 +129,15 @@ Code in this file were generated using following JSON:
    "default": "false",
    "description": "Controls whether the dialog is modal."
   },
+  {
+   "kind": "field",
+   "name": "scrollableBody",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Makes only the element's content area between the header and footer scrollable"
+  },
   {
    "kind": "field",
    "name": "returnValue",
@@ -204,6 +205,45 @@ Code in this file were generated using following JSON:
   {
    "kind": "method",
    "name": "#showDialog"
+  },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'delegate'",
+   "type": {
+    "text": "'delegate'"
+   },
+   "inheritedFrom": {
+    "name": "DelegatesAria",
+    "module": "src/shared/aria/delegates-aria.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "VIVID_VERSION",
+   "static": true,
+   "default": "__PACKAGE_VERSION__",
+   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "componentName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "description": "Core component name, without prefix",
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
   }
  ],
  "events": [
@@ -231,6 +271,7 @@ Code in this file were generated using following JSON:
  ],
  "attributes": [
   {
+   "name": "open",
    "type": {
     "text": "boolean"
    },
@@ -274,14 +315,6 @@ Code in this file were generated using following JSON:
    "default": "false",
    "fieldName": "fullWidthBody"
   },
-  {
-   "name": "aria-label",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "fieldName": "ariaLabel"
-  },
   {
    "name": "dismiss-button-aria-label",
    "type": {
@@ -327,17 +360,37 @@ Code in this file were generated using following JSON:
    "fieldName": "nonDismissible"
   },
   {
+   "name": "modal",
    "type": {
     "text": "boolean"
    },
    "default": "false",
    "description": "Controls whether the dialog is modal.",
    "fieldName": "modal"
+  },
+  {
+   "name": "scrollable-body",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Makes only the element's content area between the header and footer scrollable",
+   "fieldName": "scrollableBody"
+  }
+ ],
+ "mixins": [
+  {
+   "name": "Localized",
+   "module": "/src/shared/patterns"
+  },
+  {
+   "name": "DelegatesAria",
+   "module": "/src/shared/aria/delegates-aria"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -345,12 +398,12 @@ Code in this file were generated using following JSON:
   "vueModels": [
    {
     "name": "open",
-    "attributeName": "open",
+    "propName": "open",
     "eventNames": [
      "open",
      "close"
     ],
-    "valueMapping": "(event.target as any).open"
+    "valueMapping": "event.currentTarget.open"
    }
   ]
  }
@@ -364,7 +417,7 @@ registerDialog('vvd3')
 const VwcDialog = wrapper(`vvd3-dialog`,  {
     events: [{"name":"cancel","propName":"onCancel"},{"name":"close","propName":"onClose"},{"name":"open","propName":"onOpen"}],
     attributes: [],
-    properties: ['open', 'icon', 'iconPlacement', 'subtitle', 'headline', 'fullWidthBody', 'ariaLabel', 'dismissButtonAriaLabel', 'noLightDismiss', 'noDismissOnEsc', 'noDismissButton', 'nonDismissible', 'modal', 'returnValue']
+    properties: ['open', 'icon', 'iconPlacement', 'subtitle', 'headline', 'fullWidthBody', 'dismissButtonAriaLabel', 'noLightDismiss', 'noDismissOnEsc', 'noDismissButton', 'nonDismissible', 'modal', 'scrollableBody', 'returnValue', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDialog.displayName = 'VwcDialog'

package/v3/VwcDialog/package.json

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

package/v3/VwcDivider/index.d.ts

@@ -1,8 +1,12 @@
 import React, { ReactNode } from 'react';
 /** VwcDivider
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/divider
-* @param {DividerRole} role - The role of the element. **attribute** `role`
+* @param {DividerRole} role - The role of the element. This property will be removed **attribute** `role`
 * @param {Orientation} orientation - The orientation of the divider. **attribute** `orientation`
+* @param {'delegate'} _vividAriaBehaviour
+* @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
+It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
+* @param {string} componentName - Core component name, without prefix
 */
 declare const VwcDivider: {
     (props: {
@@ -13,6 +17,9 @@ declare const VwcDivider: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         role?: any;
         orientation?: any;
+        _vividAriaBehaviour?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDivider/index.js

@@ -14,7 +14,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "DividerRole"
    },
-   "description": "The role of the element.",
+   "description": "The role of the element. This property will be removed",
    "privacy": "public"
   },
   {
@@ -25,6 +25,45 @@ Code in this file were generated using following JSON:
    },
    "description": "The orientation of the divider.",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'delegate'",
+   "type": {
+    "text": "'delegate'"
+   },
+   "inheritedFrom": {
+    "name": "DelegatesAria",
+    "module": "src/shared/aria/delegates-aria.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "VIVID_VERSION",
+   "static": true,
+   "default": "__PACKAGE_VERSION__",
+   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "componentName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "description": "Core component name, without prefix",
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
   }
  ],
  "attributes": [
@@ -33,7 +72,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "DividerRole"
    },
-   "description": "The role of the element.",
+   "description": "The role of the element. This property will be removed",
    "fieldName": "role"
   },
   {
@@ -45,9 +84,15 @@ Code in this file were generated using following JSON:
    "fieldName": "orientation"
   }
  ],
+ "mixins": [
+  {
+   "name": "DelegatesAria",
+   "module": "/src/shared/aria/delegates-aria"
+  }
+ ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -63,7 +108,7 @@ registerDivider('vvd3')
 const VwcDivider = wrapper(`vvd3-divider`,  {
     events: [],
     attributes: [],
-    properties: ['role', 'orientation']
+    properties: ['role', 'orientation', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDivider.displayName = 'VwcDivider'

package/v3/VwcDivider/package.json

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

package/v3/VwcElevation/index.d.ts

@@ -4,6 +4,9 @@ import React, { ReactNode } from 'react';
 * @param {0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined} dp - Indicates the elevation's dp. **attribute** `dp`
 * @param {boolean | undefined} noShadow - toggles the elevation's shadow. **attribute** `no-shadow`
 * @param {boolean | undefined} notRelative  **attribute** `not-relative`
+* @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
+It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
+* @param {string} componentName - Core component name, without prefix
 */
 declare const VwcElevation: {
     (props: {
@@ -15,6 +18,8 @@ declare const VwcElevation: {
         dp?: any;
         noShadow?: any;
         notRelative?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcElevation/index.js

@@ -38,6 +38,33 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "boolean | undefined"
    }
+  },
+  {
+   "kind": "field",
+   "name": "VIVID_VERSION",
+   "static": true,
+   "default": "__PACKAGE_VERSION__",
+   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "componentName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "description": "Core component name, without prefix",
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
   }
  ],
  "attributes": [
@@ -67,7 +94,7 @@ Code in this file were generated using following JSON:
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "name": "elevation"
@@ -82,7 +109,7 @@ registerElevation('vvd3')
 const VwcElevation = wrapper(`vvd3-elevation`,  {
     events: [],
     attributes: [],
-    properties: ['dp', 'noShadow', 'notRelative']
+    properties: ['dp', 'noShadow', 'notRelative', 'VIVID_VERSION', 'componentName']
 })
 
 VwcElevation.displayName = 'VwcElevation'

package/v3/VwcElevation/package.json

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

package/v3/VwcEmptyState/index.d.ts

@@ -4,7 +4,12 @@ import React, { ReactNode } from 'react';
 * @param {EmptyStateConnotation | undefined} connotation - The connotation the empty state should have. **attribute** `connotation`
 * @param {string | undefined} headline - An optional headline for the empty state. **attribute** `headline`
 * @param {string | undefined} icon - Icon for the empty state. **attribute** `icon`
-* @param {EmptyStateIconDecoration | undefined} iconDecoration - option to a new design for the icon circle **attribute** `icon-decoration`
+* @param {EmptyStateIconDecoration | undefined} iconDecoration  **attribute** `icon-decoration`
+* @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
+It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
+* @param {string} componentName - Core component name, without prefix
+* @param {string | undefined} iconDecoration  **attribute** `icon-decoration`
+* @param {string | undefined} connotation  **attribute** `connotation`
 */
 declare const VwcEmptyState: {
     (props: {
@@ -17,6 +22,8 @@ declare const VwcEmptyState: {
         headline?: string | undefined;
         icon?: string | undefined;
         iconDecoration?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcEmptyState/index.js

@@ -141,8 +141,34 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "EmptyStateIconDecoration | undefined"
    },
-   "description": "option to a new design for the icon circle",
-   "privacy": "public"
+   "description": ""
+  },
+  {
+   "kind": "field",
+   "name": "VIVID_VERSION",
+   "static": true,
+   "default": "__PACKAGE_VERSION__",
+   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "componentName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "description": "Core component name, without prefix",
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
   }
  ],
  "attributes": [
@@ -175,13 +201,12 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "EmptyStateIconDecoration | undefined"
    },
-   "description": "option to a new design for the icon circle",
    "fieldName": "iconDecoration"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -197,7 +222,7 @@ registerEmptyState('vvd3')
 const VwcEmptyState = wrapper(`vvd3-empty-state`,  {
     events: [],
     attributes: [],
-    properties: ['connotation', 'headline', 'icon', 'iconDecoration']
+    properties: ['connotation', 'headline', 'icon', 'iconDecoration', 'VIVID_VERSION', 'componentName', 'iconDecoration', 'connotation']
 })
 
 VwcEmptyState.displayName = 'VwcEmptyState'

package/v3/VwcEmptyState/package.json

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

package/v3/VwcFab/index.d.ts

@@ -4,16 +4,28 @@ import React, { ReactNode } from 'react';
 * @param {FabConnotation | undefined} connotation - The connotation the fab should have. **attribute** `connotation`
 * @param {FABSize | undefined} size - The size the FAB should have. **attribute** `size`
 * @param {string | undefined} label - Indicates the fab's label. **attribute** `label`
+* @param {boolean} iconTrailing - Indicates the icon affix alignment. **attribute** `icon-trailing`
+* @param {string | undefined} icon - A decorative icon the custom element should have. **attribute** `icon`
 * @param {boolean} autofocus - Determines if the element should receive document focus on page load. **attribute** `autofocus`
 * @param {string} formId - The id of a form to associate the element to. **attribute** `form`
 * @param {string} formaction - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formaction`
 * @param {string} formenctype - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formenctype`
 * @param {string} formmethod - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formmethod`
-* @param {boolean} formnovalidate - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+* @param {boolean} formnovalidate - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formnovalidate`
 * @param {'_self' | '_blank' | '_parent' | '_top'} formtarget - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formtarget`
 * @param {'submit' | 'reset' | 'button'} type - The button type. **attribute** `type`
 * @param {HTMLButtonElement} control
-* @param  proxy
+* @param {'delegate'} _vividAriaBehaviour
+* @param {string} value - The current value of the element. **attribute** `current-value`
+* @param  currentValue
+* @param {string} initialValue - The default value of the element. This value sets the `value` property
+only when the `value` property has not been explicitly set. **attribute** `value`
+* @param {boolean} disabled - Sets the element's disabled state. A disabled element will not be included during form submission. **attribute** `disabled`
+* @param {string} name - The name of the element. This element's value will be surfaced during form submission under the provided name. **attribute** `name`
+* @param {boolean} required - Require the field to be completed prior to form submission. **attribute** `required`
+* @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
+It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
+* @param {string} componentName - Core component name, without prefix
 */
 declare const VwcFab: {
     (props: {
@@ -25,6 +37,8 @@ declare const VwcFab: {
         connotation?: any;
         size?: any;
         label?: string | undefined;
+        iconTrailing?: boolean | undefined;
+        icon?: string | undefined;
         autofocus?: boolean | undefined;
         formId?: string | undefined;
         formaction?: string | undefined;
@@ -34,7 +48,15 @@ declare const VwcFab: {
         formtarget?: any;
         type?: any;
         control?: any;
-        proxy?: any;
+        _vividAriaBehaviour?: any;
+        value?: string | undefined;
+        currentValue?: any;
+        initialValue?: string | undefined;
+        disabled?: boolean | undefined;
+        name?: string | undefined;
+        required?: boolean | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };