@coreui/vue-pro 4.2.0 → 4.3.0

package/dist/components/form/CFormCheck.d.ts

@@ -1,20 +1,48 @@
 declare const CFormCheck: import("vue").DefineComponent<{
     /**
      * Create button-like checkboxes and radio buttons.
+     *
+     * @see http://coreui.io/vue/docs/components/button.html
+     */
+    button: {
+        type: ObjectConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
      */
-    button: import("vue-types").VueTypeShape<{
-        color: string;
-        shape: string;
-        size: string;
-        variant: string;
-    }>;
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    feedbackValid: {
+        type: StringConstructor;
+    };
+    /**
+     * Sets hit area to the full area of the component.
+     */
+    hitArea: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
     /**
      * The id global attribute defines an identifier (ID) that must be unique in the whole document.
      */
     id: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
     };
     /**
      * Input Checkbox indeterminate Property
@@ -25,22 +53,16 @@ declare const CFormCheck: import("vue").DefineComponent<{
      */
     inline: {
         type: BooleanConstructor;
-        required: false;
     };
     /**
      * Set component validation state to invalid.
      */
-    invalid: {
-        type: BooleanConstructor;
-        required: false;
-    };
+    invalid: BooleanConstructor;
     /**
      * The element represents a caption for a component.
      */
     label: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
     };
     /**
      * The default name for a value passed using v-model.
@@ -48,8 +70,13 @@ declare const CFormCheck: import("vue").DefineComponent<{
     modelValue: {
         type: (StringConstructor | BooleanConstructor)[];
         value: undefined;
-        required: false;
     };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
     /**
      * Specifies the type of component.
      *
@@ -58,14 +85,12 @@ declare const CFormCheck: import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
         default: string;
-        required: false;
     };
     /**
      * Set component validation state to valid.
      */
     valid: {
         type: BooleanConstructor;
-        required: false;
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -74,20 +99,48 @@ declare const CFormCheck: import("vue").DefineComponent<{
 }> | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Create button-like checkboxes and radio buttons.
+     *
+     * @see http://coreui.io/vue/docs/components/button.html
      */
-    button: import("vue-types").VueTypeShape<{
-        color: string;
-        shape: string;
-        size: string;
-        variant: string;
-    }>;
+    button: {
+        type: ObjectConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    feedbackValid: {
+        type: StringConstructor;
+    };
+    /**
+     * Sets hit area to the full area of the component.
+     */
+    hitArea: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
     /**
      * The id global attribute defines an identifier (ID) that must be unique in the whole document.
      */
     id: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
     };
     /**
      * Input Checkbox indeterminate Property
@@ -98,22 +151,16 @@ declare const CFormCheck: import("vue").DefineComponent<{
      */
     inline: {
         type: BooleanConstructor;
-        required: false;
     };
     /**
      * Set component validation state to invalid.
      */
-    invalid: {
-        type: BooleanConstructor;
-        required: false;
-    };
+    invalid: BooleanConstructor;
     /**
      * The element represents a caption for a component.
      */
     label: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
     };
     /**
      * The default name for a value passed using v-model.
@@ -121,8 +168,13 @@ declare const CFormCheck: import("vue").DefineComponent<{
     modelValue: {
         type: (StringConstructor | BooleanConstructor)[];
         value: undefined;
-        required: false;
     };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
     /**
      * Specifies the type of component.
      *
@@ -131,25 +183,22 @@ declare const CFormCheck: import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
         default: string;
-        required: false;
     };
     /**
      * Set component validation state to valid.
      */
     valid: {
         type: BooleanConstructor;
-        required: false;
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    id: string;
     invalid: boolean;
-    label: string;
+    valid: boolean;
+    tooltipFeedback: boolean;
     indeterminate: boolean;
     inline: boolean;
-    valid: boolean;
 }>;
 export { CFormCheck };

package/dist/components/form/CFormControlValidation.d.ts

@@ -0,0 +1,98 @@
+declare const CFormControlValidation: import("vue").DefineComponent<{
+    /**
+     * @ignore
+     */
+    describedby: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    feedbackValid: {
+        type: StringConstructor;
+    };
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid: BooleanConstructor;
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
+}, () => (false | "" | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @ignore
+     */
+    describedby: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    feedbackValid: {
+        type: StringConstructor;
+    };
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid: BooleanConstructor;
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
+}>>, {
+    invalid: boolean;
+    valid: boolean;
+    tooltipFeedback: boolean;
+}>;
+export { CFormControlValidation };

package/dist/components/form/CFormControlWrapper.d.ts

@@ -0,0 +1,6 @@
+declare const CFormControlWrapper: import("vue").DefineComponent<any, () => any[] | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+export { CFormControlWrapper };

package/dist/components/form/CFormFeedback.d.ts

@@ -43,9 +43,9 @@ declare const CFormFeedback: import("vue").DefineComponent<{
      */
     valid: BooleanConstructor;
 }>>, {
-    component: string;
     invalid: boolean;
-    valid: boolean;
+    component: string;
     tooltip: boolean;
+    valid: boolean;
 }>;
 export { CFormFeedback };

package/dist/components/form/CFormInput.d.ts

@@ -6,12 +6,55 @@ declare const CFormInput: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    feedbackValid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    floatingLabel: {
+        type: StringConstructor;
+    };
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: {
+        type: StringConstructor;
+    };
     /**
      * Set component validation state to invalid.
      */
