@vonage/vivid-react 4.0.0 → 5.19.0

package/v3/VwcStatus/index.js

@@ -0,0 +1,189 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "Status",
+ "cssProperties": [
+  {
+   "name": "--vvd-status-information-intermediate",
+   "default": "var(--vvd-color-information-500)"
+  },
+  {
+   "name": "--vvd-status-information-faint",
+   "default": "var(--vvd-color-information-50)"
+  },
+  {
+   "name": "--vvd-status-information-fierce",
+   "default": "var(--vvd-color-information-700)"
+  },
+  {
+   "name": "--vvd-status-warning-intermediate",
+   "default": "var(--vvd-color-warning-300)"
+  },
+  {
+   "name": "--vvd-status-warning-faint",
+   "default": "var(--vvd-color-warning-50)"
+  },
+  {
+   "name": "--vvd-status-warning-fierce",
+   "default": "var(--vvd-color-warning-700)"
+  },
+  {
+   "name": "--vvd-status-alert-intermediate",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-status-alert-faint",
+   "default": "var(--vvd-color-alert-50)"
+  },
+  {
+   "name": "--vvd-status-alert-fierce",
+   "default": "var(--vvd-color-alert-700)"
+  },
+  {
+   "name": "--vvd-status-success-intermediate",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-status-success-faint",
+   "default": "var(--vvd-color-success-50)"
+  },
+  {
+   "name": "--vvd-status-success-fierce",
+   "default": "var(--vvd-color-success-700)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Description text below the title.",
+   "name": ""
+  },
+  {
+   "description": "Optional custom icon. When not set, icon is derived from connotation.",
+   "name": "icon"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "status",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "The status title (e.g. \"Positive\", \"Info\", \"Warning\", \"Alert\").",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "StatusConnotation | undefined"
+   },
+   "description": "The connotation; determines icon and color.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "AffixIcon",
+    "module": "src/shared/patterns/affix.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": [
+  {
+   "name": "status",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "The status title (e.g. \"Positive\", \"Info\", \"Warning\", \"Alert\").",
+   "fieldName": "status"
+  },
+  {
+   "name": "connotation",
+   "type": {
+    "text": "StatusConnotation | undefined"
+   },
+   "description": "The connotation; determines icon and color.",
+   "fieldName": "connotation"
+  },
+  {
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
+   "fieldName": "icon",
+   "inheritedFrom": {
+    "name": "AffixIcon",
+    "module": "src/shared/patterns/affix.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "AffixIcon",
+   "module": "/src/shared/patterns"
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "status"
+ }
+}
+*/
+import wrapper from '@repo/react-component-wrapper'
+import { registerStatus } from '@vonage/vivid'
+
+registerStatus('vvd3')
+
+const VwcStatus = wrapper(`vvd3-status`,  {
+    events: [],
+    attributes: [],
+    properties: ['status', 'connotation', 'icon', 'VIVID_VERSION', 'componentName']
+})
+
+VwcStatus.displayName = 'VwcStatus'
+
+export default VwcStatus

package/v3/VwcStatus/package.json

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

package/v3/VwcSwitch/index.d.ts

@@ -6,11 +6,10 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} disabled  **attribute** `disabled`
 * @param {string | undefined} value  **attribute** `current-value`
 * @param {string | undefined} name  **attribute** `name`
-* @param {string | undefined} label - Indicates the switch's label. **attribute** `label`
-* @param {SwitchConnotation | undefined} connotation - Indicates the switch's connotation. **attribute** `connotation`
+* @param {string | undefined} label - Provides the label for the Switch **attribute** `label`
+* @param {SwitchConnotation | undefined} connotation - Controls the color of the Switch **attribute** `connotation`
 * @param {boolean} readOnly - When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information. **attribute** `readonly`
 * @param {boolean} checked - The current checkedness of the element. **attribute** `current-checked`
-* @param {'delegate'} _vividAriaBehaviour
 * @param {boolean} defaultChecked - The default checkedness of the element. This value sets the `checked` property
 only when the `checked` property has not been explicitly set. **attribute** `checked`
 * @param  checkedAttribute
@@ -29,29 +28,29 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcSwitch: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onChange?: ((event: SyntheticEvent) => void) | undefined;
-        onClick?: ((event: SyntheticEvent) => void) | undefined;
-        checked?: boolean | undefined;
-        readonly?: boolean | undefined;
-        disabled?: boolean | undefined;
-        value?: string | undefined;
-        name?: string | undefined;
-        label?: string | undefined;
-        connotation?: any;
-        readOnly?: boolean | undefined;
-        _vividAriaBehaviour?: any;
-        defaultChecked?: boolean | undefined;
-        checkedAttribute?: any;
-        currentChecked?: any;
-        currentValue?: any;
-        initialValue?: string | undefined;
-        required?: boolean | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onChange?: (event: SyntheticEvent) => void;
+        onClick?: (event: SyntheticEvent) => void;
+        onChange?: (event: SyntheticEvent) => void;
+        "checked"?: boolean;
+        "readonly"?: boolean;
+        "disabled"?: boolean;
+        "value"?: string | undefined;
+        "name"?: string | undefined;
+        "label"?: string | undefined;
+        "connotation"?: any;
+        "readOnly"?: boolean;
+        "defaultChecked"?: boolean;
+        "checkedAttribute"?: any;
+        "currentChecked"?: any;
+        "currentValue"?: any;
+        "initialValue"?: string;
+        "required"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcSwitch/index.js

@@ -136,7 +136,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Indicates the switch's label.",
+   "description": "Provides the label for the Switch",
    "privacy": "public"
   },
   {
@@ -145,7 +145,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SwitchConnotation | undefined"
    },
