@vonage/vivid-react 3.5.2 → 5.19.0

package/v3/VwcSlider/index.js

@@ -271,7 +271,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Show current value on the thumb.",
+   "description": "Show current values on the thumbs.",
    "privacy": "public"
   },
   {
@@ -280,7 +280,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SliderConnotation | undefined"
    },
-   "description": "slider connotation",
+   "description": "The connotation of the component",
    "privacy": "public"
   },
   {
@@ -302,25 +302,18 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "field",
-   "name": "#onMouseOver",
+   "name": "#onVisibilityChange",
    "privacy": "private"
   },
   {
    "kind": "field",
-   "name": "#onMouseOut",
+   "name": "#onMouseOver",
    "privacy": "private"
   },
   {
    "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
-   "type": {
-    "text": "'delegate'"
-   },
-   "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
-   }
+   "name": "#onMouseOut",
+   "privacy": "private"
   },
   {
    "kind": "field",
@@ -589,7 +582,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Show current value on the thumb.",
+   "description": "Show current values on the thumbs.",
    "fieldName": "pin"
   },
   {
@@ -597,7 +590,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SliderConnotation | undefined"
    },
-   "description": "slider connotation",
+   "description": "The connotation of the component",
    "fieldName": "connotation"
   },
   {
@@ -692,12 +685,64 @@ Code in this file were generated using following JSON:
      "change"
     ],
     "valueMapping": "event.currentTarget.value"
+   },
+   {
+    "name": "valueAsNumber",
+    "propName": "valueAsNumber",
+    "eventNames": [
+     "change"
+    ],
+    "valueMapping": "event.currentTarget.valueAsNumber"
+   }
+  ]
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byLabel",
+    "args": [
+     "byLabel"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "slideTo",
+    "args": [
+     "slideTo",
+     "#track",
+     "#thumb"
+    ]
+   }
+  ],
+  "queries": [
+   {
+    "name": "valueAsNumber",
+    "args": [
+     "valueAsNumber"
+    ]
+   }
+  ],
+  "refs": [
+   {
+    "name": "track",
+    "args": [
+     "shadow",
+     ".control"
+    ]
+   },
+   {
+    "name": "thumb",
+    "args": [
+     "shadow",
+     ".thumb-container"
+    ]
    }
   ]
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerSlider } from '@vonage/vivid'
 
 registerSlider('vvd3')
