@codeandfunction/callaloo 2.0.0 → 2.1.1

package/dist/components/Containers/CLDisclosure.vue.d.ts

@@ -0,0 +1,78 @@
+import { CLBorderRadius, CLColors, CLColorVariants, CLHeadingTypes, CLHeadingLevels, CLIconNames, CLIconSizes, CLSizes, CLTextTypes } from '../../index';
+export interface Props {
+    /** When set to `true` adds borders to the disclosure's trigger container and content. */
+    bordered?: boolean;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: CLBorderRadius;
+    /** Sets the color of the Disclosure. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
+    /** When set to `true`, it will remove any horizontal padding and overrides the vertical padding of the trigger and slot content. */
+    compact?: boolean;
+    /** When set to `false`, it will remove any horizontal and vertical padding. */
+    contentSpacing?: boolean;
+    /** A unique identifier, this is required. It ensures that if multiple disclosures are used, each will be handled properly. */
+    disclosureId: string;
+    /** Set the expanded state of the disclosure. */
+    expanded?: boolean;
+    /** Set the icon to display when the disclosure is expanded. */
+    expandedIcon?: CLIconNames;
+    /** Set the text of the heading which should be displayed in the trigger. */
+    heading?: string;
+    /** Set the heading type. The property can be one of `CLHeadingTypes`, e.g. `CLHeadingTypes.Title` */
+    headingType?: CLHeadingTypes;
+    /** Set the heading level. The property can be one of `CLHeadingLevels`, e.g. `CLHeadingLevels.H1` */
+    headingLevel?: CLHeadingLevels;
+    /** Set the icon to display before the heading text. */
+    iconBefore?: CLIconNames;
+    /** Set the size of the icon before the heading text. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium` */
+    iconBeforeSize?: CLIconSizes;
+    /** Set the icon to display when the disclosure is collapsed. */
+    iconAfter?: CLIconNames;
+    /** Set the size of the icon after the heading text. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium` */
+    iconAfterSize?: CLIconSizes;
+    /** Set the rounded state of the disclosure. */
+    rounded?: boolean;
+    /** Set the text of the sub-heading which should be displayed in the trigger after the heading. */
+    subHeading?: string;
+    /** Set the sub-heading text type. The property can be one of `CLTextTypes`, e.g. `CLTextTypes.Body` */
+    subHeadingType?: CLTextTypes;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Set the size of the trigger button. The property can be one of `CLSizes`, e.g. `CLSizes.Primary` */
+    triggerButtonSize?: CLSizes;
+    /** Sets the color variant. The property can be on of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
+    variant?: CLColorVariants;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: CLColors;
+    variant: CLColorVariants;
+    borderRadius: CLBorderRadius;
+    testId: string;
+    bordered: boolean;
+    rounded: boolean;
+    iconAfter: CLIconNames;
+    iconAfterSize: CLIconSizes;
+    contentSpacing: boolean;
+    disclosureId: string;
+    expanded: boolean;
+    expandedIcon: CLIconNames;
+    headingType: CLHeadingTypes;
+    subHeadingType: CLTextTypes;
+    triggerButtonSize: CLSizes;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Containers/Carousel/CLCarousel.vue.d.ts

@@ -0,0 +1,59 @@
+import { CLAlign, CLPaginationType, CLOrder, CLColors } from '../../../index';
+type PerPageBreakpoint = [number, number];
+export interface Props {
+    /** Sets the color of the carousel navigation components. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
+    /** Set the horizontal alignment of the controls. The property can be one of `CLAlign`, e.g. `CLAlign.Right` */
+    controlAlign?: CLAlign;
+    /** Set the position of the controls. The controls can be set to appear above or below the slot content. */
+    controlPosition?: CLOrder;
+    /** When set to `false` it will remove the carousel's functionality and layout. */
+    enabled?: boolean;
+    /** Set a custom label for the more button. Default is `More`. */
+    moreLabel?: string;
+    /** A callback function to handle when the more button is clicked. */
+    onShowMore?: () => void;
+    /** Set the the display style of the pagination. The property can be one of `CLPaginationType`, e.g. `CLPaginationType.Numbered */
+    paginationType?: CLPaginationType;
+    /** Number of slides displayed on each page. */
+    perPage?: number;
+    /** An array of the number of slides displayed on each page, based on a provided breakpoint, e.g. [[768,2],[1024,4]]. When set, it uses the `perPage` value as the default for mobile. */
+    perPageByBreakpoints?: PerPageBreakpoint[];
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Sets the title of the carousel. */
+    title?: string;
+    /** Explicity set a width for the carousel. Default is 100% of it's parent container. */
+    width?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        scrollContainer: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: CLColors;
+    width: string;
+    testId: string;
+    enabled: boolean;
+    moreLabel: string;
+    paginationType: CLPaginationType;
+    controlAlign: CLAlign;
+    controlPosition: CLOrder;
+    perPage: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollContainer: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Containers/Carousel/CLCarouselNavigation.vue.d.ts

@@ -0,0 +1,21 @@
+import { CLGenericFunction, CLPaginationType, CLColors } from '../../../index';
+interface Props {
+    color: CLColors;
+    currentPage: number;
+    enabled: boolean;
+    gotoPage: (index: number) => void;
+    moreLabel: string;
+    moreAriaLabel?: string;
+    nextPageEnabled: boolean;
+    paginationType: CLPaginationType;
+    prefix: string;
+    prevPageEnabled: boolean;
+    showMore?: CLGenericFunction;
+    showNextItems?: CLGenericFunction;
+    showPrevItems?: CLGenericFunction;
+    totalPages: number;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    moreAriaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Containers/Carousel/CLCarouselSlide.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Containers/index.d.ts

@@ -0,0 +1,9 @@
+import { default as CLCard } from './CLCard.vue';
+import { default as CLCarousel } from './Carousel/CLCarousel.vue';
+import { default as CLCarouselSlide } from './Carousel/CLCarouselSlide.vue';
+import { default as CLDisclosure } from './CLDisclosure.vue';
+export { CLCard, CLCarousel, CLCarouselSlide, CLDisclosure };
+export type CLCard = InstanceType<typeof CLCard>;
+export type CLCarousel = InstanceType<typeof CLCarousel>;
+export type CLCarouselSlide = InstanceType<typeof CLCarouselSlide>;
+export type CLDisclosure = InstanceType<typeof CLDisclosure>;

package/dist/components/Containers/utils.d.ts

@@ -0,0 +1,8 @@
+import { CLColors, CLColorVariants } from '../../index';
+interface ThemeProps {
+    color: CLColors;
+    variant: CLColorVariants;
+}
+export declare const cardTheme: ({ color, variant }: ThemeProps) => string;
+export declare const disclosureTheme: ({ color, variant }: ThemeProps) => string;
+export {};

package/dist/components/Form/CLCheckbox.vue.d.ts

@@ -0,0 +1,54 @@
+import { CLBorderRadius, CLColors, CLGenericFunction, CLGenericFocusFunction, CLSizes } from '../../index';
+interface Props {
+    /** Sets the aria-label on the input. It should be used when there is no label present. */
+    ariaLabel?: string;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: CLBorderRadius;
+    /** A `boolean` value which dictates the busy state of the checkbox. */
+    busy?: boolean;
+    /** Sets the color of element's borders. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
+    /** Set the checked state. */
+    checked?: boolean;
+    /** Set the disabled state. */
+    disabled?: boolean;
+    /** The form whom the checkbox belongs to. Useful for when a checkbox is not within a `form` element. */
+    form?: string;
+    /** A unique identifier, this is required. */
+    id: string;
+    /** The label text to be displayed which is associated to the checkbox. */
+    label?: string;
+    /** An array of messages to be displayed. */
+    messages?: string[];
+    /** The message type. The property can be one of `CLColors`, e.g. `CLColors.Danger`. */
+    messageType?: CLColors;
+    /** A string representing name of the checkbox. The name is submitted along with the checkbox value when the form it belongs to is submitted. */
+    name: string;
+    /** Set the required state. */
+    required?: boolean;
+    /** When set to `false` it will not render with rounded corners. */
+    rounded?: boolean;
+    /** Sets the checkbox size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
+    size?: CLSizes;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Set the value for the checkbox when it's checked. */
+    value?: string | number;
+    /** A callback function which handles when the checkbox loses focus. */
+    onBlur?: CLGenericFocusFunction;
+    /** A callback function which handles when the checkbox is clicked. */
+    onChange?: CLGenericFunction;
+    /** A callback function which handles when the checkbox gains focus. */
+    onFocus?: CLGenericFocusFunction;
+    /** A callback function which handles when the checkbox input state is updated. */
+    onInput?: CLGenericFunction;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: CLColors;
+    testId: string;
+    rounded: boolean;
+    size: CLSizes;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    checkboxElem: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/Form/CLFormField.vue.d.ts

@@ -0,0 +1,23 @@
+import { CLOrientation } from '../../index';
+interface Props {
+    fluid?: boolean;
+    hasPill?: boolean;
+    orientation?: CLOrientation;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Form/CLInput.vue.d.ts

@@ -0,0 +1,87 @@
+import { CLBorderRadius, CLIconNames, CLInputTypes, CLGenericFocusFunction, CLGenericFunction, CLSizes, CLColors, CLOrientation } from '../../index';
+interface Props {
+    /** Sets the aria-label on the input. It should be used when there is no label present. */
+    ariaLabel?: string;
+    /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete for more details. */
+    autoComplete?: boolean;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: CLBorderRadius;
+    /** A `boolean` value which dictates the busy state of the input. */
+    busy?: boolean;
+    /** Sets the color of element's borders. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
+    /** Set the disabled state. */
+    disabled?: boolean;
+    /** When set to true, sets the width of the Input to 100% of it's parent. */
+    fluid?: boolean;
+    /** The form whom the input belongs to. Useful for when a input is not within a `form` element. */
+    form?: string;
+    /** When a prefix or suffix is set, setting this to `true` changes the layout. */
+    grouped?: boolean;
+    /** A unique identifier, this is required. */
+    id: string;
+    /** The label text to be displayed which is associated to the input. */
+    label?: string;
+    /** The maximum amount of characters allowed for entry. */
+    maxLength?: number;
+    /** The minimum amount of characters required for entry. */
+    minLength?: number;
+    /** An array of messages to be displayed. */
+    messages?: string[];
+    /** The message type. The property can be one of `CLColors`, e.g. `CLColors.Danger`. */
+    messageType?: CLColors;
+    /** A string representing name of the input. The name is submitted along with the input value when the form it belongs to is submitted. */
+    name: string;
+    /** Sets the label position to be above or to the left of the form element. The property can be one of `CLOrientation` */
+    orientation?: CLOrientation;
+    /** A regexp pattern that can be used for validation. */
+    pattern?: string;
+    /** Setting this value would render the string the `<CLPill />` component below the input. */
+    pill?: string;
+    /** The default text shown when there is no value. Useful for providing a hint of what type of input is expected. */
+    placeholder?: string;
+    /** Sets the icon or text to be displayed before the user input. */
+    prefix?: string | CLIconNames;
+    /** When set to `true` the input cannot be edited. */
+    readonly?: boolean;
+    /** Set the required state. */
+    required?: boolean;
+    /** When set to `false` it will not render with rounded corners. */
+    rounded?: boolean;
+    /** Sets the input size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
+    size?: CLSizes;
+    /** A hint provided to browsers that support it, whether or not to check for spelling errors. */
+    spellCheck?: boolean;
+    /**Sets the icon or text to be displayed after the user input. */
+    suffix?: string | CLIconNames;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /**Set the type of input, supports various input types. */
+    type?: CLInputTypes;
+    /** Set the value for the input when it's checked. */
+    value?: string | number;
+    /** A callback function which handles when the input loses focus. */
+    onBlur?: CLGenericFocusFunction;
+    /** A callback function which handles when the input value changes. */
+    onChange?: CLGenericFunction;
+    /** A callback function which handles when the input gains focus. */
+    onFocus?: CLGenericFocusFunction;
+    /** A callback function which handles when the input state is updated. */
+    onInput?: CLGenericFunction;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    reset: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onReset?: ((...args: any[]) => any) | undefined;
+}>, {
+    color: CLColors;
+    testId: string;
+    type: CLInputTypes;
+    rounded: boolean;
+    fluid: boolean;
+    size: CLSizes;
+    orientation: CLOrientation;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputElem: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/Form/CLInputMessages.vue.d.ts

@@ -0,0 +1,10 @@
+import { CLColors } from '../../index';
+export interface Props {
+    id: string;
+    messages?: string[];
+    messageType?: CLColors;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    messageType: CLColors;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Form/CLRadioButton.vue.d.ts

@@ -0,0 +1,54 @@
+import { CLColors, CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLSizes } from '../../index';
+interface Props {
+    /** Sets the aria-label on the input. It should be used when there is no label present. */
+    ariaLabel?: string;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: CLBorderRadius;
+    /** A `boolean` value which dictates the busy state of the radiobutton. */
+    busy?: boolean;
+    /** Sets the color of element's borders. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
+    /** Set the checked state. */
+    checked?: boolean;
+    /** Set the disabled state. */
+    disabled?: boolean;
+    /** The form whom the radiobutton belongs to. Useful for when a radiobutton is not within a `form` element. */
+    form?: string;
+    /** A unique identifier, this is required. */
+    id: string;
+    /** The label text to be displayed which is associated to the radiobutton. */
+    label?: string;
+    /** An array of messages to be displayed. */
+    messages?: string[];
+    /** The message type. The property can be one of `CLColors`, e.g. `CLColors.Danger`. */
+    messageType?: CLColors;
+    /** A string representing name of the radiobutton. The name is submitted along with the radiobutton value when the form it belongs to is submitted. */
+    name: string;
+    /** Set the required state. */
+    required?: boolean;
+    /** When set to `false` it will not render with rounded corners. */
+    rounded?: boolean;
+    /** Sets the radiobutton size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
+    size?: CLSizes;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Set the value for the radiobutton when it's checked. */
+    value?: string | number;
+    /** A callback function which handles when the radiobutton loses focus. */
+    onBlur?: CLGenericFocusFunction;
+    /** A callback function which handles when the radiobutton is clicked. */
+    onChange?: CLGenericFunction;
+    /** A callback function which handles when the radiobutton gains focus. */
+    onFocus?: CLGenericFocusFunction;
+    /** A callback function which handles when the radiobutton input state is updated. */
+    onInput?: CLGenericFunction;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: CLColors;
+    testId: string;
+    rounded: boolean;
+    size: CLSizes;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    radioButtonElem: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/Form/CLSelect.vue.d.ts

@@ -0,0 +1,60 @@
+import { CLBorderRadius, CLColors, CLGenericFocusFunction, CLGenericFunction, CLOption, CLOrientation, CLSizes } from '../../index';
+interface Props {
+    /** Sets the aria-label on the input. It should be used when there is no label present. */
+    ariaLabel?: string;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: CLBorderRadius;
+    /** A `boolean` value which dictates the busy state of the select. */
+    busy?: boolean;
+    /** Sets the color of element's borders. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
+    /** Set the disabled state. */
+    disabled?: boolean;
+    /** When set to true, sets the width of the select to 100% of it's parent. */
+    fluid?: boolean;
+    /** The form whom the select belongs to. Useful for when a select is not within a `form` element. */
+    form?: string;
+    /** A unique identifier, this is required. */
+    id: string;
+    /** The label text to be displayed which is associated to the select. */
+    label?: string;
+    /** An array of messages to be displayed. */
+    messages?: string[];
+    /** The message type. The property can be one of `CLColors`, e.g. `CLColors.Danger`. */
+    messageType?: CLColors;
+    /** A string representing name of the select. The name is submitted along with the select value when the form it belongs to is submitted. */
+    name: string;
+    /** Sets the label position to be above or to the left of the form element. The property can be one of `CLOrientation` */
+    orientation?: CLOrientation;
+    /** A list of options */
+    options: CLOption[];
+    /** Set the required state. */
+    required?: boolean;
+    /** When set to `false` it will not render with rounded corners. */
+    rounded?: boolean;
+    /** Sets the select size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
+    size?: CLSizes;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Set the default value for the select. */
+    value?: string | number;
+    /** A callback function which handles when the select loses focus. */
+    onBlur?: CLGenericFocusFunction;
+    /** A callback function which handles when the select is clicked. */
+    onChange?: CLGenericFunction;
+    /** A callback function which handles when the select gains focus. */
+    onFocus?: CLGenericFocusFunction;
+    /** A callback function which handles when the select state is updated. */
+    onInput?: CLGenericFunction;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: CLColors;
+    testId: string;
+    rounded: boolean;
+    fluid: boolean;
+    size: CLSizes;
+    orientation: CLOrientation;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    selectElem: HTMLSelectElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/Form/CLTextArea.vue.d.ts

@@ -0,0 +1,79 @@
+import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLOrientation, CLSizes, CLColors } from '../../index';
+interface Props {
+    /** Sets the aria-label on the textarea. It should be used when there is no label present. */
+    ariaLabel?: string;
+    /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#autocomplete for more details. */
+    autoComplete?: boolean;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: CLBorderRadius;
+    /** A `boolean` value which dictates the busy state of the textarea. */
+    busy?: boolean;
+    /** Sets the color of element's borders. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
+    /** Set the exact number of columns, to specify the size of the rendered textarea. */
+    cols?: number;
+    /** Set the disabled state. */
+    disabled?: boolean;
+    /** When set to true, sets the width of the TextArea to 100% of it's parent. */
+    fluid?: boolean;
+    /** The form whom the textarea belongs to. Useful for when a textarea is not within a `form` element. */
+    form?: string;
+    /** A unique identifier, this is required. */
+    id: string;
+    /** The label text to be displayed which is associated to the textarea. */
+    label?: string;
+    /** The maximum amount of characters allowed for entry. */
+    maxLength?: number;
+    /** The minimum amount of characters required for entry. */
+    minLength?: number;
+    /** An array of messages to be displayed. */
+    messages?: string[];
+    /** The message type. The property can be one of `CLColors`, e.g. `CLColors.Danger`. */
+    messageType?: CLColors;
+    /** A string representing name of the textarea. The name is submitted along with the textarea value when the form it belongs to is submitted. */
+    name: string;
+    /** Sets the label position to be above or to the left of the form element. The property can be one of `CLOrientation` */
+    orientation?: CLOrientation;
+    /** A regexp pattern that can be used for validation. */
+    pattern?: string;
+    /** The default text shown when there is no value. Useful for providing a hint of what type of textarea is expected. */
+    placeholder?: string;
+    /** When set to `true` the textarea cannot be edited. */
+    readonly?: boolean;
+    /** Set the required state. */
+    required?: boolean;
+    /** When set to `true` the textarea will be able to be resized. */
+    resizable?: boolean;
+    /** When set to `false` it will not render with rounded corners. */
+    rounded?: boolean;
+    /** Set the exact number of rows, to specify the size of the rendered textarea */
+    rows?: number;
+    /** Sets the textarea size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
+    size?: CLSizes;
+    /** A hint provided to browsers that support it, whether or not to check for spelling errors. */
+    spellCheck?: boolean;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Set the value for the textarea when it's checked. */
+    value?: string | number;
+    /** A callback function which handles when the textarea loses focus. */
+    onBlur?: CLGenericFocusFunction;
+    /** A callback function which handles when the textarea value changes. */
+    onChange?: CLGenericFunction;
+    /** A callback function which handles when the textarea gains focus. */
+    onFocus?: CLGenericFocusFunction;
+    /** A callback function which handles when the textarea state is updated. */
+    onInput?: CLGenericFunction;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: CLColors;
+    testId: string;
+    rounded: boolean;
+    fluid: boolean;
+    size: CLSizes;
+    orientation: CLOrientation;
+    resizable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputElem: HTMLTextAreaElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/Form/index.d.ts

@@ -0,0 +1,11 @@
+import { default as CLCheckbox } from './CLCheckbox.vue';
+import { default as CLInput } from './CLInput.vue';
+import { default as CLRadioButton } from './CLRadioButton.vue';
+import { default as CLSelect } from './CLSelect.vue';
+import { default as CLTextArea } from './CLTextArea.vue';
+export { CLCheckbox, CLInput, CLRadioButton, CLSelect, CLTextArea };
+export type CLCheckbox = InstanceType<typeof CLCheckbox>;
+export type CLInput = InstanceType<typeof CLInput>;
+export type CLRadioButton = InstanceType<typeof CLRadioButton>;
+export type CLSelect = InstanceType<typeof CLSelect>;
+export type CLTextArea = InstanceType<typeof CLTextArea>;

package/dist/components/Form/utils.d.ts

@@ -0,0 +1,12 @@
+import { CLColors } from '../../index';
+interface ThemeProps {
+    color: CLColors;
+    component?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+}
+export declare const checkboxTheme: ({ color, component, disabled }: ThemeProps) => string;
+export declare const inputTheme: ({ color, component, disabled, readonly }: ThemeProps) => string;
+export declare const inputMessagesTheme: ({ color }: ThemeProps) => string;
+export declare const selectTheme: ({ color, disabled }: ThemeProps) => string;
+export {};

package/dist/components/Indicators/CLBadge.vue.d.ts

@@ -0,0 +1,24 @@
+import { CLBorderRadius, CLColors, CLColorVariants } from '../../index';
+export interface Props {
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
+    borderRadius?: CLBorderRadius;
+    /** Sets the color of the Badge. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
+    /** The count to display in the Badge. */
+    label: string | number;
+    /** The `elevated` property displays a shadow to indicate elevation. */
+    elevated?: boolean;
+    /** The maximum amount of characters to display. Once the amount characters goes beyond the limit, a plus sign is added after the displayed characters. */
+    limit?: number;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Sets the color variant. The property can be on of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
+    variant?: CLColorVariants;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: CLColors;
+    variant: CLColorVariants;
+    elevated: boolean;
+    testId: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/Indicators/CLBanner.vue.d.ts

@@ -0,0 +1,13 @@
+import { CLAlign, CLBannerProps, CLColors, CLColorVariants } from '../../index';
+declare const _default: import('vue').DefineComponent<CLBannerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLBannerProps> & Readonly<{}>, {
+    color: CLColors;
+    width: string;
+    height: string;
+    variant: CLColorVariants;
+    testId: string;
+    align: CLAlign;
+    bordered: boolean;
+    busy: boolean;
+    rounded: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;