@vonage/vivid-react 3.2.0 → 3.3.1

package/v3/VwcBadge/index.js

@@ -36,6 +36,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-cta-fierce",
    "default": "var(--vvd-color-cta-700)"
   },
+  {
+   "name": "--vvd-badge-cta-fierce-primary",
+   "default": "var(--vvd-color-cta-700)"
+  },
+  {
+   "name": "--vvd-badge-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
+  },
   {
    "name": "--vvd-badge-cta-firm-all",
    "default": "var(--vvd-color-cta-600)"
@@ -68,6 +76,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-success-fierce",
    "default": "var(--vvd-color-success-700)"
   },
+  {
+   "name": "--vvd-badge-success-fierce-primary",
+   "default": "var(--vvd-color-success-700)"
+  },
+  {
+   "name": "--vvd-badge-success-firm",
+   "default": "var(--vvd-color-success-600)"
+  },
   {
    "name": "--vvd-badge-success-firm-all",
    "default": "var(--vvd-color-success-600)"
@@ -100,6 +116,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-alert-fierce",
    "default": "var(--vvd-color-alert-700)"
   },
+  {
+   "name": "--vvd-badge-alert-fierce-primary",
+   "default": "var(--vvd-color-alert-700)"
+  },
+  {
+   "name": "--vvd-badge-alert-firm",
+   "default": "var(--vvd-color-alert-600)"
+  },
   {
    "name": "--vvd-badge-alert-firm-all",
    "default": "var(--vvd-color-alert-600)"
@@ -132,6 +156,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-warning-fierce",
    "default": "var(--vvd-color-warning-700)"
   },
+  {
+   "name": "--vvd-badge-warning-fierce-primary",
+   "default": "var(--vvd-color-warning-300)"
+  },
+  {
+   "name": "--vvd-badge-warning-firm",
+   "default": "var(--vvd-color-warning-600)"
+  },
   {
    "name": "--vvd-badge-warning-firm-all",
    "default": "var(--vvd-color-warning-600)"
@@ -164,6 +196,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-information-fierce",
    "default": "var(--vvd-color-information-700)"
   },
+  {
+   "name": "--vvd-badge-information-fierce-primary",
+   "default": "var(--vvd-color-information-700)"
+  },
+  {
+   "name": "--vvd-badge-information-firm",
+   "default": "var(--vvd-color-information-600)"
+  },
   {
    "name": "--vvd-badge-information-firm-all",
    "default": "var(--vvd-color-information-600)"
@@ -196,6 +236,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-announcement-fierce",
    "default": "var(--vvd-color-announcement-700)"
   },
+  {
+   "name": "--vvd-badge-announcement-fierce-primary",
+   "default": "var(--vvd-color-announcement-700)"
+  },
+  {
+   "name": "--vvd-badge-announcement-firm",
+   "default": "var(--vvd-color-announcement-600)"
+  },
   {
    "name": "--vvd-badge-announcement-firm-all",
    "default": "var(--vvd-color-announcement-600)"
@@ -228,6 +276,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-accent-fierce",
    "default": "var(--vvd-color-neutral-700)"
   },
+  {
+   "name": "--vvd-badge-accent-fierce-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-badge-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
   {
    "name": "--vvd-badge-accent-firm-all",
    "default": "var(--vvd-color-neutral-600)"
@@ -312,8 +368,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationElement",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,

package/v3/VwcBadge/package.json

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

package/v3/VwcBanner/index.js

@@ -205,8 +205,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationElement",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,

package/v3/VwcBanner/package.json

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

package/v3/VwcBaseProgress/index.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+/** An Progress HTML Element.
+Implements the https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar .
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/base-progress
+* @param {number | null} value - The value of the progress **attribute** `value`
+* @param {number} min - The minimum value **attribute** `min`
+* @param {number} max - The maximum value **attribute** `max`
+* @param {boolean} paused - Indicates the progress is paused **attribute** `paused`
+*/
+declare const VwcBaseProgress: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        value?: number | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
+        paused?: boolean | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcBaseProgress;

package/v3/VwcBaseProgress/index.js

@@ -0,0 +1,108 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "An Progress HTML Element.\nImplements the https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar .",
+ "name": "BaseProgress",
+ "members": [
+  {
+   "kind": "field",
+   "name": "value",
+   "type": {
+    "text": "number | null"
+   },
+   "description": "The value of the progress",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "min",
+   "type": {
+    "text": "number"
+   },
+   "description": "The minimum value",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "max",
+   "type": {
+    "text": "number"
+   },
+   "description": "The maximum value",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "maxChanged",
+   "privacy": "private",
+   "description": ""
+  },
+  {
+   "kind": "field",
+   "name": "paused",
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Indicates the progress is paused",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "updatePercentComplete",
+   "privacy": "private"
+  }
+ ],
+ "attributes": [
+  {
+   "type": {
+    "text": "number | null"
+   },
+   "description": "The value of the progress",
+   "fieldName": "value"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "The minimum value",
+   "fieldName": "min"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "The maximum value",
+   "fieldName": "max"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "description": "Indicates the progress is paused",
+   "fieldName": "paused"
+  }
+ ],
+ "superclass": {
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerBaseProgress } from '@vonage/vivid'
+
+registerBaseProgress('vvd3')
+
+const VwcBaseProgress = wrapper(`vvd3-base-progress`,  {
+    events: [],
+    attributes: [],
+    properties: ['value', 'min', 'max', 'paused']
+})
+
+VwcBaseProgress.displayName = 'VwcBaseProgress'
+
+export default VwcBaseProgress

package/v3/VwcBaseProgress/package.json

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

package/v3/VwcBreadcrumb/index.js

@@ -13,9 +13,69 @@ Code in this file were generated using following JSON:
    "name": ""
   }
  ],
+ "members": [
+  {
+   "kind": "method",
+   "name": "setItemSeparator",
+   "privacy": "private",
+   "parameters": [
+    {
+     "name": "item",
+     "type": {
+      "text": "HTMLElement"
+     }
+    },
+    {
+     "name": "isLastNode",
+     "type": {
+      "text": "boolean"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "findChildWithHref",
+   "privacy": "private",
+   "return": {
+    "type": {
+     "text": "HTMLElement | null"
+    }
+   },
+   "parameters": [
+    {
+     "name": "node",
+     "type": {
+      "text": "HTMLElement"
+     }
+    }
+   ],
+   "description": "Finds href on childnodes in the light DOM or shadow DOM.\nWe look in the shadow DOM because we insert an anchor when breadcrumb-item has an href."
+  },
+  {
+   "kind": "method",
+   "name": "setAriaCurrent",
+   "privacy": "private",
+   "parameters": [
+    {
+     "name": "item",
+     "type": {
+      "text": "HTMLElement"
+     }
+    },
+    {
+     "name": "isLastNode",
+     "type": {
+      "text": "boolean"
+     }
+    }
+   ],
+   "description": "Sets ARIA Current for the current node\nIf child node with an anchor tag and with href is found then set aria-current to correct value for the child node,\notherwise apply aria-current to the host element, with an href"
+  }
+ ],
  "superclass": {
-  "name": "FoundationElement",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,

package/v3/VwcBreadcrumb/package.json

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

package/v3/VwcBreadcrumbItem/index.js

@@ -26,8 +26,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FastBreadcrumbItem",
-  "package": "@microsoft/fast-foundation"
+  "name": "VividElement",
+  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,

package/v3/VwcBreadcrumbItem/package.json

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

package/v3/VwcButton/index.d.ts

@@ -1,13 +1,14 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcButton
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/button
-* @param {string} title  **attribute** `title`
+* @param {string} title - Specifies extra information about the button. This information is typically used by browsers to display a tooltip. **attribute** `title`
 * @param {ButtonConnotation | undefined} connotation - The connotation the button should have. **attribute** `connotation`
 * @param {ButtonShape | undefined} shape - The shape the button should have. **attribute** `shape`
 * @param {ButtonAppearance | undefined} appearance - The appearance the button should have. **attribute** `appearance`
 * @param {ButtonSize | undefined} size - The size the button should have. **attribute** `size`
 * @param {boolean} stacked - Indicates the icon is stacked. **attribute** `stacked`
 * @param {boolean} pending - Displays the button in pending state. **attribute** `pending`
+* @param {boolean} dropdownIndicator - Display a chevron to indicate that the button opens a dropdown. **attribute** `dropdown-indicator`
 * @param {boolean} active - Displays the button in active state. **attribute** `active`
 * @param {string | undefined} label - Indicates the button's label. **attribute** `label`
 * @param {string | undefined} href - Indicates the button's href. **attribute** `href`
@@ -17,9 +18,19 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | undefined} referrerpolicy - Indicates the button's referrerpolicy. **attribute** `referrerpolicy`
 * @param {string | undefined} rel - Indicates the button's rel. **attribute** `rel`
 * @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - Indicates the target's rel. **attribute** `target`
+* @param {boolean} autofocus - Determines if the element should receive document focus on page load.
+* @param {string} formId - The id of a form to associate the element to. **attribute** `form`
+* @param {string} formaction - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formaction`
+* @param {string} formenctype - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formenctype`
+* @param {string} formmethod - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formmethod`
+* @param {boolean} formnovalidate - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+* @param {'_self' | '_blank' | '_parent' | '_top'} formtarget - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formtarget`
+* @param {'submit' | 'reset' | 'button'} type - The button type. **attribute** `type`
+* @param {HTMLButtonElement} control
+* @param  proxy
 * @param {string | undefined} icon
 * @param {boolean | undefined} disabled
-* @param {string | undefined} type
+* @param {string | undefined} type  **attribute** `type`
 * @param {boolean | undefined} icon-trailing
 */
 declare const VwcButton: {
@@ -37,6 +48,7 @@ declare const VwcButton: {
         size?: any;
         stacked?: boolean | undefined;
         pending?: boolean | undefined;
+        dropdownIndicator?: boolean | undefined;
         active?: boolean | undefined;
         label?: string | undefined;
         href?: string | undefined;
@@ -46,9 +58,18 @@ declare const VwcButton: {
         referrerpolicy?: string | undefined;
         rel?: string | undefined;
         target?: any;
+        autofocus?: boolean | undefined;
+        formId?: string | undefined;
+        formaction?: string | undefined;
+        formenctype?: string | undefined;
+        formmethod?: string | undefined;
+        formnovalidate?: boolean | undefined;
+        formtarget?: any;
+        type?: any;
+        control?: any;
+        proxy?: any;
         icon?: string | undefined;
         disabled?: any;
-        type?: string | undefined;
     }, icon: any): any;
     displayName: string;
 };