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

package/README.md

@@ -43,7 +43,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.3.0-beta.1.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.3.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue-pro.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue-pro`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue-pro`

package/dist/components/calendar/CCalendar.d.ts

@@ -6,6 +6,13 @@ declare const CCalendar: import("vue").DefineComponent<{
     calendarDate: {
         type: (StringConstructor | DateConstructor)[];
     };
+    /**
+     * The number of calendars that render on desktop devices.
+     */
+    calendars: {
+        type: NumberConstructor;
+        default: number;
+    };
     /**
      * Specify the list of dates that cannot be selected.
      */
@@ -27,7 +34,6 @@ declare const CCalendar: import("vue").DefineComponent<{
      * - 4 - Thursday,
      * - 5 - Friday,
      * - 6 - Saturday,
-     * - 7 - Sunday
      */
     firstDayOfWeek: {
         type: NumberConstructor;
@@ -92,6 +98,13 @@ declare const CCalendar: import("vue").DefineComponent<{
     calendarDate: {
         type: (StringConstructor | DateConstructor)[];
     };
+    /**
+     * The number of calendars that render on desktop devices.
+     */
+    calendars: {
+        type: NumberConstructor;
+        default: number;
+    };
     /**
      * Specify the list of dates that cannot be selected.
      */
@@ -113,7 +126,6 @@ declare const CCalendar: import("vue").DefineComponent<{
      * - 4 - Thursday,
      * - 5 - Friday,
      * - 6 - Saturday,
-     * - 7 - Sunday
      */
     firstDayOfWeek: {
         type: NumberConstructor;
@@ -175,6 +187,7 @@ declare const CCalendar: import("vue").DefineComponent<{
     "onStart-date-change"?: ((...args: any[]) => any) | undefined;
     "onEnd-date-change"?: ((...args: any[]) => any) | undefined;
 }, {
+    calendars: number;
     firstDayOfWeek: number;
     locale: string;
     navigation: boolean;

package/dist/components/carousel/CCarousel.d.ts

@@ -117,12 +117,12 @@ declare const CCarousel: import("vue").DefineComponent<{
     };
 }>>, {
     transition: string;
+    pause: string | boolean;
     dark: boolean;
     controls: boolean;
     index: number;
     indicators: boolean;
     interval: number | boolean;
-    pause: string | boolean;
     wrap: boolean;
 }>;
 export { CCarousel };

package/dist/components/date-picker/CDatePicker.d.ts

@@ -112,12 +112,16 @@ declare const CDatePicker: import("vue").DefineComponent<{
      * - 4 - Thursday,
      * - 5 - Friday,
      * - 6 - Saturday,
-     * - 7 - Sunday
      */
     firstDayOfWeek: {
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * Set date format.
+     * We use date-fns to format dates. Visit https://date-fns.org/v2.28.0/docs/format to check accepted patterns.
+     */
+    format: StringConstructor;
     /**
      * Toggle visibility of footer element or set the content of footer.
      */
@@ -305,12 +309,16 @@ declare const CDatePicker: import("vue").DefineComponent<{
      * - 4 - Thursday,
      * - 5 - Friday,
      * - 6 - Saturday,
-     * - 7 - Sunday
      */
     firstDayOfWeek: {
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * Set date format.
+     * We use date-fns to format dates. Visit https://date-fns.org/v2.28.0/docs/format to check accepted patterns.
+     */
+    format: StringConstructor;
     /**
      * Toggle visibility of footer element or set the content of footer.
      */

package/dist/components/date-range-picker/CDateRangePicker.d.ts

@@ -119,12 +119,16 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
      * - 4 - Thursday,
      * - 5 - Friday,
      * - 6 - Saturday,
-     * - 7 - Sunday
      */
     firstDayOfWeek: {
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * Set date format.
+     * We use date-fns to format dates. Visit https://date-fns.org/v2.28.0/docs/format to check accepted patterns.
+     */
+    format: StringConstructor;
     /**
      * Toggle visibility of footer element or set the content of footer.
      */
@@ -215,6 +219,42 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
      * Provide an additional time selection by adding select boxes to choose times.
      */
     timepicker: BooleanConstructor;
+    /**
+     * Toggle visibility or set the content of today button.
+     */
+    todayButton: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    /**
+     * Sets the color context of the today button to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    todayButtonColor: {
+        default: string;
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Size the today button small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    todayButtonSize: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Set the today button variant to an outlined button or a ghost button.
+     *
+     * @values 'ghost', 'outline'
+     */
+    todayButtonVariant: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
     /**
      * Set length or format of day name.
      *
@@ -347,12 +387,16 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
      * - 4 - Thursday,
      * - 5 - Friday,
      * - 6 - Saturday,
-     * - 7 - Sunday
      */
     firstDayOfWeek: {
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * Set date format.
+     * We use date-fns to format dates. Visit https://date-fns.org/v2.28.0/docs/format to check accepted patterns.
+     */
+    format: StringConstructor;
     /**
      * Toggle visibility of footer element or set the content of footer.
      */
@@ -443,6 +487,42 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
      * Provide an additional time selection by adding select boxes to choose times.
      */
     timepicker: BooleanConstructor;
+    /**
+     * Toggle visibility or set the content of today button.
+     */
+    todayButton: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    /**
+     * Sets the color context of the today button to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    todayButtonColor: {
+        default: string;
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Size the today button small or large.
+     *
+     * @values 'sm', 'lg'
+     */
+    todayButtonSize: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Set the today button variant to an outlined button or a ghost button.
+     *
+     * @values 'ghost', 'outline'
+     */
+    todayButtonVariant: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
     /**
      * Set length or format of day name.
      *
@@ -455,6 +535,7 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
+    calendars: number;
     firstDayOfWeek: number;
     locale: string;
     navigation: boolean;
@@ -473,8 +554,10 @@ declare const CDateRangePicker: import("vue").DefineComponent<{
     indicator: boolean;
     inputReadOnly: boolean;
     placeholder: String | String[];
-    calendars: number;
     separator: boolean;
     timepicker: boolean;
+    todayButton: string | boolean;
+    todayButtonColor: string;
+    todayButtonSize: string;
 }>;
 export { CDateRangePicker };

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 };