-   "description": "Indicates the switch's connotation.",
+   "description": "Controls the color of the Switch",
    "privacy": "public"
   },
   {
@@ -170,18 +170,6 @@ Code in this file were generated using following JSON:
     "module": "src/shared/foundation/form-associated/form-associated.ts"
    }
   },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
-   "type": {
-    "text": "'delegate'"
-   },
-   "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "defaultChecked",
@@ -418,7 +406,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Indicates the switch's label.",
+   "description": "Provides the label for the Switch",
    "fieldName": "label"
   },
   {
@@ -426,7 +414,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SwitchConnotation | undefined"
    },
-   "description": "Indicates the switch's connotation.",
+   "description": "Controls the color of the Switch",
    "fieldName": "connotation"
   },
   {
@@ -606,7 +594,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 { registerSwitch } from '@vonage/vivid'
 
 registerSwitch('vvd3')
@@ -614,7 +602,7 @@ registerSwitch('vvd3')
 const VwcSwitch = wrapper(`vvd3-switch`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"click","propName":"onClick"}],
     attributes: [],
-    properties: ['checked', 'readonly', 'disabled', 'value', 'name', 'label', 'connotation', 'readOnly', 'checked', '_vividAriaBehaviour', 'defaultChecked', 'checkedAttribute', 'currentChecked', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
+    properties: ['checked', 'readonly', 'disabled', 'value', 'name', 'label', 'connotation', 'readOnly', 'checked', 'defaultChecked', 'checkedAttribute', 'currentChecked', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcSwitch.displayName = 'VwcSwitch'

package/v3/VwcSwitch/package.json

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

package/v3/VwcTab/index.d.ts

@@ -7,9 +7,9 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | undefined} label - Indicates the tab's label. **attribute** `label`
 * @param {boolean} removable - Adds a close button **attribute** `removable`
 * @param {number} tabIndex  **attribute** `tabIndex`
-* @param {'host'} _vividAriaBehaviour
 * @param {boolean} iconTrailing - Indicates the icon affix alignment. **attribute** `icon-trailing`
-* @param {string | undefined} icon - A decorative icon the custom element should have. **attribute** `icon`
+* @param {string | undefined} icon - A decorative icon the custom element should have. See the [Vivid Icon
+Gallery](/icons/icons-gallery/) for available icons and `icon-name`s **attribute** `icon`
 * @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
@@ -17,22 +17,21 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcTab: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onClick?: ((event: SyntheticEvent) => void) | undefined;
-        disabled?: boolean | undefined;
-        connotation?: any;
-        shape?: any;
-        label?: string | undefined;
-        removable?: boolean | undefined;
-        tabIndex?: number | undefined;
-        _vividAriaBehaviour?: any;
-        iconTrailing?: boolean | undefined;
-        icon?: string | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onClick?: (event: SyntheticEvent) => void;
+        "disabled"?: boolean;
+        "connotation"?: any;
+        "shape"?: any;
+        "label"?: string | undefined;
+        "removable"?: boolean;
+        "tabIndex"?: number;
+        "iconTrailing"?: boolean;
+        "icon"?: string | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTab/index.js

@@ -118,42 +118,6 @@ Code in this file were generated using following JSON:
    },
    "default": "'-1' as unknown"
   },
