@vonage/vivid-react 2.10.98 → 3.0.0

package/v3/VwcNumberField/index.js

@@ -50,47 +50,85 @@ Code in this file were generated using following JSON:
  "members": [
   {
    "kind": "field",
-   "name": "incrementButtonAriaLabel",
+   "name": "readOnly",
    "type": {
-    "text": "| string\n\t\t| null"
+    "text": "boolean"
    },
-   "default": "null"
+   "default": "false",
+   "description": "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.",
+   "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "decrementButtonAriaLabel",
+   "name": "autofocus",
    "type": {
-    "text": "| string\n\t\t| null"
+    "text": "boolean"
    },
-   "default": "null"
+   "default": "false",
+   "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
+   "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "appearance",
+   "name": "placeholder",
    "type": {
-    "text": "NumberFieldAppearance | undefined"
-   }
+    "text": "string"
+   },
+   "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+   "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "shape",
+   "name": "list",
    "type": {
-    "text": "NumberFieldShape | undefined"
-   }
+    "text": "string"
+   },
+   "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+   "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "autoComplete",
+   "name": "maxlength",
    "type": {
-    "text": "string | undefined"
-   }
+    "text": "number"
+   },
+   "description": "The maximum number of characters a user can enter.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "minlength",
+   "type": {
+    "text": "number"
+   },
+   "description": "The minimum number of characters a user can enter.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "size",
+   "type": {
+    "text": "number"
+   },
+   "description": "Sets the width of the element to a specified number of characters.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "step",
+   "type": {
+    "text": "number"
+   },
+   "default": "1",
+   "description": "Amount to increment or decrement the value by",
+   "privacy": "public"
   },
   {
    "kind": "method",
    "name": "stepChanged",
    "parameters": [
     {
-     "name": "_previous",
+     "name": "_",
      "type": {
       "text": "number"
      }
@@ -103,21 +141,246 @@ Code in this file were generated using following JSON:
     }
    ]
   },
