@vonage/vivid-react 3.5.1 → 4.0.0

package/v3/VwcTextField/index.js

@@ -823,6 +823,10 @@ Code in this file were generated using following JSON:
   }
  ],
  "mixins": [
+  {
+   "name": "WithContextualHelp",
+   "module": "/src/shared/patterns"
+  },
   {
    "name": "WithLightDOMFeedback",
    "module": "/src/shared/feedback/mixins"
@@ -873,6 +877,42 @@ Code in this file were generated using following JSON:
     "valueMapping": "event.currentTarget.value"
    }
   ]
+ },
+ "vividTesting": {
+  "selectors": [],
+  "actions": [
+   {
+    "name": "fill",
+    "args": [
+     "fill",
+     "#control"
+    ]
+   },
+   {
+    "name": "clear",
+    "args": [
+     "clear",
+     "#control"
+    ]
+   },
+   {
+    "name": "blur",
+    "args": [
+     "blur",
+     "#control"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": [
+   {
+    "name": "control",
+    "args": [
+     "light",
+     "input[slot=\"_control\"]"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcTextField/package.json

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

package/v3/VwcTimePicker/index.js

@@ -109,7 +109,7 @@ Code in this file were generated using following JSON:
    "name": "#clockChangeObserver",
    "privacy": "private",
    "type": {
-    "text": "BindingObserver"
+    "text": "ExpressionNotifier"
    },
    "inheritedFrom": {
     "name": "TimeSelectionPicker",
@@ -182,7 +182,7 @@ Code in this file were generated using following JSON:
    "name": "#localeChangeObserver",
    "privacy": "private",
    "type": {
-    "text": "BindingObserver"
+    "text": "ExpressionNotifier"
    },
    "inheritedFrom": {
     "name": "PickerField",
@@ -730,6 +730,19 @@ Code in this file were generated using following JSON:
     "valueMapping": "event.currentTarget.value"
    }
   ]
+ },
+ "vividTesting": {
+  "selectors": [],
+  "actions": [
+   {
+    "name": "selectTime",
+    "args": [
+     "selectTime"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": []
  }
 }
 */

package/v3/VwcTimePicker/package.json

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

package/v3/VwcToggletip/index.js

@@ -24,12 +24,12 @@ Code in this file were generated using following JSON:
  "members": [
   {
    "kind": "field",
-   "name": "#ANCHOR_ARIA_LABEL_SUFFIX",
+   "name": "#originalAriaLabel",
    "privacy": "private",
    "type": {
-    "text": "string"
+    "text": "string | null"
    },
-   "default": "' ; Show more information'"
+   "default": "null"
   },
   {
    "kind": "field",
@@ -278,6 +278,10 @@ Code in this file were generated using following JSON:
   }
  ],
  "mixins": [
+  {
+   "name": "Localized",
+   "module": "/src/shared/patterns"
+  },
   {
    "name": "Anchored",
    "module": "/src/shared/patterns/anchored"
@@ -290,6 +294,34 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "toggletip"
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byHeadline",
+    "args": [
+     "byHeadline"
+    ]
+   }
+  ],
+  "actions": [],
+  "queries": [
+   {
+    "name": "open",
+    "args": [
+     "open",
+     "true"
+    ]
+   },
+   {
+    "name": "closed",
+    "args": [
+     "open",
+     "false"
+    ]
+   }
+  ],
+  "refs": []
  }
 }
 */

package/v3/VwcToggletip/package.json

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

package/v3/VwcTooltip/index.js

@@ -72,6 +72,10 @@ Code in this file were generated using following JSON:
    "name": "#hide",
    "privacy": "private"
   },
+  {
+   "kind": "method",
+   "name": "#updateAnchorExpanded"
+  },
   {
    "kind": "method",
    "name": "#updateListeners"
@@ -211,6 +215,34 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "tooltip"
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byText",
+    "args": [
+     "byText"
+    ]
+   }
+  ],
+  "actions": [],
+  "queries": [
+   {
+    "name": "open",
+    "args": [
+     "open",
+     "true"
+    ]
+   },
+   {
+    "name": "closed",
+    "args": [
+     "open",
+     "false"
+    ]
+   }
+  ],
+  "refs": []
  }
 }
 */

package/v3/VwcTooltip/package.json

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

package/v3/VwcTreeItem/package.json

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

package/v3/VwcTreeView/package.json

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

package/v3/VwcVideoPlayer/package.json

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

package/v3/VwcVisuallyHidden/package.json

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

package/v3/VwcVividElement/index.d.ts

@@ -4,7 +4,6 @@ import React, { ReactNode } from 'react';
 * @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 {boolean} specialHandling
 * @param {VividAriaBehaviour} _vividAriaBehaviour
 */
 declare const VwcVividElement: {
@@ -16,7 +15,6 @@ declare const VwcVividElement: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;
-        specialHandling?: boolean | undefined;
         _vividAriaBehaviour?: any;
     }): JSX.Element;
     displayName: string;

