@vonage/vivid-react 4.0.0 → 5.20.0

package/v3/VwcIcon/index.js

@@ -60,14 +60,6 @@ Code in this file were generated using following JSON:
     "text": "| -6\n\t\t| -5\n\t\t| -4\n\t\t| -3\n\t\t| -2\n\t\t| -1\n\t\t| 0\n\t\t| 1\n\t\t| 2\n\t\t| 3\n\t\t| 4\n\t\t| 5 | undefined"
    }
   },
-  {
-   "kind": "field",
-   "name": "iconLoaded",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false"
-  },
   {
    "kind": "field",
    "name": "#currentRequestId",
@@ -92,14 +84,9 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Indicates which icon to resolve.",
+   "description": "Indicates which icon to resolve. See the Vivid Icon Gallery for available icons:\nhttps://icons.vivid.vonage.com/",
    "privacy": "public"
   },
-  {
-   "kind": "field",
-   "name": "iconUrl",
-   "readonly": true
-  },
   {
    "kind": "field",
    "name": "#abortController",
@@ -109,11 +96,6 @@ Code in this file were generated using following JSON:
    },
    "default": "null"
   },
-  {
-   "kind": "method",
-   "name": "nameChanged",
-   "async": true
-  },
   {
    "kind": "field",
    "name": "VIVID_VERSION",
@@ -171,7 +153,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Indicates which icon to resolve.",
+   "description": "Indicates which icon to resolve. See the Vivid Icon Gallery for available icons:\nhttps://icons.vivid.vonage.com/",
    "fieldName": "name"
   }
  ],
@@ -198,7 +180,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerIcon } from '@vonage/vivid'
 
 registerIcon('vvd3')
@@ -206,7 +188,7 @@ registerIcon('vvd3')
 const VwcIcon = wrapper(`vvd3-icon`,  {
     events: [],
     attributes: [],
-    properties: ['connotation', 'size', 'iconLoaded', 'label', 'name', 'VIVID_VERSION', 'componentName']
+    properties: ['connotation', 'size', 'label', 'name', 'VIVID_VERSION', 'componentName']
 })
 
 VwcIcon.displayName = 'VwcIcon'

package/v3/VwcIcon/package.json

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