-  {
-   "kind": "method",
-   "name": "_handleCloseClick",
-   "parameters": [
-    {
-     "name": "e",
-     "type": {
-      "text": "Event"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "method",
-   "name": "_onKeyDown",
-   "parameters": [
-    {
-     "name": "e",
-     "type": {
-      "text": "KeyboardEvent"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'host'",
-   "type": {
-    "text": "'host'"
-   },
-   "inheritedFrom": {
-    "name": "HostSemantics",
-    "module": "src/shared/aria/host-semantics.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "iconTrailing",
@@ -174,7 +138,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "A decorative icon the custom element should have.",
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
    "privacy": "public",
    "inheritedFrom": {
     "name": "AffixIcon",
@@ -277,7 +241,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "A decorative icon the custom element should have.",
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
    "fieldName": "icon",
    "inheritedFrom": {
     "name": "AffixIcon",
@@ -353,7 +317,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 { registerTab } from '@vonage/vivid'
 
 registerTab('vvd3')
@@ -361,7 +325,7 @@ registerTab('vvd3')
 const VwcTab = wrapper(`vvd3-tab`,  {
     events: [{"name":"click","propName":"onClick"}],
     attributes: [],
-    properties: ['disabled', 'connotation', 'shape', 'label', 'removable', 'tabIndex', '_vividAriaBehaviour', 'iconTrailing', 'icon', 'VIVID_VERSION', 'componentName']
+    properties: ['disabled', 'connotation', 'shape', 'label', 'removable', 'tabIndex', 'iconTrailing', 'icon', 'VIVID_VERSION', 'componentName']
 })
 
 VwcTab.displayName = 'VwcTab'

package/v3/VwcTab/package.json

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

package/v3/VwcTabPanel/index.d.ts

@@ -1,7 +1,6 @@
 import React, { ReactNode } from 'react';
 /** VwcTabPanel
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tab-panel
-* @param {'host'} _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
@@ -9,13 +8,12 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcTabPanel: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        _vividAriaBehaviour?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        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;
 };

package/v3/VwcTabPanel/index.js

@@ -28,18 +28,6 @@ Code in this file were generated using following JSON:
   "name": "tab-panel"
  },
  "members": [
-  {
-   "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'host'",
-   "type": {
-    "text": "'host'"
-   },
-   "inheritedFrom": {
-    "name": "HostSemantics",
-    "module": "src/shared/aria/host-semantics.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "VIVID_VERSION",
@@ -70,7 +58,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 { registerTabPanel } from '@vonage/vivid'
 
 registerTabPanel('vvd3')
@@ -78,7 +66,7 @@ registerTabPanel('vvd3')
 const VwcTabPanel = wrapper(`vvd3-tab-panel`,  {
     events: [],
     attributes: [],
-    properties: ['_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['VIVID_VERSION', 'componentName']
 })
 
 VwcTabPanel.displayName = 'VwcTabPanel'

package/v3/VwcTabPanel/package.json

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

package/v3/VwcTable/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+/** VwcTable
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/table
+* @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 VwcTable: {
+    (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 VwcTable;