@@ -705,7 +750,7 @@ registerSlider('vvd3')
 const VwcSlider = wrapper(`vvd3-slider`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['min', 'max', 'step', 'orientation', 'markers', 'connotation', 'pin', 'disabled', 'value', 'readOnly', 'valueAsNumber', 'valueTextFormatter', 'min', 'max', 'step', 'orientation', 'mode', 'markers', 'pin', 'connotation', '_vividAriaBehaviour', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
+    properties: ['min', 'max', 'step', 'orientation', 'markers', 'connotation', 'pin', 'disabled', 'value', 'readOnly', 'valueAsNumber', 'valueTextFormatter', 'min', 'max', 'step', 'orientation', 'mode', 'markers', 'pin', 'connotation', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcSlider.displayName = 'VwcSlider'

package/v3/VwcSlider/package.json

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

package/v3/VwcSplitButton/index.d.ts

@@ -3,19 +3,17 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/split-button
 * @param {HTMLButtonElement} _action - Action HTML button element
 * @param {HTMLButtonElement} _indicator - Indicator HTML button element
-* @param {SplitButtonConnotation | undefined} connotation - The connotation the split button should have. **attribute** `connotation`
-* @param {SplitButtonShape | undefined} shape - The shape the split button should have. **attribute** `shape`
-* @param {SplitButtonAppearance | undefined} appearance - The appearance the split button should have. **attribute** `appearance`
-* @param {SplitButtonSize | undefined} size - The size the split button should have. **attribute** `size`
+* @param {SplitButtonConnotation | undefined} connotation - Sets the connotation **attribute** `connotation`
+* @param {SplitButtonShape | undefined} shape - Sets the shape **attribute** `shape`
+* @param {SplitButtonAppearance | undefined} appearance - Sets the appearance **attribute** `appearance`
+* @param {SplitButtonSize | undefined} size - Sets the size **attribute** `size`
 * @param {string | undefined} label - Indicates the split button's label. **attribute** `label`
-* @param {string} splitIndicator - Indicates the split button's icon indicator. **attribute** `split-indicator`
-* @param {boolean} disabled - Indicates if the button is disabled. **attribute** `disabled`
+* @param {string} splitIndicator - Icon for the secondary action **attribute** `split-indicator`
+* @param {boolean} disabled - Sets the disabled state **attribute** `disabled`
 * @param {| string
-        | null} indicatorAriaLabel - Defines a string value that labels the indicator element.
-
-https://www.w3.org/TR/wai-aria-1.1/#aria-label **attribute** `indicator-aria-label`
-* @param {string | undefined} icon - A decorative icon the custom element should have. **attribute** `icon`
-* @param {'delegate'} _vividAriaBehaviour
+        | null} indicatorAriaLabel - Accessible label for the secondary action **attribute** `indicator-aria-label`
+* @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
@@ -23,27 +21,26 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcSplitButton: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onActionClick?: ((event: SyntheticEvent) => void) | undefined;
-        onIndicatorClick?: ((event: SyntheticEvent) => void) | undefined;
-        onClick?: ((event: SyntheticEvent) => void) | undefined;
-        _action?: any;
-        _indicator?: any;
-        connotation?: any;
-        shape?: any;
-        appearance?: any;
-        size?: any;
-        label?: string | undefined;
-        splitIndicator?: string | undefined;
-        disabled?: boolean | undefined;
-        indicatorAriaLabel?: any;
-        icon?: string | 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;
+        onActionClick?: (event: SyntheticEvent) => void;
+        onIndicatorClick?: (event: SyntheticEvent) => void;
+        onClick?: (event: SyntheticEvent) => void;
+        "_action"?: any;
+        "_indicator"?: any;
+        "connotation"?: any;
+        "shape"?: any;
+        "appearance"?: any;
+        "size"?: any;
+        "label"?: string | undefined;
+        "splitIndicator"?: string;
+        "disabled"?: boolean;
+        "indicatorAriaLabel"?: any;
+        "icon"?: string | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcSplitButton/index.js

@@ -40,6 +40,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-split-button-cta-faint",
    "default": "var(--vvd-color-cta-50)"
   },
+  {
+   "name": "--vvd-split-button-cta-fierce-primary",
+   "default": "var(--vvd-color-cta-700)"
+  },
   {
    "name": "--vvd-split-button-success-primary",
    "default": "var(--vvd-color-success-500)"
@@ -72,6 +76,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-split-button-success-faint",
    "default": "var(--vvd-color-success-50)"
   },
+  {
+   "name": "--vvd-split-button-success-fierce-primary",
+   "default": "var(--vvd-color-success-700)"
+  },
   {
    "name": "--vvd-split-button-alert-primary",
    "default": "var(--vvd-color-alert-500)"
@@ -104,6 +112,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-split-button-alert-faint",
    "default": "var(--vvd-color-alert-50)"
   },
+  {
+   "name": "--vvd-split-button-alert-fierce-primary",
+   "default": "var(--vvd-color-alert-700)"
+  },
   {
    "name": "--vvd-split-button-announcement-primary",
    "default": "var(--vvd-color-announcement-500)"
@@ -136,6 +148,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-split-button-announcement-faint",
    "default": "var(--vvd-color-announcement-50)"
   },
+  {
+   "name": "--vvd-split-button-announcement-fierce-primary",
+   "default": "var(--vvd-color-announcement-700)"
+  },
   {
    "name": "--vvd-split-button-accent-primary",
    "default": "var(--vvd-color-canvas-text)"
@@ -167,6 +183,10 @@ Code in this file were generated using following JSON:
   {
    "name": "--vvd-split-button-accent-faint",
    "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-split-button-accent-fierce-primary",
+   "default": "var(--vvd-color-canvas-text)"
   }
  ],
  "slots": [
@@ -220,7 +240,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SplitButtonConnotation | undefined"
    },
-   "description": "The connotation the split button should have.",
+   "description": "Sets the connotation",
    "privacy": "public"
   },
   {
@@ -229,7 +249,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SplitButtonShape | undefined"
    },
-   "description": "The shape the split button should have.",
+   "description": "Sets the shape",
    "privacy": "public"
   },
   {
@@ -238,7 +258,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SplitButtonAppearance | undefined"
    },
-   "description": "The appearance the split button should have.",
+   "description": "Sets the appearance",
    "privacy": "public"
   },
   {
@@ -247,7 +267,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SplitButtonSize | undefined"
    },