-    invalid: {
-        type: BooleanConstructor;
-        required: false;
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: {
+        type: StringConstructor;
     };
     /**
      * The default name for a value passed using v-model.
@@ -19,7 +62,6 @@ declare const CFormInput: import("vue").DefineComponent<{
     modelValue: {
         type: StringConstructor;
         default: undefined;
-        require: boolean;
     };
     /**
      * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
@@ -42,10 +84,22 @@ declare const CFormInput: import("vue").DefineComponent<{
      */
     size: {
         type: StringConstructor;
-        default: undefined;
-        require: boolean;
         validator: (value: string) => boolean;
     };
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.3.0
+     */
+    text: {
+        type: StringConstructor;
+    };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
     /**
      * Specifies the type of component.
      *
@@ -54,15 +108,11 @@ declare const CFormInput: import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
         default: string;
-        require: boolean;
     };
     /**
      * Set component validation state to valid.
      */
-    valid: {
-        type: BooleanConstructor;
-        required: false;
-    };
+    valid: BooleanConstructor;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "update:modelValue")[], "change" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -73,12 +123,55 @@ declare const CFormInput: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedback: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.3.0
+     */
+    feedbackInvalid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    feedbackValid: {
+        type: StringConstructor;
+    };
+    /**
+     * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.3.0
+     */
+    floatingLabel: {
+        type: StringConstructor;
+    };
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id: {
+        type: StringConstructor;
+    };
     /**
      * Set component validation state to invalid.
      */
-    invalid: {
-        type: BooleanConstructor;
-        required: false;
+    invalid: BooleanConstructor;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: {
+        type: StringConstructor;
     };
     /**
      * The default name for a value passed using v-model.
@@ -86,7 +179,6 @@ declare const CFormInput: import("vue").DefineComponent<{
     modelValue: {
         type: StringConstructor;
         default: undefined;
-        require: boolean;
     };
     /**
      * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
@@ -109,10 +201,22 @@ declare const CFormInput: import("vue").DefineComponent<{
      */
     size: {
         type: StringConstructor;
-        default: undefined;
-        require: boolean;
         validator: (value: string) => boolean;
     };
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.3.0
+     */
+    text: {
+        type: StringConstructor;
+    };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
     /**
      * Specifies the type of component.
      *
@@ -121,26 +225,22 @@ declare const CFormInput: import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
         default: string;
-        require: boolean;
     };
     /**
      * Set component validation state to valid.
      */
-    valid: {
-        type: BooleanConstructor;
-        required: false;
-    };
+    valid: BooleanConstructor;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    disabled: boolean;
-    size: string;
     invalid: boolean;
-    modelValue: string;
+    disabled: boolean;
     valid: boolean;
+    tooltipFeedback: boolean;
+    modelValue: string;
     plainText: boolean;
     readonly: boolean;
 }>;

package/dist/components/form/CFormRange.d.ts

@@ -5,7 +5,14 @@ declare const CFormRange: import("vue").DefineComponent<{
     disabled: {
         type: BooleanConstructor;
         default: undefined;
-        required: false;
+    };
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: {
+        type: StringConstructor;
     };
     /**
      * Specifies the maximum value for the component.
@@ -13,7 +20,6 @@ declare const CFormRange: import("vue").DefineComponent<{
     max: {
         type: NumberConstructor;
         default: undefined;
-        required: false;
     };
     /**
      * Specifies the minimum value for the component.
@@ -21,7 +27,6 @@ declare const CFormRange: import("vue").DefineComponent<{
     min: {
         type: NumberConstructor;
         default: undefined;
-        required: false;
     };
     /**
      * The default name for a value passed using v-model.
@@ -29,14 +34,12 @@ declare const CFormRange: import("vue").DefineComponent<{
     modelValue: {
         type: StringConstructor;
         value: undefined;
-        required: false;
     };
     /**
      * Toggle the readonly state for the component.
      */
     readonly: {
         type: BooleanConstructor;
-        required: false;
     };
     /**
      * Specifies the interval between legal numbers in the component.
@@ -44,7 +47,6 @@ declare const CFormRange: import("vue").DefineComponent<{
     steps: {
         type: NumberConstructor;
         default: undefined;
-        required: false;
     };
     /**
      * The `value` attribute of component.
@@ -54,18 +56,24 @@ declare const CFormRange: import("vue").DefineComponent<{
     value: {
         type: NumberConstructor;
         default: undefined;
-        required: false;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}, () => ("" | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}> | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Toggle the disabled state for the component.
      */
     disabled: {
         type: BooleanConstructor;
         default: undefined;
-        required: false;
+    };
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.3.0
+     */
+    label: {
+        type: StringConstructor;
     };
     /**
      * Specifies the maximum value for the component.
@@ -73,7 +81,6 @@ declare const CFormRange: import("vue").DefineComponent<{
     max: {
         type: NumberConstructor;
         default: undefined;
-        required: false;
     };
     /**
      * Specifies the minimum value for the component.
@@ -81,7 +88,6 @@ declare const CFormRange: import("vue").DefineComponent<{
     min: {
         type: NumberConstructor;
         default: undefined;
-        required: false;
     };
     /**
      * The default name for a value passed using v-model.
@@ -89,14 +95,12 @@ declare const CFormRange: import("vue").DefineComponent<{
     modelValue: {
         type: StringConstructor;
         value: undefined;
-        required: false;
     };
     /**
      * Toggle the readonly state for the component.
      */
     readonly: {
         type: BooleanConstructor;
-        required: false;
     };
     /**
      * Specifies the interval between legal numbers in the component.
@@ -104,7 +108,6 @@ declare const CFormRange: import("vue").DefineComponent<{
     steps: {
         type: NumberConstructor;
         default: undefined;
-        required: false;
     };
     /**
      * The `value` attribute of component.
@@ -114,7 +117,6 @@ declare const CFormRange: import("vue").DefineComponent<{
     value: {
         type: NumberConstructor;
         default: undefined;
-        required: false;
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;