@vonage/vivid-react 3.3.0 → 3.3.1

package/v3/VwcARIAGlobalStatesAndProperties/index.js

@@ -0,0 +1,352 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Some states and properties are applicable to all host language elements regardless of whether a role is applied.\nThe following global states and properties are supported by all roles and by all base markup elements.\nhttps://www.w3.org/TR/wai-aria-1.1/#global_states\n\nThis is intended to be used as a mixin. Be sure you extend FASTElement.",
+ "name": "ARIAGlobalStatesAndProperties",
+ "members": [
+  {
+   "kind": "field",
+   "name": "ariaAtomic",
+   "type": {
+    "text": "'true' | 'false' | string | null"
+   },
+   "description": "Indicates whether assistive technologies will present all, or only parts of,\nthe changed region based on the change notifications defined by the aria-relevant attribute.\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-atomic",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaBusy",
+   "type": {
+    "text": "'true' | 'false' | string | null"
+   },
+   "description": "Indicates an element is being modified and that assistive technologies MAY want to wait\nuntil the modifications are complete before exposing them to the user.\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-busy",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaControls",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-controls",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaCurrent",
+   "type": {
+    "text": "| 'page'\n\t\t| 'step'\n\t\t| 'location'\n\t\t| 'date'\n\t\t| 'time'\n\t\t| 'true'\n\t\t| 'false'\n\t\t| string\n\t\t| null"
+   },
+   "description": "Indicates the element that represents the current item within a container or set of related elements.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-current",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaDescribedby",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies the element (or elements) that describes the object.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-describedby",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaDetails",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies the element that provides a detailed, extended description for the object.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-details",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaDisabled",
+   "type": {
+    "text": "'true' | 'false' | string | null"
+   },
+   "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-disabled",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaErrormessage",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies the element that provides an error message for the object.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-errormessage",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaFlowto",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-flowto",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaHaspopup",
+   "type": {
+    "text": "| 'false'\n\t\t| 'true'\n\t\t| 'menu'\n\t\t| 'listbox'\n\t\t| 'tree'\n\t\t| 'grid'\n\t\t| 'dialog'\n\t\t| string\n\t\t| null"
+   },
+   "description": "Indicates the availability and type of interactive popup element,\nsuch as menu or dialog, that can be triggered by an element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-haspopup",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaHidden",
+   "type": {
+    "text": "'false' | 'true' | string | null"
+   },
+   "description": "Indicates whether the element is exposed to an accessibility API\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-hidden",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaInvalid",
+   "type": {
+    "text": "'false' | 'true' | 'grammar' | 'spelling' | string | null"
+   },
+   "description": "Indicates the entered value does not conform to the format expected by the application.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-invalid",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaKeyshortcuts",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-keyshortcuts",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Defines a string value that labels the current element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaLabelledby",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies the element (or elements) that labels the current element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-labelledby",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaLive",
+   "type": {
+    "text": "'assertive' | 'off' | 'polite' | string | null"
+   },
+   "description": "Indicates that an element will be updated, and describes the types of updates the user agents,\nassistive technologies, and user can expect from the live region.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-live",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaOwns",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies an element (or elements) in order to define a visual,\nfunctional, or contextual parent/child relationship between DOM elements\nwhere the DOM hierarchy cannot be used to represent the relationship.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-owns",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaRelevant",
+   "type": {
+    "text": "| 'additions'\n\t\t| 'additions text'\n\t\t| 'all'\n\t\t| 'removals'\n\t\t| 'text'\n\t\t| string\n\t\t| null"
+   },
+   "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-relevant",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ariaRoledescription",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Defines a human-readable, author-localized description for the role of an element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-roledescription",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "aria-atomic",
+   "type": {
+    "text": "'true' | 'false' | string | null"
+   },
+   "description": "Indicates whether assistive technologies will present all, or only parts of,\nthe changed region based on the change notifications defined by the aria-relevant attribute.\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-atomic",
+   "fieldName": "ariaAtomic"
+  },
+  {
+   "name": "aria-busy",
+   "type": {
+    "text": "'true' | 'false' | string | null"
+   },
+   "description": "Indicates an element is being modified and that assistive technologies MAY want to wait\nuntil the modifications are complete before exposing them to the user.\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-busy",
+   "fieldName": "ariaBusy"
+  },
+  {
+   "name": "aria-controls",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-controls",
+   "fieldName": "ariaControls"
+  },
+  {
+   "name": "aria-current",
+   "type": {
+    "text": "| 'page'\n\t\t| 'step'\n\t\t| 'location'\n\t\t| 'date'\n\t\t| 'time'\n\t\t| 'true'\n\t\t| 'false'\n\t\t| string\n\t\t| null"
+   },
+   "description": "Indicates the element that represents the current item within a container or set of related elements.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-current",
+   "fieldName": "ariaCurrent"
+  },
+  {
+   "name": "aria-describedby",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies the element (or elements) that describes the object.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-describedby",
+   "fieldName": "ariaDescribedby"
+  },
+  {
+   "name": "aria-details",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies the element that provides a detailed, extended description for the object.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-details",
+   "fieldName": "ariaDetails"
+  },
+  {
+   "name": "aria-disabled",
+   "type": {
+    "text": "'true' | 'false' | string | null"
+   },
+   "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-disabled",
+   "fieldName": "ariaDisabled"
+  },
+  {
+   "name": "aria-errormessage",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies the element that provides an error message for the object.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-errormessage",
+   "fieldName": "ariaErrormessage"
+  },
+  {
+   "name": "aria-flowto",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-flowto",
+   "fieldName": "ariaFlowto"
+  },
+  {
+   "name": "aria-haspopup",
+   "type": {
+    "text": "| 'false'\n\t\t| 'true'\n\t\t| 'menu'\n\t\t| 'listbox'\n\t\t| 'tree'\n\t\t| 'grid'\n\t\t| 'dialog'\n\t\t| string\n\t\t| null"
+   },
+   "description": "Indicates the availability and type of interactive popup element,\nsuch as menu or dialog, that can be triggered by an element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-haspopup",
+   "fieldName": "ariaHaspopup"
+  },
+  {
+   "name": "aria-hidden",
+   "type": {
+    "text": "'false' | 'true' | string | null"
+   },
+   "description": "Indicates whether the element is exposed to an accessibility API\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-hidden",
+   "fieldName": "ariaHidden"
+  },
+  {
+   "name": "aria-invalid",
+   "type": {
+    "text": "'false' | 'true' | 'grammar' | 'spelling' | string | null"
+   },
+   "description": "Indicates the entered value does not conform to the format expected by the application.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-invalid",
+   "fieldName": "ariaInvalid"
+  },
+  {
+   "name": "aria-keyshortcuts",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-keyshortcuts",
+   "fieldName": "ariaKeyshortcuts"
+  },
+  {
+   "name": "aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Defines a string value that labels the current element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
+   "fieldName": "ariaLabel"
+  },
+  {
+   "name": "aria-labelledby",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies the element (or elements) that labels the current element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-labelledby",
+   "fieldName": "ariaLabelledby"
+  },
+  {
+   "name": "aria-live",
+   "type": {
+    "text": "'assertive' | 'off' | 'polite' | string | null"
+   },
+   "description": "Indicates that an element will be updated, and describes the types of updates the user agents,\nassistive technologies, and user can expect from the live region.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-live",
+   "fieldName": "ariaLive"
+  },
+  {
+   "name": "aria-owns",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Identifies an element (or elements) in order to define a visual,\nfunctional, or contextual parent/child relationship between DOM elements\nwhere the DOM hierarchy cannot be used to represent the relationship.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-owns",
+   "fieldName": "ariaOwns"
+  },
+  {
+   "name": "aria-relevant",
+   "type": {
+    "text": "| 'additions'\n\t\t| 'additions text'\n\t\t| 'all'\n\t\t| 'removals'\n\t\t| 'text'\n\t\t| string\n\t\t| null"
+   },
+   "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-relevant",
+   "fieldName": "ariaRelevant"
+  },
+  {
+   "name": "aria-roledescription",
+   "type": {
+    "text": "string | null"
+   },
+   "description": "Defines a human-readable, author-localized description for the role of an element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-roledescription",
+   "fieldName": "ariaRoledescription"
+  }
+ ]
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerARIAGlobalStatesAndProperties } from '@vonage/vivid'
+
+registerARIAGlobalStatesAndProperties('vvd3')
+
+const VwcARIAGlobalStatesAndProperties = wrapper(`vvd3-a-riaglobal-states-and-properties`,  {
+    events: [],
+    attributes: [],
+    properties: ['ariaAtomic', 'ariaBusy', 'ariaControls', 'ariaCurrent', 'ariaDescribedby', 'ariaDetails', 'ariaDisabled', 'ariaErrormessage', 'ariaFlowto', 'ariaHaspopup', 'ariaHidden', 'ariaInvalid', 'ariaKeyshortcuts', 'ariaLabel', 'ariaLabelledby', 'ariaLive', 'ariaOwns', 'ariaRelevant', 'ariaRoledescription']
+})
+
+VwcARIAGlobalStatesAndProperties.displayName = 'VwcARIAGlobalStatesAndProperties'
+
+export default VwcARIAGlobalStatesAndProperties

