@vonage/vivid-react 3.4.1 → 3.5.0

package/v3/VwcFab/index.js

@@ -83,7 +83,7 @@ Code in this file were generated using following JSON:
  ],
  "slots": [
   {
-   "description": "Slot to add an icon to fab.",
+   "description": "The preferred way to add an icon to the component.",
    "name": "icon"
   }
  ],
@@ -115,6 +115,33 @@ Code in this file were generated using following JSON:
    "description": "Indicates the fab's label.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "iconTrailing",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates the icon affix alignment.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "AffixIconWithTrailing",
+    "module": "src/shared/patterns/affix.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "A decorative icon the custom element should have.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "AffixIcon",
+    "module": "src/shared/patterns/affix.ts"
+   }
+  },
   {
    "kind": "field",
    "name": "autofocus",
@@ -125,7 +152,7 @@ Code in this file were generated using following JSON:
    "description": "Determines if the element should receive document focus on page load.",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -138,7 +165,7 @@ Code in this file were generated using following JSON:
    "description": "The id of a form to associate the element to.",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -151,7 +178,7 @@ Code in this file were generated using following JSON:
    "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -165,7 +192,7 @@ Code in this file were generated using following JSON:
    },
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -178,7 +205,7 @@ Code in this file were generated using following JSON:
    "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -192,7 +219,7 @@ Code in this file were generated using following JSON:
    },
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -205,7 +232,7 @@ Code in this file were generated using following JSON:
    "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -219,7 +246,7 @@ Code in this file were generated using following JSON:
    },
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -232,7 +259,7 @@ Code in this file were generated using following JSON:
    "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -246,7 +273,7 @@ Code in this file were generated using following JSON:
    },
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -259,7 +286,7 @@ Code in this file were generated using following JSON:
    "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -273,7 +300,7 @@ Code in this file were generated using following JSON:
    },
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -286,7 +313,7 @@ Code in this file were generated using following JSON:
    "description": "The button type.",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -314,7 +341,7 @@ Code in this file were generated using following JSON:
    ],
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -329,7 +356,7 @@ Code in this file were generated using following JSON:
    "description": "{@inheritDoc (FormAssociated:interface).validate}",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -339,7 +366,7 @@ Code in this file were generated using following JSON:
    "description": "Submits the parent form",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -349,7 +376,7 @@ Code in this file were generated using following JSON:
    "description": "Resets the parent form",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -361,7 +388,7 @@ Code in this file were generated using following JSON:
    "privacy": "public",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -371,15 +398,209 @@ Code in this file were generated using following JSON:
    "description": "Overrides the focus call for where delegatesFocus is unsupported.\nThis check works for Chrome, Edge Chromium, FireFox, and Safari\nRelevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'delegate'",
+   "type": {
+    "text": "'delegate'"
+   },
+   "inheritedFrom": {
+    "name": "DelegatesAria",
+    "module": "src/shared/aria/delegates-aria.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "validity",
+   "type": {
+    "text": "ValidityState"
+   },
+   "description": "Returns the validity state of the element",
+   "readonly": true,
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "form",
+   "type": {
+    "text": "HTMLFormElement | null"
+   },
+   "description": "Retrieve a reference to the associated form.\nReturns null if not associated to any form.",
+   "readonly": true,
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "validationMessage",
+   "type": {
+    "text": "string"
+   },
+   "description": "Retrieve the localized validation message,\nor custom validation message if set.",
+   "readonly": true,
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "willValidate",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Whether the element will be validated when the\nform is submitted",
+   "readonly": true,
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "labels",
+   "type": {
+    "text": "ReadonlyArray<Node>"
+   },
+   "description": "A reference to all associated label elements",
+   "readonly": true,
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "value",
+   "type": {
+    "text": "string"
+   },
+   "description": "The current value of the element.",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "currentValue",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "initialValue",
+   "type": {
+    "text": "string"
+   },
+   "description": "The default value of the element. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "disabled",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Sets the element's disabled state. A disabled element will not be included during form submission.",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "name",
+   "type": {
+    "text": "string"
+   },
+   "description": "The name of the element. This element's value will be surfaced during form submission under the provided name.",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
    }
   },
   {
    "kind": "field",
-   "name": "proxy",
+   "name": "required",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Require the field to be completed prior to form submission.",
+   "default": "false",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "checkValidity",
+   "return": {
+    "type": {
+     "text": "boolean"
+    }
+   },
+   "description": "Return the current validity of the element.",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "reportValidity",
+   "return": {
+    "type": {
+     "text": "boolean"
+    }
+   },
+   "description": "Return the current validity of the element.\nIf false, fires an invalid event at the element.",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.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": "FormAssociatedButton",
-    "module": "libs/components/src/shared/foundation/button/button.form-associated.ts"
+    "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"
    }
   }
  ],
@@ -409,6 +630,32 @@ Code in this file were generated using following JSON:
    "fieldName": "label"
   },
   {
+   "name": "icon-trailing",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates the icon affix alignment.",
+   "fieldName": "iconTrailing",
+   "inheritedFrom": {
+    "name": "AffixIconWithTrailing",
+    "module": "src/shared/patterns/affix.ts"
+   }
+  },
+  {
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "A decorative icon the custom element should have.",
+   "fieldName": "icon",
+   "inheritedFrom": {
+    "name": "AffixIcon",
+    "module": "src/shared/patterns/affix.ts"
+   }
+  },
+  {
+   "name": "autofocus",
    "type": {
     "text": "boolean"
    },
@@ -416,7 +663,7 @@ Code in this file were generated using following JSON:
    "fieldName": "autofocus",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -428,7 +675,7 @@ Code in this file were generated using following JSON:
    "fieldName": "formId",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -440,7 +687,7 @@ Code in this file were generated using following JSON:
    "fieldName": "formaction",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -452,7 +699,7 @@ Code in this file were generated using following JSON:
    "fieldName": "formenctype",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -464,7 +711,19 @@ Code in this file were generated using following JSON:
    "fieldName": "formmethod",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "name": "formnovalidate",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "fieldName": "formnovalidate",
+   "inheritedFrom": {
+    "name": "VividFoundationButton",
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -476,7 +735,7 @@ Code in this file were generated using following JSON:
    "fieldName": "formtarget",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
    }
   },
   {
@@ -488,13 +747,81 @@ Code in this file were generated using following JSON:
    "fieldName": "type",
    "inheritedFrom": {
     "name": "VividFoundationButton",
-    "module": "libs/components/src/shared/foundation/button/button.ts"
+    "module": "src/shared/foundation/button/button.ts"
+   }
+  },
+  {
+   "name": "current-value",
+   "type": {
+    "text": "string"
+   },
+   "description": "The current value of the element.",
+   "fieldName": "value",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "name": "value",
+   "type": {
+    "text": "string"
+   },
+   "description": "The default value of the element. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
+   "fieldName": "initialValue",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
    }
+  },
+  {
+   "name": "disabled",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Sets the element's disabled state. A disabled element will not be included during form submission.",
+   "fieldName": "disabled",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "name": "name",
+   "type": {
+    "text": "string"
+   },
+   "description": "The name of the element. This element's value will be surfaced during form submission under the provided name.",
+   "fieldName": "name",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  },
+  {
+   "name": "required",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Require the field to be completed prior to form submission.",
+   "default": "false",
+   "fieldName": "required",
+   "inheritedFrom": {
+    "name": "FormAssociated",
+    "module": "src/shared/foundation/form-associated/form-associated.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "AffixIconWithTrailing",
+   "module": "/src/shared/patterns/affix"
   }
  ],
  "superclass": {
   "name": "VividFoundationButton",
-  "module": "/libs/components/src/shared/foundation/button"
+  "module": "/src/shared/foundation/button"
  },
  "vividComponent": {
   "public": true,
@@ -510,7 +837,7 @@ registerFab('vvd3')
 const VwcFab = wrapper(`vvd3-fab`,  {
     events: [],
     attributes: [],
-    properties: ['connotation', 'size', 'label', 'autofocus', 'formId', 'formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget', 'type', 'control', 'proxy']
+    properties: ['connotation', 'size', 'label', 'iconTrailing', 'icon', 'autofocus', 'formId', 'formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget', 'type', 'control', '_vividAriaBehaviour', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcFab.displayName = 'VwcFab'

package/v3/VwcFab/package.json

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

package/v3/VwcFeedbackMessage/index.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+/** Renders a feedback message of the given type. When type='none', nothing is rendered.
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/feedback-message
+* @param {FeedbackType} type  **attribute** `type`
+* @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 VwcFeedbackMessage: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        type?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
+        specialHandling?: boolean | undefined;
+        _vividAriaBehaviour?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcFeedbackMessage;