@vonage/vivid-react 3.4.1 → 3.5.0

package/v3/VwcButton/package.json

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

@@ -16,7 +16,11 @@ This parameter must conform to BCP 47 standards; see the Intl.Collator object fo
 e.g. en-US | en-US, he-IL **attribute** `locales`
 * @param {boolean} hour12 - The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.
 Unless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24) **attribute** `hour12`
+* @param {CalendarSticky} stickyMode - Sticky header and sticky column options **attribute** `sticky-mode`
 * @param  getEventContext - Fire an event
+* @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 VwcCalendar: {
     (props: {
@@ -29,7 +33,10 @@ declare const VwcCalendar: {
         startDay?: any;
         locales?: any;
         hour12?: boolean | undefined;
+        stickyMode?: any;
         getEventContext?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcCalendar/index.js

@@ -79,6 +79,15 @@ Code in this file were generated using following JSON:
    "description": "The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.\nUnless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "stickyMode",
+   "type": {
+    "text": "CalendarSticky"
+   },
+   "description": "Sticky header and sticky column options",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "#activeCalendarEvent",
@@ -155,6 +164,38 @@ Code in this file were generated using following JSON:
      }
     }
    ]
+  },
+  {
+   "kind": "method",
+   "name": "initializeScrollPosition",
+   "privacy": "private"
+  },
+  {
+   "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": [
@@ -183,17 +224,26 @@ Code in this file were generated using following JSON:
    "fieldName": "locales"
   },
   {
+   "name": "hour12",
    "type": {
     "text": "boolean"
    },
    "default": "false",
    "description": "The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.\nUnless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)",
    "fieldName": "hour12"
+  },
+  {
+   "name": "sticky-mode",
+   "type": {
+    "text": "CalendarSticky"
+   },
+   "description": "Sticky header and sticky column options",
+   "fieldName": "stickyMode"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -209,7 +259,7 @@ registerCalendar('vvd3')
 const VwcCalendar = wrapper(`vvd3-calendar`,  {
     events: [],
     attributes: [],
-    properties: ['datetime', 'startDay', 'locales', 'hour12', 'getEventContext']
+    properties: ['datetime', 'startDay', 'locales', 'hour12', 'stickyMode', 'getEventContext', 'VIVID_VERSION', 'componentName']
 })
 
 VwcCalendar.displayName = 'VwcCalendar'

package/v3/VwcCalendar/package.json

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

@@ -8,6 +8,10 @@ import React, { ReactNode } from 'react';
 * @param {number | undefined} overlapCount - sets card display precendence and indentation **attribute** `overlap-count`
 * @param {number | undefined} start - time of day event starts **attribute** `start`
 * @param {number | undefined} duration - event's time duration in hours **attribute** `duration`
+* @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 VwcCalendarEvent: {
     (props: {
@@ -23,6 +27,9 @@ declare const VwcCalendarEvent: {
         overlapCount?: any;
         start?: any;
         duration?: any;
+        _vividAriaBehaviour?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcCalendarEvent/index.js

@@ -184,6 +184,45 @@ Code in this file were generated using following JSON:
    },
    "description": "event's time duration in hours",
    "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": [
@@ -228,6 +267,7 @@ Code in this file were generated using following JSON:
    "fieldName": "overlapCount"
   },
   {
+   "name": "start",
    "type": {
     "text": "number | undefined"
    },
@@ -235,6 +275,7 @@ Code in this file were generated using following JSON:
    "fieldName": "start"
   },
   {
+   "name": "duration",
    "type": {
     "text": "number | undefined"
    },
@@ -242,9 +283,15 @@ Code in this file were generated using following JSON:
    "fieldName": "duration"
   }
  ],
+ "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,
@@ -260,7 +307,7 @@ registerCalendarEvent('vvd3')
 const VwcCalendarEvent = wrapper(`vvd3-calendar-event`,  {
     events: [],
     attributes: [],
-    properties: ['heading', 'description', 'connotation', 'appearance', 'overlapCount', 'start', 'duration']
+    properties: ['heading', 'description', 'connotation', 'appearance', 'overlapCount', 'start', 'duration', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcCalendarEvent.displayName = 'VwcCalendarEvent'

package/v3/VwcCalendarEvent/package.json

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

@@ -10,8 +10,22 @@ accepts string **attribute** `subtitle`
 accepts string **attribute** `text`
 * @param {string | undefined} icon - card header icon **attribute** `icon`
 * @param {0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined} elevation - card elevation dp **attribute** `elevation`
+* @param {boolean} clickableCard - Indicates whether card should be a clickable <button> element. **attribute** `clickable-card`
 * @param {HTMLElement[] | undefined} graphicSlottedContent
 * @param {HTMLElement[] | undefined} hasMetaSlottedContent
+* @param {string | undefined} 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 | undefined} 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 | undefined} 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 | undefined} ping - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `ping`
+* @param {string | undefined} referrerpolicy - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `referrerpolicy`
+* @param {string | undefined} 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' | undefined} target - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `target`
+* @param {string | undefined} type - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `type`
+* @param {HTMLAnchorElement} control - References the root element
+* @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 VwcCard: {
     (props: {
@@ -26,8 +40,21 @@ declare const VwcCard: {
         text?: string | undefined;
         icon?: string | undefined;
         elevation?: any;
+        clickableCard?: boolean | undefined;
         graphicSlottedContent?: any;
         hasMetaSlottedContent?: any;
+        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;
+        _vividAriaBehaviour?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcCard/index.js

@@ -7,6 +7,28 @@ Code in this file were generated using following JSON:
  "kind": "class",
  "description": "",
  "name": "Card",
+ "cssProperties": [
+  {
+   "name": "--vvd-card-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-card-cta-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-card-cta-primary-increment",
+   "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-card-cta-faint",
+   "default": "var(--vvd-color-cta-50)"
+  },
+  {
+   "name": "--vvd-card-cta-soft",
+   "default": "var(--vvd-color-cta-100)"
+  }
+ ],
  "slots": [
   {
    "description": "The graphic slot overrides the icon property.",
@@ -84,6 +106,16 @@ Code in this file were generated using following JSON:
    "description": "card elevation dp",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "clickableCard",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates whether card should be a clickable <button> element.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "graphicSlottedContent",
@@ -97,6 +129,161 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "HTMLElement[] | undefined"
    }
+  },
+  {
+   "kind": "field",
+   "name": "download",
+   "type": {
+    "text": "string | undefined"
+   },
+   "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",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "href",
+   "type": {
+    "text": "string | undefined"
+   },
+   "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",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "hreflang",
+   "type": {
+    "text": "string | undefined"
+   },
+   "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",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "ping",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "referrerpolicy",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "rel",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "target",
+   "type": {
+    "text": "'_self' | '_blank' | '_parent' | '_top' | undefined"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "type",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "control",
+   "type": {
+    "text": "HTMLAnchorElement"
+   },
+   "description": "References the root element",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "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": [
@@ -147,11 +334,122 @@ Code in this file were generated using following JSON:
    },
    "description": "card elevation dp",
    "fieldName": "elevation"
+  },
+  {
+   "name": "clickable-card",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates whether card should be a clickable <button> element.",
+   "fieldName": "clickableCard"
+  },
+  {
+   "name": "download",
+   "type": {
+    "text": "string | undefined"
+   },
+   "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",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "name": "href",
+   "type": {
+    "text": "string | undefined"
+   },
+   "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",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "name": "hreflang",
+   "type": {
+    "text": "string | undefined"
+   },
+   "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",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "name": "ping",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "ping",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "name": "referrerpolicy",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "referrerpolicy",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "name": "rel",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "rel",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "name": "target",
+   "type": {
+    "text": "'_self' | '_blank' | '_parent' | '_top' | undefined"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "target",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  },
+  {
+   "name": "type",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+   "fieldName": "type",
+   "inheritedFrom": {
+    "name": "Linkable",
+    "module": "src/shared/patterns/linkable.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "Linkable",
+   "module": "/src/shared/patterns/linkable"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -167,7 +465,7 @@ registerCard('vvd3')
 const VwcCard = wrapper(`vvd3-card`,  {
     events: [],
     attributes: [],
-    properties: ['appearance', 'headline', 'subtitle', 'text', 'icon', 'elevation', 'graphicSlottedContent', 'hasMetaSlottedContent']
+    properties: ['appearance', 'headline', 'subtitle', 'text', 'icon', 'elevation', 'clickableCard', 'graphicSlottedContent', 'hasMetaSlottedContent', 'download', 'href', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'type', 'control', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcCard.displayName = 'VwcCard'

package/v3/VwcCard/package.json

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