+  {
+   "kind": "field",
+   "name": "max",
+   "type": {
+    "text": "number"
+   },
+   "description": "The maximum the value can be",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "min",
+   "type": {
+    "text": "number"
+   },
+   "description": "The minimum the value can be",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "valueAsNumber",
+   "type": {
+    "text": "number"
+   },
+   "description": "The value property, typed as a number.",
+   "privacy": "public"
+  },
   {
    "kind": "method",
-   "name": "stepUp"
+   "name": "#valueToPresentationValue",
+   "return": {
+    "type": {
+     "text": "string"
+    }
+   },
+   "parameters": [
+    {
+     "name": "value",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
   },
   {
    "kind": "method",
-   "name": "stepDown",
+   "name": "#inputToPresentationValue",
    "return": {
     "type": {
-     "text": "void"
+     "text": "string"
     }
+   },
+   "parameters": [
+    {
+     "name": "input",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#presentationValueToValue",
+   "return": {
+    "type": {
+     "text": "string"
+    }
+   },
+   "parameters": [
+    {
+     "name": "presentationValue",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "validate",
+   "description": "{@inheritDoc (FormAssociated:interface).validate}"
+  },
+  {
+   "kind": "method",
+   "name": "stepUp",
+   "description": "Increments the value using the step value",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "stepDown",
+   "description": "Decrements the value using the step value",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "select",
+   "description": "Selects all the text in the number field",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "incrementButtonAriaLabel",
+   "type": {
+    "text": "| string\n\t\t| null"
+   },
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "decrementButtonAriaLabel",
+   "type": {
+    "text": "| string\n\t\t| null"
+   },
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "NumberFieldAppearance | undefined"
    }
+  },
+  {
+   "kind": "field",
+   "name": "shape",
+   "type": {
+    "text": "NumberFieldShape | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "autoComplete",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "proxy",
+   "inheritedFrom": {
+    "name": "FormAssociatedNumberField",
+    "module": "libs/components/src/lib/number-field/number-field.form-associated.ts"
+   }
+  }
+ ],
+ "events": [
+  {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
+   "description": "Fires a custom 'input' event when the value has changed",
+   "name": "input"
+  },
+  {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
+   "description": "Fires a custom 'change' event when the value has changed",
+   "name": "change"
   }
  ],
  "attributes": [
+  {
+   "name": "readonly",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "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.",
+   "fieldName": "readOnly"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
+   "fieldName": "autofocus"
+  },
+  {
+   "name": "placeholder",
+   "type": {
+    "text": "string"
+   },
+   "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
+   "fieldName": "placeholder"
+  },
+  {
+   "name": "list",
+   "type": {
+    "text": "string"
+   },
+   "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
+   "fieldName": "list"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "The maximum number of characters a user can enter.",
+   "fieldName": "maxlength"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "The minimum number of characters a user can enter.",
+   "fieldName": "minlength"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "Sets the width of the element to a specified number of characters.",
+   "fieldName": "size"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "default": "1",
+   "description": "Amount to increment or decrement the value by",
+   "fieldName": "step"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "The maximum the value can be",
+   "fieldName": "max"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "description": "The minimum the value can be",
+   "fieldName": "min"
+  },
   {
    "name": "increment-button-aria-label",
    "type": {
@@ -157,8 +420,8 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FastNumberField",
-  "package": "@microsoft/fast-foundation"
+  "name": "FormAssociatedNumberField",
+  "module": "/libs/components/src/lib/number-field/number-field.form-associated"
  },
  "vividComponent": {
   "public": true,
@@ -166,7 +429,7 @@ Code in this file were generated using following JSON:
   "vueModels": [
    {
     "name": "modelValue",
-    "attributeName": "current-value",
+    "attributeName": "value",
     "eventName": "input",
     "valueMapping": "(event.target as HTMLInputElement).value"
    }
@@ -182,7 +445,7 @@ registerNumberField('vvd3')
 const VwcNumberField = wrapper(`vvd3-number-field`,  {
     events: [{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['incrementButtonAriaLabel', 'decrementButtonAriaLabel', 'appearance', 'shape', 'autoComplete']
+    properties: ['readOnly', 'autofocus', 'placeholder', 'list', 'maxlength', 'minlength', 'size', 'step', 'max', 'min', 'valueAsNumber', 'incrementButtonAriaLabel', 'decrementButtonAriaLabel', 'appearance', 'shape', 'autoComplete', 'proxy']
 })
 
 VwcNumberField.displayName = 'VwcNumberField'

package/v3/VwcNumberField/package.json

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

package/v3/VwcOption/package.json

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

package/v3/VwcPagination/index.js

@@ -133,6 +133,9 @@ Code in this file were generated using following JSON:
  ],
  "events": [
   {
+   "type": {
+    "text": "CustomEvent<{selectedIndex: number, total: number, oldIndex: number}>"
+   },
    "description": "Fires when the page changes.",
    "name": "pagination-change"
   }

package/v3/VwcPagination/package.json

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

package/v3/VwcProgress/package.json

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

package/v3/VwcProgressRing/index.js

@@ -9,19 +9,19 @@ Code in this file were generated using following JSON:
  "name": "ProgressRing",
  "cssProperties": [
   {
-   "name": "--vvd-progress-ring-cta-primary",
-   "default": "var(--vvd-color-cta-500)"
+   "name": "--vvd-progress-ring-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
   },
   {
-   "name": "--vvd-progress-ring-alert-primary",
-   "default": "var(--vvd-color-alert-500)"
+   "name": "--vvd-progress-ring-alert-firm",
+   "default": "var(--vvd-color-alert-600)"
   },
   {
-   "name": "--vvd-progress-ring-success-primary",
-   "default": "var(--vvd-color-success-500)"
+   "name": "--vvd-progress-ring-success-firm",
+   "default": "var(--vvd-color-success-600)"
   },
   {
-   "name": "--vvd-progress-ring-accent-primary",
+   "name": "--vvd-progress-ring-accent-firm",
    "default": "var(--vvd-color-canvas-text)"
   }
  ],

package/v3/VwcProgressRing/package.json

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

package/v3/VwcRadio/index.js

@@ -85,6 +85,15 @@ Code in this file were generated using following JSON:
    "privacy": "public"
   }
  ],
+ "events": [
+  {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
+   "description": "Fires a custom 'change' event when the value changes",
+   "name": "change"
+  }
+ ],
  "attributes": [
   {
    "name": "aria-label",

package/v3/VwcRadio/package.json

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

package/v3/VwcRadioGroup/index.js

@@ -24,6 +24,15 @@ Code in this file were generated using following JSON:
    "privacy": "public"
   }
  ],
+ "events": [
+  {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
+   "description": "Fires a custom 'change' event when the value changes",
+   "name": "change"
+  }
+ ],
  "attributes": [
   {
    "name": "label",

package/v3/VwcRadioGroup/package.json

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

package/v3/VwcRangeSlider/index.d.ts

@@ -40,7 +40,8 @@ declare const VwcRangeSlider: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onInput: start | null;
+        onInput?: start | null;
+        onChange?: ((event: SyntheticEvent) => void) | undefined;
         start?: string | undefined;
         initialStart?: any;
         currentStart?: string | undefined;

package/v3/VwcRangeSlider/index.js

@@ -104,10 +104,7 @@ Code in this file were generated using following JSON:
     },
     {
      "name": "emitEvents",
-     "default": "true",
-     "type": {
-      "text": "boolean"
-     }
+     "default": "true"
     }
    ]
   },
@@ -338,12 +335,32 @@ Code in this file were generated using following JSON:
  ],
  "events": [
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Event emitted when the start value changes",
    "name": "input:start"
   },
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Event emitted when the end value changes",
    "name": "input:end"
+  },
+  {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
+   "description": "Event emitted when either the start or end value changes.",
+   "name": "input"
+  },
+  {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
+   "description": "Event emitted when either the start or end value changes.",
+   "name": "change"
   }
  ],
  "attributes": [
@@ -456,13 +473,13 @@ Code in this file were generated using following JSON:
   "vueModels": [
    {
     "name": "start",
-    "attributeName": "current-start",
+    "attributeName": "start",
     "eventName": "input:start",
     "valueMapping": "(event.target as any).start"
    },
    {
     "name": "end",
-    "attributeName": "current-end",
+    "attributeName": "end",
     "eventName": "input:end",
     "valueMapping": "(event.target as any).end"
    }
@@ -476,7 +493,7 @@ import { registerRangeSlider } from '@vonage/vivid'
 registerRangeSlider('vvd3')
 
 const VwcRangeSlider = wrapper(`vvd3-range-slider`,  {
-    events: [{"name":"input:end","propName":"onInput:end"},{"name":"input:start","propName":"onInput:start"}],
+    events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"},{"name":"input:end","propName":"onInput:end"},{"name":"input:start","propName":"onInput:start"}],
     attributes: [],
     properties: ['start', 'initialStart', 'currentStart', 'startAsNumber', 'end', 'initialEnd', 'currentEnd', 'endAsNumber', 'min', 'max', 'step', 'orientation', 'ariaStartLabel', 'ariaEndLabel', 'markers', 'connotation', 'valueTextFormatter', 'proxy']
 })

package/v3/VwcRangeSlider/package.json

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

package/v3/VwcSelect/index.d.ts

@@ -13,6 +13,7 @@ declare const VwcSelect: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onInput?: ((event: SyntheticEvent) => void) | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         appearance?: any;
         shape?: any;