-   "description": "The size the split button should have.",
+   "description": "Sets the size",
    "privacy": "public"
   },
   {
@@ -266,7 +286,7 @@ Code in this file were generated using following JSON:
     "text": "string"
    },
    "default": "'chevron-down-line'",
-   "description": "Indicates the split button's icon indicator.",
+   "description": "Icon for the secondary action",
    "privacy": "public"
   },
   {
@@ -276,7 +296,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Indicates if the button is disabled.",
+   "description": "Sets the disabled state",
    "privacy": "public"
   },
   {
@@ -286,7 +306,7 @@ Code in this file were generated using following JSON:
     "text": "| string\n\t\t| null"
    },
    "default": "null",
-   "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
+   "description": "Accessible label for the secondary action",
    "privacy": "public"
   },
   {
@@ -295,25 +315,13 @@ 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",
     "module": "src/shared/patterns/affix.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",
@@ -364,7 +372,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SplitButtonConnotation | undefined"
    },
-   "description": "The connotation the split button should have.",
+   "description": "Sets the connotation",
    "fieldName": "connotation"
   },
   {
@@ -372,7 +380,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SplitButtonShape | undefined"
    },
-   "description": "The shape the split button should have.",
+   "description": "Sets the shape",
    "fieldName": "shape"
   },
   {
@@ -380,7 +388,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SplitButtonAppearance | undefined"
    },
-   "description": "The appearance the split button should have.",
+   "description": "Sets the appearance",
    "fieldName": "appearance"
   },
   {
@@ -388,7 +396,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SplitButtonSize | undefined"
    },
-   "description": "The size the split button should have.",
+   "description": "Sets the size",
    "fieldName": "size"
   },
   {
@@ -405,7 +413,7 @@ Code in this file were generated using following JSON:
     "text": "string"
    },
    "default": "'chevron-down-line'",
-   "description": "Indicates the split button's icon indicator.",
+   "description": "Icon for the secondary action",
    "fieldName": "splitIndicator"
   },
   {
@@ -414,7 +422,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Indicates if the button is disabled.",
+   "description": "Sets the disabled state",
    "fieldName": "disabled"
   },
   {
@@ -423,7 +431,7 @@ Code in this file were generated using following JSON:
     "text": "| string\n\t\t| null"
    },
    "default": "null",
-   "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
+   "description": "Accessible label for the secondary action",
    "fieldName": "indicatorAriaLabel"
   },
   {
@@ -431,7 +439,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",
@@ -460,10 +468,53 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "split-button"
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byLabel",
+    "args": [
+     "byLabel"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "clickAction",
+    "args": [
+     "click",
+     "#actionButton"
+    ]
+   },
+   {
+    "name": "clickIndicator",
+    "args": [
+     "click",
+     "#indicatorButton"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": [
+   {
+    "name": "actionButton",
+    "args": [
+     "shadow",
+     "button.control"
+    ]
+   },
+   {
+    "name": "indicatorButton",
+    "args": [
+     "shadow",
+     "button.indicator"
+    ]
+   }
+  ]
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerSplitButton } from '@vonage/vivid'
 
 registerSplitButton('vvd3')
@@ -471,7 +522,7 @@ registerSplitButton('vvd3')
 const VwcSplitButton = wrapper(`vvd3-split-button`,  {
     events: [{"name":"click","propName":"onClick"},{"name":"indicator-click","propName":"onIndicatorClick"},{"name":"action-click","propName":"onActionClick"}],
     attributes: [],
-    properties: ['_action', '_indicator', 'connotation', 'shape', 'appearance', 'size', 'label', 'splitIndicator', 'disabled', 'indicatorAriaLabel', 'icon', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['_action', '_indicator', 'connotation', 'shape', 'appearance', 'size', 'label', 'splitIndicator', 'disabled', 'indicatorAriaLabel', 'icon', 'VIVID_VERSION', 'componentName']
 })
 
 VwcSplitButton.displayName = 'VwcSplitButton'

package/v3/VwcSplitButton/package.json

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

package/v3/VwcStatus/index.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+/** VwcStatus
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/status
+* @param {string | undefined} status - The status title (e.g. "Positive", "Info", "Warning", "Alert"). **attribute** `status`
+* @param {StatusConnotation | undefined} connotation - The connotation; determines icon and color. **attribute** `connotation`
+* @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
+*/
+declare const VwcStatus: {
+    (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "status"?: string | undefined;
+        "connotation"?: any;
+        "icon"?: string | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcStatus;