@vonage/vivid-react 3.2.0 → 3.3.1

package/v3/VwcAccordionItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-accordion-item",
-  "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/VwcActionGroup/index.js

@@ -116,8 +116,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/VwcActionGroup/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-action-group",
-  "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/VwcAlert/index.d.ts

@@ -2,20 +2,16 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcAlert
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/alert
 * @param {| string
-        | null} dismissButtonAriaLabel  **attribute** `dismiss-button-aria-label`
-* @param {boolean} removable - if the alert is removable
-accepts boolean **attribute** `removable`
-* @param {AlertPlacement | undefined} placement - the placement of the alert **attribute** `placement`
-* @param {string | undefined} headline - the text of the alert heading
-accepts string **attribute** `headline`
-* @param {string | undefined} text - the main text of the alert
-accepts string **attribute** `text`
-* @param {string | undefined} icon - alert header icon **attribute** `icon`
-* @param {number} timeoutms - the timeout ms to show the alert
-accepts number **attribute** `timeoutms`
-* @param {AlertConnotation | undefined} connotation - alert connotation **attribute** `connotation`
-* @param {AlertStrategy | undefined} strategy - alert state **attribute** `strategy`
-* @param {boolean} open - indicates whether the alert is open **attribute** `open`
+        | null} dismissButtonAriaLabel - Allows setting a custom aria-label for the dismiss button. **attribute** `dismiss-button-aria-label`
+* @param {boolean} removable - Adds a close button to the Alert. **attribute** `removable`
+* @param {AlertPlacement | undefined} placement - The placement of the Alert on the screen. **attribute** `placement`
+* @param {string | undefined} headline - Adds a headline to the Alert. **attribute** `headline`
+* @param {string | undefined} text - The main text of the Alert. **attribute** `text`
+* @param {string | undefined} icon - The icon to display in the Alert. Takes precedence over the connotation's icon. **attribute** `icon`
+* @param {number} timeoutms - Timeout after which the Alert will close. **attribute** `timeoutms`
+* @param {AlertConnotation | undefined} connotation - Sets an appropriate icon / icon color for the connotation. **attribute** `connotation`
+* @param {AlertStrategy | undefined} strategy - Controls the `position` of the Alert. **attribute** `strategy`
+* @param {boolean} open - Open state of the Alert. **attribute** `open`
 */
 declare const VwcAlert: {
     (props: {

package/v3/VwcAlert/index.js

@@ -59,11 +59,11 @@ Code in this file were generated using following JSON:
  ],
  "slots": [
   {
-   "description": "The main content of the alert.",
+   "description": "The main content of the Alert.",
    "name": "main"
   },
   {
-   "description": "Add action items to alert using this slot.",
+   "description": "Add action items to the Alert using this slot.",
    "name": "action-items"
   },
   {
@@ -78,7 +78,9 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "| string\n\t\t| null"
    },
-   "default": "null"
+   "default": "null",
+   "description": "Allows setting a custom aria-label for the dismiss button.",
+   "privacy": "public"
   },
   {
    "kind": "field",
@@ -95,7 +97,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "if the alert is removable\naccepts boolean",
+   "description": "Adds a close button to the Alert.",
    "privacy": "public"
   },
   {
@@ -105,7 +107,7 @@ Code in this file were generated using following JSON:
     "text": "AlertPlacement | undefined"
    },
    "default": "'bottom'",
-   "description": "the placement of the alert",
+   "description": "The placement of the Alert on the screen.",
    "privacy": "public"
   },
   {
@@ -114,7 +116,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "the text of the alert heading\naccepts string",
+   "description": "Adds a headline to the Alert.",
    "privacy": "public"
   },
   {
@@ -123,7 +125,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "the main text of the alert\naccepts string",
+   "description": "The main text of the Alert.",
    "privacy": "public"
   },
   {
@@ -132,7 +134,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "alert header icon",
+   "description": "The icon to display in the Alert. Takes precedence over the connotation's icon.",
    "privacy": "public"
   },
   {
@@ -142,7 +144,7 @@ Code in this file were generated using following JSON:
     "text": "number"
    },
    "default": "0",
-   "description": "the timeout ms to show the alert\naccepts number",
+   "description": "Timeout after which the Alert will close.",
    "privacy": "public"
   },
   {
@@ -151,7 +153,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "AlertConnotation | undefined"
    },
-   "description": "alert connotation",
+   "description": "Sets an appropriate icon / icon color for the connotation.",
    "privacy": "public"
   },
   {
@@ -160,7 +162,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "AlertStrategy | undefined"
    },
-   "description": "alert state",
+   "description": "Controls the `position` of the Alert.",
    "privacy": "public"
   },
   {
@@ -170,7 +172,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "indicates whether the alert is open",
+   "description": "Open state of the Alert.",
    "privacy": "public"
   },
   {
@@ -221,14 +223,14 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "CustomEvent<undefined>"
    },
-   "description": "Fired when the alert is opened",
+   "description": "Fired when the Alert is opened",
    "name": "open"
   },
   {
    "type": {
     "text": "CustomEvent<undefined>"
    },
-   "description": "Fired when the alert is closed",
+   "description": "Fired when the Alert is closed",
    "name": "close"
   }
  ],
@@ -239,6 +241,7 @@ Code in this file were generated using following JSON:
     "text": "| string\n\t\t| null"
    },
    "default": "null",
+   "description": "Allows setting a custom aria-label for the dismiss button.",
    "fieldName": "dismissButtonAriaLabel"
   },
   {
@@ -246,7 +249,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "if the alert is removable\naccepts boolean",
+   "description": "Adds a close button to the Alert.",
    "fieldName": "removable"
   },
   {
@@ -254,7 +257,7 @@ Code in this file were generated using following JSON:
     "text": "AlertPlacement | undefined"
    },
    "default": "'bottom'",
-   "description": "the placement of the alert",
+   "description": "The placement of the Alert on the screen.",
    "fieldName": "placement"
   },
   {
@@ -262,7 +265,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "the text of the alert heading\naccepts string",
+   "description": "Adds a headline to the Alert.",
    "fieldName": "headline"
   },
   {
@@ -270,7 +273,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "the main text of the alert\naccepts string",
+   "description": "The main text of the Alert.",
    "fieldName": "text"
   },
   {
@@ -278,7 +281,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "alert header icon",
+   "description": "The icon to display in the Alert. Takes precedence over the connotation's icon.",
    "fieldName": "icon"
   },
   {
@@ -286,7 +289,7 @@ Code in this file were generated using following JSON:
     "text": "number"
    },
    "default": "0",
-   "description": "the timeout ms to show the alert\naccepts number",
+   "description": "Timeout after which the Alert will close.",
    "fieldName": "timeoutms"
   },
   {
@@ -294,7 +297,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "AlertConnotation | undefined"
    },
-   "description": "alert connotation",
+   "description": "Sets an appropriate icon / icon color for the connotation.",
    "fieldName": "connotation"
   },
   {
@@ -302,7 +305,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "AlertStrategy | undefined"
    },
-   "description": "alert state",
+   "description": "Controls the `position` of the Alert.",
    "fieldName": "strategy"
   },
   {
@@ -310,13 +313,13 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "indicates whether the alert is open",
+   "description": "Open state of the Alert.",
    "fieldName": "open"
   }
  ],
  "superclass": {
-  "name": "FoundationElement",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,

package/v3/VwcAlert/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-alert",
-  "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/VwcAnchor/index.d.ts

@@ -0,0 +1,33 @@
+import React, { ReactNode } from 'react';
+/** Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/anchor
+* @param {string} download - Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `download`
+* @param {string} href - The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `href`
+* @param {string} hreflang - Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `hreflang`
+* @param {string} ping - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `ping`
+* @param {string} referrerpolicy - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `referrerpolicy`
+* @param {string} rel - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `rel`
+* @param {'_self' | '_blank' | '_parent' | '_top'} target - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `target`
+* @param {string} type - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `type`
+* @param {HTMLAnchorElement | undefined} control - References the root element
+*/
+declare const VwcAnchor: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        download?: string | undefined;
+        href?: string | undefined;
+        hreflang?: string | undefined;
+        ping?: string | undefined;
+        referrerpolicy?: string | undefined;
+        rel?: string | undefined;
+        target?: any;
+        type?: string | undefined;
+        control?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcAnchor;

package/v3/VwcAnchor/index.js

@@ -0,0 +1,173 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
+ "name": "Anchor",
+ "members": [
+  {
+   "kind": "field",
+   "name": "download",
+   "type": {
+    "text": "string"
+   },
+   "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "href",
+   "type": {
+    "text": "string"
+   },
+   "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "hreflang",
+   "type": {
+    "text": "string"
+   },
+   "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ping",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "referrerpolicy",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "rel",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "target",
+   "type": {
+    "text": "'_self' | '_blank' | '_parent' | '_top'"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "type",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "control",
+   "type": {
+    "text": "HTMLAnchorElement | undefined"
+   },
+   "description": "References the root element"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "download",
+   "type": {
+    "text": "string"
+   },
+   "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "download"
+  },
+  {
+   "name": "href",
+   "type": {
+    "text": "string"
+   },
+   "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "href"
+  },
+  {
+   "name": "hreflang",
+   "type": {
+    "text": "string"
+   },
+   "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "hreflang"
+  },
+  {
+   "name": "ping",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "ping"
+  },
+  {
+   "name": "referrerpolicy",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "referrerpolicy"
+  },
+  {
+   "name": "rel",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "rel"
+  },
+  {
+   "name": "target",
+   "type": {
+    "text": "'_self' | '_blank' | '_parent' | '_top'"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "target"
+  },
+  {
+   "name": "type",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "type"
+  }
+ ]
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerAnchor } from '@vonage/vivid'
+
+registerAnchor('vvd3')
+
+const VwcAnchor = wrapper(`vvd3-anchor`,  {
+    events: [],
+    attributes: [],
+    properties: ['download', 'href', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'type', 'control']
+})
+
+VwcAnchor.displayName = 'VwcAnchor'
+
+export default VwcAnchor

package/v3/{VwcAppearanceUi → VwcAnchor}/package.json

@@ -1,11 +1,11 @@
 {
-  "name": "@vonage/vivid-react-vvd3-appearance-ui",
-  "version": "4.1.0",
+  "name": "@vonage/vivid-react-vvd3-anchor",
+  "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/VwcAudioPlayer/index.js

@@ -295,8 +295,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/VwcAudioPlayer/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-audio-player",
-  "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/VwcAvatar/index.js

@@ -186,8 +186,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/VwcAvatar/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-avatar",
-  "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"
   }
 }