@vonage/vivid-react 5.19.0 → 5.20.1

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.1",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vivid": "5.20.1"
+  }
+}

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;

package/v3/VwcKbdShortcut/index.js

@@ -0,0 +1,78 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "KbdShortcut",
+ "slots": [
+  {
+   "description": "Default slot for Kbd elements.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "method",
+   "name": "getKeyshortcutsValue",
+   "return": {
+    "type": {
+     "text": "string | null"
+    }
+   },
+   "description": "Returns a valid aria-keyshortcuts value based on the slotted kbd-key elements.\nModifiers are sorted to be first as required by the spec.\nReturns null if no keys are available."
+  },
+  {
+   "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"
+   }
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "kbd-shortcut"
+ }
+}
+*/
+import wrapper from '@repo/react-component-wrapper'
+import { registerKbdShortcut } from '@vonage/vivid'
+
+registerKbdShortcut('vvd3')
+
+const VwcKbdShortcut = wrapper(`vvd3-kbd-shortcut`,  {
+    events: [],
+    attributes: [],
+    properties: ['VIVID_VERSION', 'componentName']
+})
+
+VwcKbdShortcut.displayName = 'VwcKbdShortcut'
+
+export default VwcKbdShortcut

package/v3/VwcKbdShortcut/package.json

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

package/v3/VwcLayout/index.d.ts

@@ -22,7 +22,7 @@ declare const VwcLayout: {
         "columnBasis"?: any;
         "columnSpacing"?: any;
         "rowSpacing"?: any;
-        "autoSizing"?: any;
+        "autoSizing"?: "fit" | "fill" | undefined;
         "VIVID_VERSION"?: string;
         "componentName"?: string;
     }): JSX.Element;

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/package.json

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

package/v3/VwcMenu/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcMenu
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/menu
+* @param {string | HTMLElement} anchor  **attribute** `anchor`
 * @param {number | null} offset - Adds offset to the popup **attribute** `offset`
 * @param {Placement | undefined} placement - Sets the desired position of the Menu relative to it's anchor element **attribute** `placement`
 * @param {'auto' | 'legacy' | 'off' | undefined} trigger - Sets trigger method of Menu **attribute** `trigger`
@@ -21,13 +22,13 @@ declare const VwcMenu: {
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
         onOpen?: (event: SyntheticEvent) => void;
         onClose?: (event: SyntheticEvent) => void;
-        "offset"?: number;
+        "anchor"?: string | HTMLElement;
+        "offset"?: number | null;
         "placement"?: any;
-        "trigger"?: any;
+        "trigger"?: "auto" | "legacy" | "off" | undefined;
         "autoDismiss"?: boolean;
         "positionStrategy"?: any;
         "open"?: boolean;
-        "anchor"?: any;
         "VIVID_VERSION"?: string;
         "componentName"?: string;
     }): JSX.Element;

package/v3/VwcMenu/index.js

@@ -475,7 +475,7 @@ registerMenu('vvd3')
 const VwcMenu = wrapper(`vvd3-menu`,  {
     events: [{"name":"close","propName":"onClose"},{"name":"open","propName":"onOpen"}],
     attributes: [],
-    properties: ['offset', 'placement', 'trigger', 'autoDismiss', 'positionStrategy', 'open', 'anchor', 'VIVID_VERSION', 'componentName']
+    properties: ['anchor', 'offset', 'placement', 'trigger', 'autoDismiss', 'positionStrategy', 'open', 'anchor', 'VIVID_VERSION', 'componentName']
 })
 
 VwcMenu.displayName = 'VwcMenu'

package/v3/VwcMenu/package.json

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

package/v3/VwcMenuItem/index.d.ts

@@ -39,7 +39,7 @@ declare const VwcMenuItem: {
         "textSecondary"?: string | undefined;
         "connotation"?: any;
         "checkTrailing"?: boolean;
-        "checkedAppearance"?: any;
+        "checkedAppearance"?: "normal" | "tick-only" | undefined;
         "VIVID_VERSION"?: string;
         "componentName"?: string;
     }): JSX.Element;

package/v3/VwcMenuItem/index.js

@@ -353,6 +353,10 @@ Code in this file were generated using following JSON:
   }
  ],
  "mixins": [
+  {
+   "name": "WithKbdShortcut",
+   "module": "/src/shared/patterns/kbd-shortcut"
+  },
   {
    "name": "HostSemantics",
    "module": "/src/shared/aria/host-semantics"

package/v3/VwcMenuItem/package.json

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

package/v3/VwcNav/package.json

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

package/v3/VwcNavDisclosure/package.json

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

package/v3/VwcNavItem/index.d.ts

@@ -39,7 +39,7 @@ declare const VwcNavItem: {
         "ping"?: string | undefined;
         "referrerpolicy"?: string | undefined;
         "rel"?: string | undefined;
-        "target"?: any;
+        "target"?: "_self" | "_blank" | "_parent" | "_top" | undefined;
         "type"?: string | undefined;
         "control"?: any;
         "VIVID_VERSION"?: string;

package/v3/VwcNavItem/package.json

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

package/v3/VwcNote/package.json

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

package/v3/VwcNumberField/index.d.ts

@@ -61,8 +61,8 @@ declare const VwcNumberField: {
         "max"?: number;
         "min"?: number;
         "valueAsNumber"?: number;
-        "incrementButtonAriaLabel"?: any;
-        "decrementButtonAriaLabel"?: any;
+        "incrementButtonAriaLabel"?: string | null;
+        "decrementButtonAriaLabel"?: string | null;
         "appearance"?: any;
         "shape"?: any;
         "autoComplete"?: string | undefined;

package/v3/VwcNumberField/package.json

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

package/v3/VwcOption/index.d.ts

@@ -33,7 +33,7 @@ declare const VwcOption: {
         id?: string;
         style?: React.CSSProperties;
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-        "checked"?: any;
+        "checked"?: boolean | undefined;
         "defaultSelected"?: boolean;
         "disabled"?: boolean;
         "selectedAttribute"?: any;

package/v3/VwcOption/package.json

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

package/v3/VwcOptionTag/package.json

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

package/v3/VwcPagination/index.d.ts

@@ -22,7 +22,7 @@ declare const VwcPagination: {
         "shape"?: any;
         "navIcons"?: boolean;
         "total"?: number;
-        "selectedIndex"?: any;
+        "selectedIndex"?: number | undefined;
         "VIVID_VERSION"?: string;
         "componentName"?: string;
     }): JSX.Element;

package/v3/VwcPagination/package.json

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

package/v3/VwcPickerField/package.json

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