@vonage/vivid-vue 4.10.0 → 4.11.0

package/generated/components/VButton.vue3.d.ts

@@ -72,34 +72,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * The id of a form to associate the element to.
-     */
-    form: {
-        type: PropType<string>;
-        default: undefined;
-    };
-    /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
-     */
-    formaction: {
-        type: PropType<string>;
-        default: undefined;
-    };
-    /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
-     */
-    formenctype: {
-        type: PropType<string>;
-        default: undefined;
-    };
-    /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
-     */
-    formmethod: {
-        type: PropType<string>;
-        default: undefined;
-    };
     /**
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
@@ -108,28 +80,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
-     */
-    formtarget: {
-        type: PropType<"_self" | "_blank" | "_parent" | "_top">;
-        default: undefined;
-    };
-    /**
-     * The button type.
+     * Determines if the element should receive document focus on page load.
      */
-    type: {
-        type: PropType<"submit" | "reset" | "button">;
-        default: undefined;
-    };
     title: {
-        type: PropType<string>;
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
      * The connotation the button should have.
      */
     connotation: {
-        type: PropType<"accent" | "cta" | "success" | "alert">;
+        type: PropType<"accent" | "announcement" | "cta" | "success" | "alert">;
         default: undefined;
     };
     /**
@@ -237,6 +198,48 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"_self" | "_blank" | "_parent" | "_top">;
         default: undefined;
     };
+    /**
+     * The id of a form to associate the element to.
+     */
+    form: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     */
+    formaction: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     */
+    formenctype: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     */
+    formmethod: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     */
+    formtarget: {
+        type: PropType<"_self" | "_blank" | "_parent" | "_top">;
+        default: undefined;
+    };
+    /**
+     * The button type.
+     */
+    type: {
+        type: PropType<"submit" | "reset" | "button">;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Button | null>;
@@ -346,34 +349,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * The id of a form to associate the element to.
-     */
-    form: {
-        type: PropType<string>;
-        default: undefined;
-    };
-    /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
-     */
-    formaction: {
-        type: PropType<string>;
-        default: undefined;
-    };
-    /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
-     */
-    formenctype: {
-        type: PropType<string>;
-        default: undefined;
-    };
-    /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
-     */
-    formmethod: {
-        type: PropType<string>;
-        default: undefined;
-    };
     /**
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
@@ -382,28 +357,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
-     */
-    formtarget: {
-        type: PropType<"_self" | "_blank" | "_parent" | "_top">;
-        default: undefined;
-    };
-    /**
-     * The button type.
+     * Determines if the element should receive document focus on page load.
      */
-    type: {
-        type: PropType<"submit" | "reset" | "button">;
-        default: undefined;
-    };
     title: {
-        type: PropType<string>;
+        type: PropType<boolean>;
         default: undefined;
     };
     /**
      * The connotation the button should have.
      */
     connotation: {
-        type: PropType<"accent" | "cta" | "success" | "alert">;
+        type: PropType<"accent" | "announcement" | "cta" | "success" | "alert">;
         default: undefined;
     };
     /**
@@ -511,6 +475,48 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"_self" | "_blank" | "_parent" | "_top">;
         default: undefined;
     };
+    /**
+     * The id of a form to associate the element to.
+     */
+    form: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     */
+    formaction: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     */
+    formenctype: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     */
+    formmethod: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     */
+    formtarget: {
+        type: PropType<"_self" | "_blank" | "_parent" | "_top">;
+        default: undefined;
+    };
+    /**
+     * The button type.
+     */
+    type: {
+        type: PropType<"submit" | "reset" | "button">;
+        default: undefined;
+    };
 }>> & {
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onClick?: ((event: MouseEvent) => any) | undefined;
@@ -528,7 +534,7 @@ declare const _default: import("vue").DefineComponent<{
     size: "expanded" | "condensed" | "normal" | "super-condensed";
     shape: "rounded" | "pill";
     appearance: "ghost" | "filled" | "outlined" | "ghost-light" | "outlined-light";
-    connotation: "accent" | "success" | "alert" | "cta";
+    connotation: "accent" | "success" | "announcement" | "alert" | "cta";
     disabled: boolean;
     download: string;
     href: string;
@@ -540,18 +546,18 @@ declare const _default: import("vue").DefineComponent<{
     initialValue: string;
     required: boolean;
     autofocus: boolean;
-    form: string;
-    formaction: string;
-    formenctype: string;
-    formmethod: string;
     formnovalidate: boolean;
-    formtarget: "_self" | "_blank" | "_parent" | "_top";
-    title: string;
+    title: boolean;
     stacked: boolean;
     pending: boolean;
     dropdownIndicator: boolean;
     active: boolean;
     label: string;
+    form: string;
+    formaction: string;
+    formenctype: string;
+    formmethod: string;
+    formtarget: "_self" | "_blank" | "_parent" | "_top";
 }, SlotsType<{
     /**
      * Add an icon to the component.

package/generated/components/VCheckbox.vue2.d.ts

@@ -105,13 +105,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * 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.
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     ariaLabel: {
         type: PropType<string>;
         default: undefined;
@@ -134,11 +127,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"true" | "false" | "mixed" | "undefined">;
         default: undefined;
     };
+    /**
+     * 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.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Checkbox | null>;
 }, import("vue").Data, {}, {
-    indeterminateChanged(_: boolean, next: boolean): unknown;
     ariaCheckedChanged(): unknown;
 }, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -245,13 +244,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * 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.
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     ariaLabel: {
         type: PropType<string>;
         default: undefined;
@@ -274,6 +266,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"true" | "false" | "mixed" | "undefined">;
         default: undefined;
     };
+    /**
+     * 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.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }>>, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -290,8 +289,8 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     helperText: string;
     defaultChecked: boolean;
     checked: boolean;
-    readonly: boolean;
     tabindex: string;
     ariaChecked: "undefined" | "true" | "false" | "mixed";
+    readonly: boolean;
 }>;
 export default _default;

package/generated/components/VCheckbox.vue3.d.ts

@@ -106,13 +106,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * 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.
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     ariaLabel: {
         type: PropType<string>;
         default: undefined;
@@ -135,11 +128,17 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"true" | "false" | "mixed" | "undefined">;
         default: undefined;
     };
+    /**
+     * 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.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Checkbox | null>;
 }, unknown, {}, {
-    indeterminateChanged(_: boolean, next: boolean): unknown;
     ariaCheckedChanged(): unknown;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
@@ -287,13 +286,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * 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.
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     ariaLabel: {
         type: PropType<string>;
         default: undefined;
@@ -316,6 +308,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"true" | "false" | "mixed" | "undefined">;
         default: undefined;
     };
+    /**
+     * 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.
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }>> & {
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onClick?: ((event: MouseEvent) => any) | undefined;
@@ -341,9 +340,9 @@ declare const _default: import("vue").DefineComponent<{
     helperText: string;
     defaultChecked: boolean;
     checked: boolean;
-    readonly: boolean;
     tabindex: string;
     ariaChecked: "undefined" | "true" | "false" | "mixed";
+    readonly: boolean;
 }, SlotsType<{
     /**
      * Describes how to use the checkbox. Alternative to the `helper-text` attribute.

package/generated/components/VFab.vue2.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { IconId } from '../icons';
-import type { Fab } from '@vonage/vivid/lib/fab/fab';
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -64,6 +63,34 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     */
+    formnovalidate: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The connotation the fab should have.
+     */
+    connotation: {
+        type: PropType<"cta" | "accent" | "announcement">;
+        default: undefined;
+    };
+    /**
+     * The size the FAB should have.
+     */
+    size: {
+        type: PropType<"condensed" | "normal" | "expanded">;
+        default: undefined;
+    };
+    /**
+     * Indicates the fab's label.
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * Determines if the element should receive document focus on page load.
      */
@@ -99,13 +126,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
-     */
-    formnovalidate: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     /**
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
@@ -120,30 +140,25 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"submit" | "reset" | "button">;
         default: undefined;
     };
-    /**
-     * The connotation the fab should have.
-     */
-    connotation: {
-        type: PropType<"cta" | "accent" | "announcement">;
-        default: undefined;
-    };
-    /**
-     * The size the FAB should have.
-     */
-    size: {
-        type: PropType<"condensed" | "normal" | "expanded">;
-        default: undefined;
-    };
-    /**
-     * Indicates the fab's label.
-     */
-    label: {
-        type: PropType<string>;
-        default: undefined;
-    };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<Fab | null>;
+    element: import("vue").Ref<{
+        connotation?: import("@vonage/vivid").FabConnotation | undefined;
+        size?: import("@vonage/vivid").FABSize | undefined;
+        label?: string | undefined;
+        autofocus: boolean;
+        formId: string;
+        formaction: string;
+        formenctype: string;
+        formmethod: string;
+        formnovalidate: boolean;
+        formtarget: "_self" | "_blank" | "_parent" | "_top";
+        type: "submit" | "reset" | "button";
+        validate: () => void;
+        control: HTMLButtonElement;
+        iconTrailing: boolean;
+        icon?: string | undefined;
+    } | null>;
 }, import("vue").Data, {}, {
     /**
      * {@inheritDoc (FormAssociated:interface).validate}
@@ -212,6 +227,34 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
+     */
+    formnovalidate: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The connotation the fab should have.
+     */
+    connotation: {
+        type: PropType<"cta" | "accent" | "announcement">;
+        default: undefined;
+    };
+    /**
+     * The size the FAB should have.
+     */
+    size: {
+        type: PropType<"condensed" | "normal" | "expanded">;
+        default: undefined;
+    };
+    /**
+     * Indicates the fab's label.
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * Determines if the element should receive document focus on page load.
      */
@@ -247,13 +290,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
-    /**
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
-     */
-    formnovalidate: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     /**
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
@@ -268,27 +304,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"submit" | "reset" | "button">;
         default: undefined;
     };
-    /**
-     * The connotation the fab should have.
-     */
-    connotation: {
-        type: PropType<"cta" | "accent" | "announcement">;
-        default: undefined;
-    };
-    /**
-     * The size the FAB should have.
-     */
-    size: {
-        type: PropType<"condensed" | "normal" | "expanded">;
-        default: undefined;
-    };
-    /**
-     * Indicates the fab's label.
-     */
-    label: {
-        type: PropType<string>;
-        default: undefined;
-    };
 }>>, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -302,12 +317,12 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     initialValue: string;
     required: boolean;
     autofocus: boolean;
+    formnovalidate: boolean;
+    label: string;
     form: string;
     formaction: string;
     formenctype: string;
     formmethod: string;
-    formnovalidate: boolean;
     formtarget: "_self" | "_blank" | "_parent" | "_top";
-    label: string;
 }>;
 export default _default;