package/v3/VwcIdrefsController/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+/** Manages a single IDREF property for an element. Lazily created only when the property is used.
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/idrefs-controller
+
+*/
+declare const VwcIdrefsController: {
+    (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcIdrefsController;

package/v3/VwcIdrefsController/index.js

@@ -0,0 +1,230 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Manages a single IDREF property for an element. Lazily created only when the property is used.",
+ "name": "IdrefsController",
+ "members": [
+  {
+   "kind": "method",
+   "name": "resolvedElements",
+   "static": true,
+   "parameters": [
+    {
+     "name": "host",
+     "type": {
+      "text": "VividElement"
+     }
+    },
+    {
+     "name": "property",
+     "type": {
+      "text": "AriaIdrefsPropertyName"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "for",
+   "static": true,
+   "parameters": [
+    {
+     "name": "host",
+     "type": {
+      "text": "VividElement"
+     }
+    },
+    {
+     "name": "property",
+     "type": {
+      "text": "AriaIdrefsPropertyName"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "#isConnected",
+   "privacy": "private",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "method",
+   "name": "hostConnected",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "hostDisconnected",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "getAttribute",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "string | null"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "setAttribute",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "value",
+     "type": {
+      "text": "string | null"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "#resolvedElements",
+   "privacy": "private",
+   "type": {
+    "text": "HTMLElement[] | null"
+   },
+   "default": "null"
+  },
+  {
+   "kind": "method",
+   "name": "#setResolvedElements",
+   "parameters": [
+    {
+     "name": "elements",
+     "type": {
+      "text": "HTMLElement[] | null"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "getResolvedElements",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "HTMLElement[] | null"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "setElements",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "elements",
+     "type": {
+      "text": "HTMLElement[] | null"
+     }
+    }
+   ],
+   "description": "When elements property is set on the host"
+  },
+  {
+   "kind": "method",
+   "name": "#updateResolution"
+  },
+  {
+   "kind": "method",
+   "name": "#resolveId",
+   "return": {
+    "type": {
+     "text": "HTMLElement | null"
+    }
+   },
+   "parameters": [
+    {
+     "name": "id",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#resolveIds",
+   "return": {
+    "type": {
+     "text": "HTMLElement[]"
+    }
+   },
+   "parameters": [
+    {
+     "name": "idList",
+     "type": {
+      "text": "string[]"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "#observer",
+   "privacy": "private",
+   "type": {
+    "text": "MutationObserver | undefined"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#observeForElements",
+   "parameters": [
+    {
+     "name": "idList",
+     "type": {
+      "text": "string[]"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#cleanupObserver"
+  }
+ ]
+}
+*/
+import wrapper from '@repo/react-component-wrapper'
+import { registerIdrefsController } from '@vonage/vivid'
+
+registerIdrefsController('vvd3')
+
+const VwcIdrefsController = wrapper(`vvd3-idrefs-controller`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcIdrefsController.displayName = 'VwcIdrefsController'
+
+export default VwcIdrefsController

package/v3/VwcIdrefsController/package.json

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

package/v3/VwcInlineTimePicker/index.d.ts

@@ -11,25 +11,23 @@ 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 {VividAriaBehaviour} _vividAriaBehaviour
 */
 declare const VwcInlineTimePicker: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        value?: string | undefined;
-        minutesStep?: number | undefined;
-        secondsStep?: any;
-        clock?: any;
-        min?: string | undefined;
-        max?: string | undefined;
-        focusedPickerClass?: string | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
-        _vividAriaBehaviour?: any;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "value"?: string | undefined;
+        "minutesStep"?: number;
+        "secondsStep"?: number | undefined;
+        "clock"?: "12h" | "24h";
+        "min"?: string | undefined;
+        "max"?: string | undefined;
+        "focusedPickerClass"?: string;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcInlineTimePicker/index.js

@@ -150,18 +150,6 @@ Code in this file were generated using following JSON:
     "module": "src/shared/foundation/vivid-element/vivid-element.ts"
    }
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "type": {
-    "text": "VividAriaBehaviour"
-   },
-   "default": "'default'",
-   "inheritedFrom": {
-    "name": "VividElement",
-    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-   }
-  },
   {
    "kind": "method",
    "name": "#handleReplacedProp",
@@ -191,7 +179,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerInlineTimePicker } from '@vonage/vivid'
 
 registerInlineTimePicker('vvd3')
@@ -199,7 +187,7 @@ registerInlineTimePicker('vvd3')
 const VwcInlineTimePicker = wrapper(`vvd3-inline-time-picker`,  {
     events: [],
     attributes: [],
-    properties: ['value', 'minutesStep', 'secondsStep', 'clock', 'min', 'max', 'focusedPickerClass', 'VIVID_VERSION', 'componentName', '_vividAriaBehaviour']
+    properties: ['value', 'minutesStep', 'secondsStep', 'clock', 'min', 'max', 'focusedPickerClass', 'VIVID_VERSION', 'componentName']
 })
 
 VwcInlineTimePicker.displayName = 'VwcInlineTimePicker'

package/v3/VwcInlineTimePicker/package.json

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

package/v3/VwcKbdKey/index.d.ts

@@ -0,0 +1,36 @@
+import React, { ReactNode } from 'react';
+/** VwcKbdKey
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/kbd-key
+* @param {KbdKeyName | undefined} name - The key to display. Use "Custom" to show arbitrary content via the default slot. **attribute** `name`
+* @param {KbdKeyKeyboard | undefined} keyboard - The keyboard layout to use for display.
+When set to "auto" (default), detects the current platform.
+When set to "standard", displays keys for non-Apple platforms.
+When set to "apple", displays keys for Apple platforms. **attribute** `keyboard`
+* @param {KbdKeyAppearance | undefined} appearance  **attribute** `appearance`
+* @param {KbdKeySize | undefined} size  **attribute** `size`
+* @param {string | undefined} keyshortcutsKey - Overrides the aria-keyshortcuts key name contributed by this element.
+The value must be a valid `aria-keyshortcuts` key token (e.g. `"F1"`, `"Power"`).
+Use this when `name="Custom"` and the slot's text content is not a valid
+aria-keyshortcuts value, e.g. when the slot contains an icon. **attribute** `keyshortcuts-key`
+* @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 VwcKbdKey: {
+    (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "name"?: any;
+        "keyboard"?: any;
+        "appearance"?: any;
+        "size"?: any;
+        "keyshortcutsKey"?: string | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcKbdKey;

package/v3/VwcKbdKey/index.js

@@ -0,0 +1,187 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "KbdKey",
+ "cssProperties": [
+  {
+   "name": "--vvd-kbd-key-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-kbd-key-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-kbd-key-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-kbd-key-accent-contrast",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-kbd-key-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-kbd-key-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-kbd-key-accent-dim",
+   "default": "var(--vvd-color-neutral-200)"
+  },
+  {
+   "name": "--vvd-kbd-key-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Default slot for custom content (used when name is \"Custom\").",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "name",
+   "type": {
+    "text": "KbdKeyName | undefined"
+   },
+   "description": "The key to display. Use \"Custom\" to show arbitrary content via the default slot.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "keyboard",
+   "type": {
+    "text": "KbdKeyKeyboard | undefined"
+   },
+   "description": "The keyboard layout to use for display.\nWhen set to \"auto\" (default), detects the current platform.\nWhen set to \"standard\", displays keys for non-Apple platforms.\nWhen set to \"apple\", displays keys for Apple platforms.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "KbdKeyAppearance | undefined"
+   },
+   "privacy": "public",
+   "description": ""
+  },
+  {
+   "kind": "field",
+   "name": "size",
+   "type": {
+    "text": "KbdKeySize | undefined"
+   },
+   "privacy": "public",
+   "description": ""
+  },
+  {
+   "kind": "field",
+   "name": "keyshortcutsKey",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Overrides the aria-keyshortcuts key name contributed by this element.\nThe value must be a valid `aria-keyshortcuts` key token (e.g. `\"F1\"`, `\"Power\"`).\nUse this when `name=\"Custom\"` and the slot's text content is not a valid\naria-keyshortcuts value, e.g. when the slot contains an icon.",
+   "privacy": "public"
+  },
+  {
+   "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": [
+  {
+   "name": "name",
+   "type": {
+    "text": "KbdKeyName | undefined"
+   },
+   "description": "The key to display. Use \"Custom\" to show arbitrary content via the default slot.",
+   "fieldName": "name"
+  },
+  {
+   "name": "keyboard",
+   "type": {
+    "text": "KbdKeyKeyboard | undefined"
+   },
+   "description": "The keyboard layout to use for display.\nWhen set to \"auto\" (default), detects the current platform.\nWhen set to \"standard\", displays keys for non-Apple platforms.\nWhen set to \"apple\", displays keys for Apple platforms.",
+   "fieldName": "keyboard"
+  },
+  {
+   "name": "appearance",
+   "type": {
+    "text": "KbdKeyAppearance | undefined"
+   },
+   "fieldName": "appearance"
+  },
+  {
+   "name": "size",
+   "type": {
+    "text": "KbdKeySize | undefined"
+   },
+   "fieldName": "size"
+  },
+  {
+   "name": "keyshortcuts-key",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Overrides the aria-keyshortcuts key name contributed by this element.\nThe value must be a valid `aria-keyshortcuts` key token (e.g. `\"F1\"`, `\"Power\"`).\nUse this when `name=\"Custom\"` and the slot's text content is not a valid\naria-keyshortcuts value, e.g. when the slot contains an icon.",
+   "fieldName": "keyshortcutsKey"
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "kbd-key"
+ }
+}
+*/
+import wrapper from '@repo/react-component-wrapper'
+import { registerKbdKey } from '@vonage/vivid'
+
+registerKbdKey('vvd3')
+
+const VwcKbdKey = wrapper(`vvd3-kbd-key`,  {
+    events: [],
+    attributes: [],
+    properties: ['name', 'keyboard', 'appearance', 'size', 'keyshortcutsKey', 'VIVID_VERSION', 'componentName']
+})
+
+VwcKbdKey.displayName = 'VwcKbdKey'
+
+export default VwcKbdKey

package/v3/VwcKbdKey/package.json

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

package/v3/VwcKbdShortcut/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+/** VwcKbdShortcut
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/kbd-shortcut
+* @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 VwcKbdShortcut: {
+    (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcKbdShortcut;