@vonage/vivid-react 3.3.0 → 3.4.0

package/v3/VwcVividFoundationButton/index.js

@@ -0,0 +1,296 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "A Button Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element .",
+ "name": "VividFoundationButton",
+ "cssParts": [
+  {
+   "description": "The button element",
+   "name": "control"
+  },
+  {
+   "description": "The element wrapping button content",
+   "name": "content"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "autofocus",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "public",
+   "description": "Determines if the element should receive document focus on page load."
+  },
+  {
+   "kind": "field",
+   "name": "formId",
+   "type": {
+    "text": "string"
+   },
+   "privacy": "public",
+   "description": "The id of a form to associate the element to."
+  },
+  {
+   "kind": "field",
+   "name": "formaction",
+   "type": {
+    "text": "string"
+   },
+   "privacy": "public",
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details."
+  },
+  {
+   "kind": "method",
+   "name": "formactionChanged",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "formenctype",
+   "type": {
+    "text": "string"
+   },
+   "privacy": "public",
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details."
+  },
+  {
+   "kind": "method",
+   "name": "formenctypeChanged",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "formmethod",
+   "type": {
+    "text": "string"
+   },
+   "privacy": "public",
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details."
+  },
+  {
+   "kind": "method",
+   "name": "formmethodChanged",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "formnovalidate",
+   "type": {
+    "text": "boolean"
+   },
+   "privacy": "public",
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details."
+  },
+  {
+   "kind": "method",
+   "name": "formnovalidateChanged",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "formtarget",
+   "type": {
+    "text": "'_self' | '_blank' | '_parent' | '_top'"
+   },
+   "privacy": "public",
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details."
+  },
+  {
+   "kind": "method",
+   "name": "formtargetChanged",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "type",
+   "type": {
+    "text": "'submit' | 'reset' | 'button'"
+   },
+   "privacy": "public",
+   "description": "The button type."
+  },
+  {
+   "kind": "method",
+   "name": "typeChanged",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "previous",
+     "type": {
+      "text": "'submit' | 'reset' | 'button' | void"
+     }
+    },
+    {
+     "name": "next",
+     "type": {
+      "text": "'submit' | 'reset' | 'button'"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "validate",
+   "privacy": "public",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "description": "{@inheritDoc (FormAssociated:interface).validate}"
+  },
+  {
+   "kind": "field",
+   "name": "handleSubmission",
+   "privacy": "private",
+   "description": "Submits the parent form"
+  },
+  {
+   "kind": "field",
+   "name": "handleFormReset",
+   "privacy": "private",
+   "description": "Resets the parent form"
+  },
+  {
+   "kind": "field",
+   "name": "control",
+   "type": {
+    "text": "HTMLButtonElement"
+   },
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "handleUnsupportedDelegatesFocus",
+   "privacy": "private",
+   "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"
+  },
+  {
+   "kind": "field",
+   "name": "proxy",
+   "inheritedFrom": {
+    "name": "FormAssociatedButton",
+    "module": "libs/components/src/shared/foundation/button/button.form-associated.ts"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Determines if the element should receive document focus on page load.",
+   "fieldName": "autofocus"
+  },
+  {
+   "name": "form",
+   "type": {
+    "text": "string"
+   },
+   "description": "The id of a form to associate the element to.",
+   "fieldName": "formId"
+  },
+  {
+   "name": "formaction",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "fieldName": "formaction"
+  },
+  {
+   "name": "formenctype",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "fieldName": "formenctype"
+  },
+  {
+   "name": "formmethod",
+   "type": {
+    "text": "string"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "fieldName": "formmethod"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "fieldName": "formnovalidate"
+  },
+  {
+   "name": "formtarget",
+   "type": {
+    "text": "'_self' | '_blank' | '_parent' | '_top'"
+   },
+   "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.",
+   "fieldName": "formtarget"
+  },
+  {
+   "name": "type",
+   "type": {
+    "text": "'submit' | 'reset' | 'button'"
+   },
+   "description": "The button type.",
+   "fieldName": "type"
+  }
+ ],
+ "superclass": {
+  "name": "FormAssociatedButton",
+  "module": "/libs/components/src/shared/foundation/button/button.form-associated"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerVividFoundationButton } from '@vonage/vivid'
+
+registerVividFoundationButton('vvd3')
+
+const VwcVividFoundationButton = wrapper(`vvd3-vivid-foundation-button`,  {
+    events: [],
+    attributes: [],
+    properties: ['autofocus', 'formId', 'formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget', 'type', 'control', 'proxy']
+})
+
+VwcVividFoundationButton.displayName = 'VwcVividFoundationButton'
+
+export default VwcVividFoundationButton

package/v3/VwcVividFoundationButton/package.json

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

package/v3/VwcAppearanceUi/index.d.ts

@@ -1,29 +0,0 @@
-import React, { ReactNode } from 'react';
-/** VwcAppearanceUi
-* For more info on this Vivid element please visit https://vivid.deno.dev/components/appearance-ui
-* @param {AppearanceUIAppearance | undefined} appearance - The appearance. **attribute** `appearance`
-* @param {boolean} hovered - Displays the hover state via class **attribute** `hovered`
-* @param {boolean} active - Displays the active state via class **attribute** `active`
-* @param {boolean} selected - Displays the selected state via class **attribute** `selected`
-* @param {boolean} disabled - Displays the disabled state **attribute** `disabled`
-* @param {boolean} readonly - Displays the disabled state **attribute** `readonly`
-* @param {string | undefined} text - Indicates the text's text. **attribute** `text`
-*/
-declare const VwcAppearanceUi: {
-    (props: {
-        children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        appearance?: any;
-        hovered?: boolean | undefined;
-        active?: boolean | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-        readonly?: boolean | undefined;
-        text?: string | undefined;
-    }): JSX.Element;
-    displayName: string;
-};
-export default VwcAppearanceUi;