@codeandfunction/callaloo 1.13.1 → 1.13.3

package/dist/components/Assets/Icon.vue.d.ts

@@ -1,9 +1,13 @@
-import { CLIconNames, CLSizes } from '../../index';
+import { CLIconNames, CLIconSizes } from '../../index';
 interface Props {
+    /** The name of the icon in the icon set to display. */
     name: CLIconNames;
-    size?: CLSizes;
+    /** The size of the icon. */
+    size?: CLIconSizes;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: CLSizes;
+    size: CLIconSizes;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Buttons/A11yButton.vue.d.ts

@@ -1,7 +1,11 @@
 export interface Props {
+    /** When set to `false` it will mimic the disabled state of a standard `<button />`. */
     enabled?: boolean;
+    /** When set to true, sets the width of the A11yButton to 100% of it's parent. */
     fluid?: boolean;
+    /** When set to `false` it will not render with rounded corners. */
     rounded: boolean;
+    /** Sets a custom ID used for unit tests. */
     testId?: string;
 }
 declare function __VLS_template(): {

package/dist/components/Buttons/Button.vue.d.ts

@@ -1,81 +1,109 @@
 import { PropType } from 'vue';
-import { CLAlign, CLBorderRadius, CLButtonTypes, CLIconNames, CLSizes, CLThemes } from '../../index';
+import { CLAlign, CLBorderRadius, CLButtonTypes, CLIconNames, CLIconSizes, CLSizes, CLThemes } from '../../index';
+/**
+ * The `<CLButton />` component extends the functionality of the native `<button />` element, by including support for icons and themes.
+ */
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left`  */
     alignContent: {
         type: PropType<CLAlign>;
         default: CLAlign;
     };
+    /** Sets the aria-label on the button. It should be used when there is no discernable text present, or if this is an icon only button. */
     ariaLabel: {
         type: StringConstructor;
     };
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius: {
         type: PropType<CLBorderRadius>;
     };
+    /** A `boolean` value which dictates the busy state of the button. */
     busy: {
         type: BooleanConstructor;
     };
+    /** The `elevated` property displays a shadow to indicate elevation. */
     elevated: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** The form whom the button belongs to. Useful for when buttons are not within a `form` element. */
     form: {
         type: StringConstructor;
     };
+    /** A callback function which provides a reference to the button. */
     forwardRef: {
         type: FunctionConstructor;
     };
+    /** Sets the height of the button, it's default value is `auto`. */
     height: {
         type: StringConstructor;
         default: string;
     };
+    /** Sets the icon which is positioned after the button's slot content. */
     iconAfter: {
         type: PropType<CLIconNames>;
     };
+    /** Sets the icon which is positioned before the button's slot content. */
     iconBefore: {
         type: PropType<CLIconNames>;
     };
+    /** Sets the `iconBefore` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
     iconSize: {
-        type: PropType<CLSizes>;
+        type: PropType<CLIconSizes>;
+        default: CLIconSizes;
     };
+    /** Sets the `iconAfter` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
     iconAfterSize: {
-        type: PropType<CLSizes>;
+        type: PropType<CLIconSizes>;
+        default: CLIconSizes;
     };
+    /** When set to `true` it will display the button as a `CLLink`. */
     link: {
         type: BooleanConstructor;
     };
+    /** A callback function to handle click events. */
     onClick: {
         type: FunctionConstructor;
     };
+    /** When set to `true` it will display the button as a `CLPill`. */
     pill: {
         type: BooleanConstructor;
     };
+    /** When set to `false` it will not render with rounded corners. */
     rounded: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Sets the button size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
     size: {
         type: PropType<CLSizes>;
         default: CLSizes;
     };
+    /** Sets the title attribute. */
     title: {
         type: StringConstructor;
     };
+    /** Sets a custom ID used for unit tests. */
     testId: {
         type: StringConstructor;
         default: string;
     };
+    /** Sets the button type. The property can be one of `CLButtonTypes`, e.g. `CLButtonTypes.Submit`. */
     type: {
         type: PropType<CLButtonTypes>;
         default: CLButtonTypes;
     };
+    /** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
     theme: {
         type: PropType<CLThemes>;
         default: CLThemes;
     };
+    /** Sets the width of the button, it's default value is `auto`. */
     width: {
         type: StringConstructor;
         default: string;
     };
+    /** When set to `true`, it will remove any horizontal and vertical padding of the slot content. */
     wrap: {
         type: BooleanConstructor;
         default: boolean;
@@ -83,81 +111,106 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left`  */
     alignContent: {
         type: PropType<CLAlign>;
         default: CLAlign;
     };
+    /** Sets the aria-label on the button. It should be used when there is no discernable text present, or if this is an icon only button. */
     ariaLabel: {
         type: StringConstructor;
     };
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius: {
         type: PropType<CLBorderRadius>;
     };
+    /** A `boolean` value which dictates the busy state of the button. */
     busy: {
         type: BooleanConstructor;
     };
+    /** The `elevated` property displays a shadow to indicate elevation. */
     elevated: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** The form whom the button belongs to. Useful for when buttons are not within a `form` element. */
     form: {
         type: StringConstructor;
     };
+    /** A callback function which provides a reference to the button. */
     forwardRef: {
         type: FunctionConstructor;
     };
+    /** Sets the height of the button, it's default value is `auto`. */
     height: {
         type: StringConstructor;
         default: string;
     };
+    /** Sets the icon which is positioned after the button's slot content. */
     iconAfter: {
         type: PropType<CLIconNames>;
     };
+    /** Sets the icon which is positioned before the button's slot content. */
     iconBefore: {
         type: PropType<CLIconNames>;
     };
+    /** Sets the `iconBefore` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
     iconSize: {
-        type: PropType<CLSizes>;
+        type: PropType<CLIconSizes>;
+        default: CLIconSizes;
     };
+    /** Sets the `iconAfter` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
     iconAfterSize: {
-        type: PropType<CLSizes>;
+        type: PropType<CLIconSizes>;
+        default: CLIconSizes;
     };
+    /** When set to `true` it will display the button as a `CLLink`. */
     link: {
         type: BooleanConstructor;
     };
+    /** A callback function to handle click events. */
     onClick: {
         type: FunctionConstructor;
     };
+    /** When set to `true` it will display the button as a `CLPill`. */
     pill: {
         type: BooleanConstructor;
     };
+    /** When set to `false` it will not render with rounded corners. */
     rounded: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Sets the button size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
     size: {
         type: PropType<CLSizes>;
         default: CLSizes;
     };
+    /** Sets the title attribute. */
     title: {
         type: StringConstructor;
     };
+    /** Sets a custom ID used for unit tests. */
     testId: {
         type: StringConstructor;
         default: string;
     };
+    /** Sets the button type. The property can be one of `CLButtonTypes`, e.g. `CLButtonTypes.Submit`. */
     type: {
         type: PropType<CLButtonTypes>;
         default: CLButtonTypes;
     };
+    /** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
     theme: {
         type: PropType<CLThemes>;
         default: CLThemes;
     };
+    /** Sets the width of the button, it's default value is `auto`. */
     width: {
         type: StringConstructor;
         default: string;
     };
+    /** When set to `true`, it will remove any horizontal and vertical padding of the slot content. */
     wrap: {
         type: BooleanConstructor;
         default: boolean;
@@ -170,9 +223,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     elevated: boolean;
     theme: CLThemes;
     busy: boolean;
-    width: string;
     height: string;
+    width: string;
     alignContent: CLAlign;
+    iconSize: CLIconSizes;
+    iconAfterSize: CLIconSizes;
     pill: boolean;
     size: CLSizes;
     wrap: boolean;

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

@@ -17,10 +17,10 @@ declare const __VLS_component: import('vue').DefineComponent<CLCardProps, {}, {}
     target: CLLinkTarget;
     elevated: boolean;
     theme: CLThemes;
+    align: CLAlign;
     busy: boolean;
-    width: string;
     height: string;
-    align: CLAlign;
+    width: string;
     active: boolean;
     imageAltText: string;
     imageHeight: string;

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

@@ -1,12 +1,30 @@
-import { CLAlign, CLOrder, CLThemes } from '../../../index';
+import { CLAlign, CLPaginationType, CLOrder, CLThemes } from '../../../index';
+type PerPageBreakpoint = [number, number];
 export interface Props {
+    /** 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;
+    /** Sets the theme of the carousel navigation components. The property can be one of `CLThemes`, e.g. `CLThemes.Secondary`. */
     theme?: CLThemes;
+    /** Explicity set a width for the carousel. Default is 100% of it's parent container. */
+    width?: string;
 }
 declare function __VLS_template(): {
     slots: {
@@ -20,9 +38,14 @@ declare function __VLS_template(): {
 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<{}>, {
     enabled: boolean;
+    testId: string;
     theme: CLThemes;
+    width: string;
+    moreLabel: string;
+    paginationType: CLPaginationType;
     controlAlign: CLAlign;
     controlPosition: CLOrder;
+    perPage: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,14 +1,21 @@
-import { CLThemes } from '../../../index';
+import { CLGenericFunction, CLPaginationType, CLThemes } from '../../../index';
 interface Props {
-    prefix: string;
     currentPage: number;
-    totalPages: number;
-    theme: CLThemes;
+    enabled: boolean;
+    gotoPage: (index: number) => void;
+    moreLabel: string;
+    moreAriaLabel?: string;
     nextPageEnabled: boolean;
+    paginationType: CLPaginationType;
+    prefix: string;
     prevPageEnabled: boolean;
-    showPrevItems?: () => void;
-    showNextItems?: () => void;
-    showMore?: () => void;
+    showMore?: CLGenericFunction;
+    showNextItems?: CLGenericFunction;
+    showPrevItems?: CLGenericFunction;
+    totalPages: number;
+    theme: CLThemes;
 }
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/CarouselSlide.vue.d.ts

@@ -0,0 +1,16 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+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, {}, any>;
+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/Disclosure.vue.d.ts

@@ -1,23 +1,42 @@
-import { CLHeadingTypes, CLHeadingLevels, CLIconNames, CLTextTypes, CLSizes, CLBorderRadius } from '../../index';
+import { CLHeadingTypes, CLHeadingLevels, CLIconNames, CLTextTypes, CLSizes, CLBorderRadius, CLIconSizes } from '../../index';
 export interface Props {
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius?: CLBorderRadius;
+    /** 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;
-    iconBeforeSize?: CLSizes;
+    /** 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;
-    iconAfterSize?: CLSizes;
+    /** 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 transparency of the disclosure. When set to `true` it will remove the surrounding borders and background color. */
     transparent?: boolean;
+    /** Set the size of the trigger button. The property can be one of `CLSizes`, e.g. `CLSizes.Medium` */
     triggerButtonSize?: CLSizes;
 }
 declare function __VLS_template(): {
@@ -33,7 +52,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     testId: string;
     borderRadius: CLBorderRadius;
     iconAfter: CLIconNames;
-    iconAfterSize: CLSizes;
+    iconAfterSize: CLIconSizes;
     contentSpacing: boolean;
     disclosureId: string;
     expanded: boolean;

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

@@ -1,7 +1,52 @@
-import { CLInputProps, CLSizes, CLThemes } from '../../index';
-declare const _default: import('vue').DefineComponent<Omit<CLInputProps, "fluid" | "pattern" | "prefix" | "width" | "autoComplete" | "grouped" | "labelSize" | "maxLength" | "minLength" | "options" | "placeholder" | "readonly" | "resizable" | "rows" | "spellcheck" | "suffix">, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Omit<CLInputProps, "fluid" | "pattern" | "prefix" | "width" | "autoComplete" | "grouped" | "labelSize" | "maxLength" | "minLength" | "options" | "placeholder" | "readonly" | "resizable" | "rows" | "spellcheck" | "suffix">> & Readonly<{}>, {
+import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageType, CLSizes, CLInputThemes } 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;
+    /** 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 `CLMessageType`, e.g. `CLMessageType.Error`. */
+    messageType?: CLMessageType;
+    /** 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;
+    /** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
+    theme?: CLInputThemes;
+    /** 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<{}>, {
     rounded: boolean;
-    theme: CLThemes;
+    testId: string;
+    theme: CLInputThemes;
     size: CLSizes;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,9 +1,78 @@
-import { CLInputTypes, CLInputProps, CLSizes, CLThemes } from '../../index';
-declare const _default: import('vue').DefineComponent<Omit<CLInputProps, "options" | "resizable" | "rows" | "checked">, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Omit<CLInputProps, "options" | "resizable" | "rows" | "checked">> & Readonly<{}>, {
+import { CLBorderRadius, CLIconNames, CLInputTypes, CLGenericFocusFunction, CLGenericFunction, CLMessageType, CLSizes, CLInputThemes } 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;
+    /** 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 `CLMessageType`, e.g. `CLMessageType.Error`. */
+    messageType?: CLMessageType;
+    /** 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;
+    /** 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;
+    /** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
+    theme?: CLInputThemes;
+    /**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 state is updated. */
+    onInput?: CLGenericFunction;
+    /** A callback function which handles when the radiobutton loses focus. */
+    onBlur?: CLGenericFocusFunction;
+    /** A callback function which handles when the radiobutton gains focus. */
+    onFocus?: CLGenericFocusFunction;
+    /** A callback function which handles when the radiobutton is clicked. */
+    onChange?: CLGenericFunction;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     fluid: boolean;
     rounded: boolean;
+    testId: string;
     type: CLInputTypes;
-    theme: CLThemes;
+    theme: CLInputThemes;
     size: CLSizes;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,7 +1,52 @@
-import { CLInputProps, CLSizes, CLThemes } from '../../index';
-declare const _default: import('vue').DefineComponent<Omit<CLInputProps, "fluid" | "pattern" | "prefix" | "width" | "autoComplete" | "grouped" | "labelSize" | "maxLength" | "minLength" | "options" | "placeholder" | "readonly" | "resizable" | "rows" | "spellcheck" | "suffix">, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Omit<CLInputProps, "fluid" | "pattern" | "prefix" | "width" | "autoComplete" | "grouped" | "labelSize" | "maxLength" | "minLength" | "options" | "placeholder" | "readonly" | "resizable" | "rows" | "spellcheck" | "suffix">> & Readonly<{}>, {
+import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageType, CLSizes, CLInputThemes } 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;
+    /** 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 `CLMessageType`, e.g. `CLMessageType.Error`. */
+    messageType?: CLMessageType;
+    /** 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;
+    /** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
+    theme?: CLInputThemes;
+    /** 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<{}>, {
     rounded: boolean;
-    theme: CLThemes;
+    testId: string;
+    theme: CLInputThemes;
     size: CLSizes;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;