package/v3/VwcVividElement/index.js

@@ -27,18 +27,6 @@ Code in this file were generated using following JSON:
    "static": true,
    "description": "Core component name, without prefix"
   },
-  {
-   "kind": "field",
-   "name": "specialHandling",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "inheritedFrom": {
-    "name": "AriaMixin",
-    "module": "src/shared/aria/aria-mixin.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "_vividAriaBehaviour",
@@ -82,6 +70,41 @@ Code in this file were generated using following JSON:
   "name": "FASTElement",
   "package": "@microsoft/fast-element"
  },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byTestId",
+    "args": [
+     "byTestId"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "hover",
+    "args": [
+     "hover",
+     "#locator"
+    ]
+   },
+   {
+    "name": "focus",
+    "args": [
+     "focus",
+     "#locator"
+    ]
+   },
+   {
+    "name": "blur",
+    "args": [
+     "blur",
+     "#locator"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": []
+ },
  "customElement": true
 }
 */
@@ -93,7 +116,7 @@ registerVividElement('vvd3')
 const VwcVividElement = wrapper(`vvd3-vivid-element`,  {
     events: [],
     attributes: [],
-    properties: ['VIVID_VERSION', 'componentName', 'specialHandling', '_vividAriaBehaviour']
+    properties: ['VIVID_VERSION', 'componentName', '_vividAriaBehaviour']
 })
 
 VwcVividElement.displayName = 'VwcVividElement'

package/v3/VwcVividElement/package.json

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

package/v3/VwcVividFoundationButton/package.json

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

package/v3/VwcVvdHexInput/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+/** VwcVvdHexInput
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/vvd-hex-input
+
+*/
+declare const VwcVvdHexInput: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcVvdHexInput;

package/v3/VwcVvdHexInput/index.js

@@ -0,0 +1,43 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "VvdHexInput",
+ "members": [
+  {
+   "kind": "field",
+   "name": "displayName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "default": "'VvdHexInput'",
+   "readonly": true
+  }
+ ],
+ "superclass": {
+  "name": "HexInput",
+  "package": "vanilla-colorful/hex-input.js"
+ },
+ "tagName": "VC_HEX_INPUT_TAG",
+ "customElement": true
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerVvdHexInput } from '@vonage/vivid'
+
+registerVvdHexInput('vvd3')
+
+const VwcVvdHexInput = wrapper(`vvd3-vvd-hex-input`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcVvdHexInput.displayName = 'VwcVvdHexInput'
+
+export default VwcVvdHexInput

package/v3/VwcVvdHexInput/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@vonage/vivid-react-vvd3-vvd-hex-input",
+  "version": "5.5.0",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vivid": "5.5.0"
+  }
+}

package/v3/VwcVvdHexPicker/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+/** VwcVvdHexPicker
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/vvd-hex-picker
+
+*/
+declare const VwcVvdHexPicker: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcVvdHexPicker;

package/v3/VwcVvdHexPicker/index.js

@@ -0,0 +1,43 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "VvdHexPicker",
+ "members": [
+  {
+   "kind": "field",
+   "name": "displayName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "default": "'VvdHexPicker'",
+   "readonly": true
+  }
+ ],
+ "superclass": {
+  "name": "HexColorPicker",
+  "package": "vanilla-colorful/hex-color-picker.js"
+ },
+ "tagName": "VC_HEX_PICKER_TAG",
+ "customElement": true
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerVvdHexPicker } from '@vonage/vivid'
+
+registerVvdHexPicker('vvd3')
+
+const VwcVvdHexPicker = wrapper(`vvd3-vvd-hex-picker`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcVvdHexPicker.displayName = 'VwcVvdHexPicker'
+
+export default VwcVvdHexPicker

package/v3/VwcVvdHexPicker/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@vonage/vivid-react-vvd3-vvd-hex-picker",
+  "version": "5.5.0",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vivid": "5.5.0"
+  }
+}