@coreui/vue-pro 4.3.0-beta.1 → 4.3.0

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;

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

@@ -6,6 +6,38 @@ declare type Option = {
     value?: string;
 };
 declare const CFormSelect: import("vue").DefineComponent<{
+    /**
+     * 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;
+    };
     /**
      * Specifies the number of visible options in a drop-down list.
      */
@@ -14,12 +46,23 @@ declare const CFormSelect: import("vue").DefineComponent<{
         default: undefined;
         required: false;
     };
+    /**
+     * 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.
@@ -56,15 +99,58 @@ declare const CFormSelect: import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
     /**
-     * Set component validation state to valid.
+     * Add helper text to the component.
+     *
+     * @since 4.3.0
      */
-    valid: {
-        type: BooleanConstructor;
-        required: false;
+    text: {
+        type: StringConstructor;
     };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
 }, () => 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<{
+    /**
+     * 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;
+    };
     /**
      * Specifies the number of visible options in a drop-down list.
      */
@@ -73,12 +159,23 @@ declare const CFormSelect: import("vue").DefineComponent<{
         default: undefined;
         required: false;
     };
+    /**
+     * 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.
@@ -115,20 +212,32 @@ declare const CFormSelect: import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
     /**
-     * Set component validation state to valid.
+     * Add helper text to the component.
+     *
+     * @since 4.3.0
      */
-    valid: {
-        type: BooleanConstructor;
-        required: false;
+    text: {
+        type: StringConstructor;
     };
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.3.0
+     */
+    tooltipFeedback: BooleanConstructor;
+    /**
+     * Set component validation state to valid.
+     */
+    valid: BooleanConstructor;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    size: string;
     invalid: boolean;
-    modelValue: string | string[];
+    size: string;
     valid: boolean;
+    tooltipFeedback: boolean;
+    modelValue: string | string[];
     htmlSize: number;
     multiple: boolean;
     options: string[] | Option[];

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

@@ -4,23 +4,18 @@ declare const CFormSwitch: import("vue").DefineComponent<{
      */
     id: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
     };
     /**
      * Set component validation state to invalid.
      */
     invalid: {
         type: BooleanConstructor;
-        required: false;
     };
     /**
      * 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.
@@ -28,7 +23,6 @@ declare const CFormSwitch: import("vue").DefineComponent<{
     modelValue: {
         type: (StringConstructor | BooleanConstructor)[];
         value: undefined;
-        required: false;
     };
     /**
      * Size the component large or extra large. Works only with `switch`.
@@ -37,8 +31,6 @@ declare const CFormSwitch: import("vue").DefineComponent<{
      */
     size: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -49,14 +41,12 @@ declare const CFormSwitch: 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;
@@ -66,23 +56,18 @@ declare const CFormSwitch: import("vue").DefineComponent<{
      */
     id: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
     };
     /**
      * Set component validation state to invalid.
      */
     invalid: {
         type: BooleanConstructor;
-        required: false;
     };
     /**
      * 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.
@@ -90,7 +75,6 @@ declare const CFormSwitch: import("vue").DefineComponent<{
     modelValue: {
         type: (StringConstructor | BooleanConstructor)[];
         value: undefined;
-        required: false;
     };
     /**
      * Size the component large or extra large. Works only with `switch`.
@@ -99,8 +83,6 @@ declare const CFormSwitch: import("vue").DefineComponent<{
      */
     size: {
         type: StringConstructor;
-        default: undefined;
-        required: false;
         validator: (value: string) => boolean;
     };
     /**
@@ -111,24 +93,19 @@ declare const CFormSwitch: 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;
-    size: string;
-    id: string;
     invalid: boolean;
-    label: string;
     valid: boolean;
 }>;
 export { CFormSwitch };