package/v3/VwcARIAGlobalStatesAndProperties/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@vonage/vivid-react-vvd3-a-riaglobal-states-and-properties",
+  "version": "4.14.4",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vivid": "4.14.4"
+  }
+}

package/v3/VwcAccordion/index.d.ts

@@ -2,7 +2,10 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcAccordion
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/accordion
 * @param {AccordionExpandMode} expandmode - Controls the expand mode of the Accordion, either allowing
-single or multiple item expansion.
+single or multiple item expansion. **attribute** `expand-mode`
+* @param {string | null} activeid
+* @param {number} activeItemIndex
+* @param {Array<string | null>} accordionIds
 */
 declare const VwcAccordion: {
     (props: {
@@ -13,6 +16,9 @@ declare const VwcAccordion: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         expandmode?: any;
+        activeid?: string | null | undefined;
+        activeItemIndex?: number | undefined;
+        accordionIds?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcAccordion/index.js

@@ -23,6 +23,135 @@ Code in this file were generated using following JSON:
    "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "activeid",
+   "type": {
+    "text": "string | null"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "activeItemIndex",
+   "type": {
+    "text": "number"
+   },
+   "default": "0"
+  },
+  {
+   "kind": "field",
+   "name": "accordionIds",
+   "type": {
+    "text": "Array<string | null>"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "change",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "findExpandedItem",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "AccordionItem | null"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "setItems",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "resetItems",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "removeItemListeners",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "activeItemChange",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "getItemIds",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "Array<string | null>"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "isSingleExpandMode",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "boolean"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "handleItemKeyDown",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "adjust",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "item",
+     "type": {
+      "text": "AccordionItem"
+     }
+    },
+    {
+     "name": "adjustment",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "focusItem",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "index",
+     "type": {
+      "text": "number"
+     }
+    }
+   ]
+  },
   {
    "kind": "method",
    "name": "closeAll",
@@ -42,9 +171,19 @@ Code in this file were generated using following JSON:
    "name": "change"
   }
  ],
+ "attributes": [
+  {
+   "name": "expand-mode",
+   "type": {
+    "text": "AccordionExpandMode"
+   },
+   "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
+   "fieldName": "expandmode"
+  }
+ ],
  "superclass": {
-  "name": "FastAccordion",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -60,7 +199,7 @@ registerAccordion('vvd3')
 const VwcAccordion = wrapper(`vvd3-accordion`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['expandmode']
+    properties: ['expandmode', 'activeid', 'activeItemIndex', 'accordionIds']
 })
 
 VwcAccordion.displayName = 'VwcAccordion'

package/v3/VwcAccordion/package.json

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

package/v3/VwcAccordionItem/index.d.ts

@@ -1,6 +1,10 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcAccordionItem
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/accordion-item
+* @param {1 | 2 | 3 | 4 | 5 | 6} headinglevel - Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the
+heading element. **attribute** `heading-level`
+* @param {boolean} expanded - Expands or collapses the item. **attribute** `expanded`
+* @param {string} id - The item ID **attribute** `id`
 * @param {string | undefined} heading  **attribute** `heading`
 * @param {boolean} noIndicator - Indicates whether the accordion-item has indicator **attribute** `no-indicator`
 * @param {string | undefined} meta  **attribute** `meta`
@@ -14,6 +18,8 @@ declare const VwcAccordionItem: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
+        headinglevel?: any;
+        expanded?: boolean | undefined;
         heading?: string | undefined;
         noIndicator?: boolean | undefined;
         meta?: string | undefined;

package/v3/VwcAccordionItem/index.js

@@ -32,6 +32,35 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "headinglevel",
+   "type": {
+    "text": "1 | 2 | 3 | 4 | 5 | 6"
+   },
+   "default": "2",
+   "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "expanded",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Expands or collapses the item.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "id",
+   "type": {
+    "text": "string"
+   },
+   "description": "The item ID",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "heading",
@@ -68,6 +97,11 @@ Code in this file were generated using following JSON:
    },
    "description": "The size the accordion-item should have.",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "change",
+   "privacy": "private"
   }
  ],
  "events": [
@@ -80,6 +114,31 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "heading-level",
+   "type": {
+    "text": "1 | 2 | 3 | 4 | 5 | 6"
+   },
+   "default": "2",
+   "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
+   "fieldName": "headinglevel"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Expands or collapses the item.",
+   "fieldName": "expanded"
+  },
+  {
+   "name": "id",
+   "type": {
+    "text": "string"
+   },
+   "description": "The item ID",
+   "fieldName": "id"
+  },
   {
    "name": "heading",
    "type": {
@@ -113,8 +172,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FASTAccordionItem",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -130,7 +189,7 @@ registerAccordionItem('vvd3')
 const VwcAccordionItem = wrapper(`vvd3-accordion-item`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['heading', 'noIndicator', 'meta', 'size']
+    properties: ['headinglevel', 'expanded', 'id', 'heading', 'noIndicator', 'meta', 'size']
 })
 
 VwcAccordionItem.displayName = 'VwcAccordionItem'