@codeandfunction/callaloo 1.13.1 → 1.13.2

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

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

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

@@ -1,8 +1,73 @@
-import { CLInputProps, CLSizes, CLThemes } from '../../index';
-declare const _default: import('vue').DefineComponent<Omit<CLInputProps, "type" | "prefix" | "pill" | "grouped" | "options" | "suffix" | "checked">, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Omit<CLInputProps, "type" | "prefix" | "pill" | "grouped" | "options" | "suffix" | "checked">> & Readonly<{}>, {
+import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageType, CLSizes, CLInputThemes } 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;
+    /** 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 `CLMessageType`, e.g. `CLMessageType.Error`. */
+    messageType?: CLMessageType;
+    /** 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;
+    /** 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;
+    /** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
+    theme?: CLInputThemes;
+    /** Set the value for the textarea when it's checked. */
+    value?: string | number;
+    /** A callback function which handles when the textarea 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;
-    theme: CLThemes;
+    testId: string;
+    theme: CLInputThemes;
     size: CLSizes;
     resizable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -1,12 +1,20 @@
 import { CLBadgeThemes, CLBorderRadius } from '../../index';
 export interface Props {
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius?: CLBorderRadius;
+    /** The count to display in the Badge. */
     count?: 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;
+    /** The theme of the Badge. The property can be one of `CLBadgeThemes`, e.g. `CLBadgeThemes.Default`. */
     theme?: CLBadgeThemes;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    testId: string;
     elevated: boolean;
     theme: CLBadgeThemes;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -1,10 +1,11 @@
 import { CLAlign, CLBannerProps } from '../../index';
 declare const _default: import('vue').DefineComponent<CLBannerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLBannerProps> & Readonly<{}>, {
     rounded: boolean;
+    testId: string;
     theme: import('../../types').BannerThemes;
+    align: CLAlign;
     busy: boolean;
-    width: string;
     height: string;
-    align: CLAlign;
+    width: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,15 +1,25 @@
-import { CLIconNames, CLPillThemes } from '../../index';
+import { CLGenericFunction, CLIconNames, CLPillThemes } from '../../index';
 export interface Props {
-    label: string;
+    /** The count to display in the Pill. */
     count?: number;
+    /** The `elevated` property displays a shadow to indicate elevation. */
     elevated?: boolean;
+    /** Sets the icon which is positioned before the Pill's label. */
     icon?: CLIconNames;
+    /** The text to be displayed as the label. */
+    label: string;
+    /** A callback function to handle click events. */
+    onClick?: CLGenericFunction;
+    /** When set to `false` it will not render a Pill with rounded corners. */
     rounded?: boolean;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** The theme of the Pill. The property can be one of `CLPillThemes`, e.g. `CLPillThemes.Default`. */
     theme?: CLPillThemes;
-    onClick?: () => void;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     rounded: boolean;
+    testId: string;
     elevated: boolean;
     theme: CLPillThemes;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/Loading/Skeleton.vue.d.ts

@@ -1,13 +1,20 @@
 import { CLBorderRadius } from '../../index';
 export interface Props {
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius?: CLBorderRadius;
+    /** Sets the height of the Skeleton, it's default value is `100%`. */
     height?: string;
+    /** When set to `false` it will not render with rounded corners. */
     rounded?: boolean;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Sets the width of the Skeleton, it's default value is `100%`. */
     width?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     rounded: boolean;
-    width: string;
+    testId: string;
     height: string;
+    width: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Loading/Spinner.vue.d.ts

@@ -1,11 +1,18 @@
 import { CLAlign, CLPosition, CLSpinnerThemes, CLSizes } from '../../index';
 export interface Props {
-    theme?: CLSpinnerThemes;
-    size?: CLSizes;
+    /** Set the horizontal alignment of the Spinner on the page. The property can be one of `CLAlign`, e.g. `CLAlign.Left`  */
     align?: CLAlign;
+    /** Sets the css display property of the Spinner. The property can be one of `CLPosition`, e.g. `CLPosition.Absolute` */
     position?: CLPosition;
+    /** Sets the size of the Spinner. 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 theme of the Spinner. The property can be one of `CLSpinnerThemes`, e.g. `CLSpinnerThemes.Primary` */
+    theme?: CLSpinnerThemes;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    testId: string;
     theme: CLSpinnerThemes;
     align: CLAlign;
     size: CLSizes;

package/dist/components/Modals/CLModal.vue.d.ts

@@ -1,10 +1,18 @@
-import { CLBorderRadius } from '../../index';
+import { CLBorderRadius, CLGenericFunction } from '../../index';
 interface Props {
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius?: CLBorderRadius;
+    /** When set to `true`, the Modal spans the available width and height of the page. */
     fullscreen?: boolean;
-    isOpen: boolean;
-    onClose: () => void;
+    /** When set to `true`, the Modal is visible. */
+    isOpen?: boolean;
+    /** A callback function to be called when the Modal is closed. */
+    onClose?: CLGenericFunction;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** The title content of the Modal. */
     title?: string;
+    /** The z-index of the Modal. */
     zIndex?: number;
 }
 declare function __VLS_template(): {
@@ -17,6 +25,7 @@ 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<{}>, {
+    testId: string;
     borderRadius: CLBorderRadius;
     isOpen: boolean;
     zIndex: number;

package/dist/components/Navigation/Link.vue.d.ts

@@ -1,13 +1,22 @@
-import { CLLinkTarget, CLSimpleThemes } from '../../index';
+import { CLLinkTarget, CLSimpleThemes, CLGenericFunction } from '../../index';
 export interface Props {
+    /** Sets the aria-label on the Link element. */
     ariaLabel?: string;
+    /** Sets the external attribute on the Link element. If set, it adds an icon indicating that the link will open a new tab/window. */
     external?: boolean;
+    /** Sets the href attribute on the Link element. */
     href?: string;
-    onClick?: () => void;
+    /** A callback function to handle click events. */
+    onClick?: CLGenericFunction;
+    /** Sets the rel attribute on the Link element. */
     rel?: string;
+    /** Sets the target attribute on the Link element. The property can be one of `CLLinkTarget`, e.g. `CLLinkTarget.Self` */
     target?: CLLinkTarget;
-    theme?: CLSimpleThemes;
+    /** Sets a custom ID used for unit tests. */
     testId?: string;
+    /** Sets the theme of the Link element. The property can be one of `CLSimpleThemes`, e.g. `CLThemes.Default` */
+    theme?: CLSimpleThemes;
+    /** When set to `true`, it adds an underline to the link. */
     underline?: boolean;
 }
 declare function __VLS_template(): {

package/dist/components/Navigation/NavLink.vue.d.ts

@@ -1,14 +1,23 @@
-import { CLLinkTarget, CLSimpleThemes } from '../../index';
+import { CLLinkTarget, CLSimpleThemes, CLGenericFunction } from '../../index';
 export interface Props {
+    /** Sets the aria-label on the NavLink element. */
     ariaLabel?: string;
+    /** Sets the external attribute on the NavLink element. If set, it adds an icon indicating that the link will open a new tab/window. */
     external?: boolean;
+    /** Sets the href attribute on the Link element. */
     href?: string;
+    /** Sets the unique ID of the NavLink element. */
     id?: string;
-    theme?: CLSimpleThemes;
-    onClick?: () => void;
+    /** A callback function to handle click events. */
+    onClick?: CLGenericFunction;
+    /** Sets the rel attribute on the NavLink element. */
     rel?: string;
+    /** Sets the target attribute on the NavLink element. The property can be one of `CLLinkTarget`, e.g. `CLLinkTarget.Self` */
     target?: CLLinkTarget;
+    /** Sets a custom ID used for unit tests. */
     testId?: string;
+    /** Sets the theme of the NavLink element. The property can be one of `CLSimpleThemes`, e.g. `CLThemes.Default` */
+    theme?: CLSimpleThemes;
 }
 declare function __VLS_template(): {
     slots: {

package/dist/components/Navigation/NavSection.vue.d.ts

@@ -1,8 +1,12 @@
 import { CLNavItem, CLOrientation, CLSimpleThemes } from '../../index';
 export interface Props {
+    /** An array of `CLNavItem` objects that will be rendered as a list of navigation items. */
     navItems: CLNavItem[];
-    theme?: CLSimpleThemes;
+    /** Sets a custom ID used for unit tests. */
     testId?: string;
+    /** Sets the theme of the navigation section. The property can be one of `CLSimpleThemes`, e.g. `CLThemes.Default` */
+    theme?: CLSimpleThemes;
+    /** Sets the orientation of the navigation section. The property can be one of `CLOrientation`, e.g. `CLOrientation.Horizontal` */
     type?: CLOrientation;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {

package/dist/components/Popups/DropdownMenu.vue.d.ts

@@ -1,21 +1,38 @@
-import { CLBorderRadius, CLIconNames, CLPlacement, CLSizes, CLThemes } from '../../index';
+import { CLBorderRadius, CLIconNames, CLIconSizes, CLPlacement, CLSizes, CLThemes } from '../../index';
 interface Props {
+    /** Sets the aria-label on the anchor button. */
     buttonAriaLabel: string;
+    /** Set the border radius size on the anchor button. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     buttonBorderRadius?: CLBorderRadius;
+    /** Sets the anchor button size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
     buttonSize?: CLSizes;
+    /** Sets the style/theme of the anchor button. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
     buttonTheme?: CLThemes;
+    /** A callback function to be called when the DropdownMenu is closed. */
     onCloseHandler?: () => void;
+    /** Set the border radius size on the content container. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     containerBorderRadius?: CLBorderRadius;
+    /** Sets the style/theme of the content container. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
     containerTheme?: CLThemes.Light | CLThemes.Dark;
+    /** Sets the width of the content container. */
     contentWidth?: string;
+    /** Sets the icon to be displayed after the anchor button label. The property can be one of `CLIconNames`, e.g. `CLIconNames.ChevronDown`. */
     iconAfter?: CLIconNames;
+    /** Sets the icon to be displayed before the anchor button label. The property can be one of `CLIconNames`, e.g. `CLIconNames.Menu`. */
     iconBefore?: CLIconNames;
-    iconAfterSize?: CLSizes;
-    iconSize?: CLSizes;
+    /** Sets the size of the icon displayed after the anchor button label. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Tiny`. */
+    iconAfterSize?: CLIconSizes;
+    /** Sets the size of the icon displayed before the anchor button label. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Tiny`. */
+    iconSize?: CLIconSizes;
+    /** Sets the initial open state of the DropdownMenu. */
     isOpen?: boolean;
+    /** Sets the label on the anchor button. */
     label?: string;
+    /** A callback function to be called when the DropdownMenu is opened. */
     onOpenHandler?: () => void;
+    /** Sets the placement of the content container. The property can be one of `CLPlacement`, e.g. `CLPlacement.BottomStart`. */
     placement?: CLPlacement;
+    /** Sets the z-index of the content container. */
     zIndex?: number;
 }
 declare function __VLS_template(): {
@@ -58,10 +75,12 @@ declare function __VLS_template(): {
                 type: import('vue').PropType<CLIconNames>;
             };
             iconSize: {
-                type: import('vue').PropType<CLSizes>;
+                type: import('vue').PropType<CLIconSizes>;
+                default: CLIconSizes;
             };
             iconAfterSize: {
-                type: import('vue').PropType<CLSizes>;
+                type: import('vue').PropType<CLIconSizes>;
+                default: CLIconSizes;
             };
             link: {
                 type: BooleanConstructor;
@@ -113,9 +132,11 @@ declare function __VLS_template(): {
             elevated: boolean;
             theme: CLThemes;
             busy: boolean;
-            width: string;
             height: string;
+            width: string;
             alignContent: import('../../types').Align;
+            iconSize: CLIconSizes;
+            iconAfterSize: CLIconSizes;
             pill: boolean;
             size: CLSizes;
             wrap: boolean;
@@ -161,10 +182,12 @@ declare function __VLS_template(): {
                 type: import('vue').PropType<CLIconNames>;
             };
             iconSize: {
-                type: import('vue').PropType<CLSizes>;
+                type: import('vue').PropType<CLIconSizes>;
+                default: CLIconSizes;
             };
             iconAfterSize: {
-                type: import('vue').PropType<CLSizes>;
+                type: import('vue').PropType<CLIconSizes>;
+                default: CLIconSizes;
             };
             link: {
                 type: BooleanConstructor;
@@ -216,9 +239,11 @@ declare function __VLS_template(): {
             elevated: boolean;
             theme: CLThemes;
             busy: boolean;
-            width: string;
             height: string;
+            width: string;
             alignContent: import('../../types').Align;
+            iconSize: CLIconSizes;
+            iconAfterSize: CLIconSizes;
             pill: boolean;
             size: CLSizes;
             wrap: boolean;
@@ -230,8 +255,8 @@ 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<{}>, {
     iconAfter: CLIconNames;
-    iconSize: CLSizes;
-    iconAfterSize: CLSizes;
+    iconSize: CLIconSizes;
+    iconAfterSize: CLIconSizes;
     buttonSize: CLSizes;
     buttonTheme: CLThemes;
     containerTheme: CLThemes.Light | CLThemes.Dark;

package/dist/components/Popups/Toast.vue.d.ts

@@ -1,8 +1,9 @@
-import { CLSizes, CLToastProps } from '../../index';
+import { CLIconSizes, CLToastProps } from '../../index';
 declare const _default: import('vue').DefineComponent<CLToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLToastProps> & Readonly<{}>, {
     rounded: boolean;
+    testId: string;
     width: string;
-    iconSize: CLSizes;
+    iconSize: CLIconSizes;
     dismissTimer: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Table/Table.vue.d.ts

@@ -1,13 +1,24 @@
 import { CLBorderRadius, CLTableTypes } from '../../index';
 export interface Props {
+    /** When set to `true` adds borders to the entire table and its rows and columns. */
     bordered?: boolean;
+    /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius?: CLBorderRadius;
+    /** Customize the width of each column. */
     colWidths?: string[];
+    /** Sets the unique ID of the Table element. */
     id?: string;
+    /** When set to `false` it will not render with rounded corners. */
     rounded?: boolean;
+    /** Sets the height of each row. */
     rowHeight?: string;
+    /** When set to `true` adds alternating background colors to the rows. */
     striped?: boolean;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** Sets the type of the table. The property can be one of `CLTableTypes`, e.g. `CLTableTypes.Default`. */
     type?: CLTableTypes;
+    /** When set to `true` adds vertical lines to the table. */
     withVerticalLines?: boolean;
 }
 declare function __VLS_template(): {
@@ -20,6 +31,7 @@ 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<{}>, {
     rounded: boolean;
+    testId: string;
     type: CLTableTypes;
     id: string;
     rowHeight: string;

package/dist/components/Table/TableCell.vue.d.ts

@@ -1,10 +1,17 @@
+import { CLGenericFunction } from '../../index';
 export interface Props {
-    isHeader?: boolean;
-    isNumber?: boolean;
+    /** The number of columns that the cell should span. */
+    colSpan?: number;
+    /** When set to `true` sets the horizontal alignment of the cell content to right. */
     isAction?: boolean;
+    /** When set to `true` adds a background color to the cell to bring more attention to it. */
     isActive?: boolean;
-    colSpan?: number;
-    onClick?: () => void;
+    /** When set to `true` bolds any text content within the cell. */
+    isHeader?: boolean;
+    /** When set to `true` aligns the cell content to the right. */
+    isNumber?: boolean;
+    /** The function to call when the cell is clicked. */
+    onClick?: CLGenericFunction;
 }
 declare function __VLS_template(): {
     slots: {
@@ -18,11 +25,11 @@ 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<{}>, {
-    isHeader: boolean;
-    isNumber: boolean;
+    colSpan: number;
     isAction: boolean;
     isActive: boolean;
-    colSpan: number;
+    isHeader: boolean;
+    isNumber: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Table/TableRow.vue.d.ts

@@ -1,5 +1,7 @@
+import { CLGenericFunction } from '../../index';
 export interface Props {
-    onClick?: () => void;
+    /** The function to call when the row is clicked. */
+    onClick?: CLGenericFunction;
 }
 declare function __VLS_template(): {
     slots: {

package/dist/components/Typography/Heading.vue.d.ts

@@ -1,40 +1,62 @@
 import { PropType } from 'vue';
 import { CLAlign, CLHeadingLevels, CLHeadingTypes, CLHeadingThemes, CLThemes } from '../../index';
+/**
+ * The `<CLHeading />` component renders text as a heading element.
+ */
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    type: {
-        type: PropType<CLHeadingTypes>;
-        default: CLHeadingTypes;
-    };
-    theme: {
-        type: PropType<CLHeadingThemes>;
-        default: CLThemes;
-    };
+    /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
     align: {
         type: PropType<CLAlign>;
         default: CLAlign;
     };
+    /** Set the heading level. The property can be one of `CLHeadingLevels`, e.g. `CLHeadingLevels.H1` */
     level: {
         type: PropType<CLHeadingLevels>;
     };
-}>, () => 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<{
-    type: {
-        type: PropType<CLHeadingTypes>;
-        default: CLHeadingTypes;
+    /** Sets a custom ID used for unit tests. */
+    testId: {
+        type: StringConstructor;
+        default: string;
     };
+    /** Set the theme of the heading. The property can be one of `CLHeadingThemes`, e.g. `CLHeadingThemes.Dark` */
     theme: {
         type: PropType<CLHeadingThemes>;
         default: CLThemes;
     };
+    /** Set the type of the heading. The property can be one of `CLHeadingTypes`, e.g. `CLHeadingTypes.Title` */
+    type: {
+        type: PropType<CLHeadingTypes>;
+        default: CLHeadingTypes;
+    };
+}>, () => 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` */
     align: {
         type: PropType<CLAlign>;
         default: CLAlign;
     };
+    /** Set the heading level. The property can be one of `CLHeadingLevels`, e.g. `CLHeadingLevels.H1` */
     level: {
         type: PropType<CLHeadingLevels>;
     };
+    /** Sets a custom ID used for unit tests. */
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Set the theme of the heading. The property can be one of `CLHeadingThemes`, e.g. `CLHeadingThemes.Dark` */
+    theme: {
+        type: PropType<CLHeadingThemes>;
+        default: CLThemes;
+    };
+    /** Set the type of the heading. The property can be one of `CLHeadingTypes`, e.g. `CLHeadingTypes.Title` */
+    type: {
+        type: PropType<CLHeadingTypes>;
+        default: CLHeadingTypes;
+    };
 }>> & Readonly<{}>, {
+    testId: string;
     type: CLHeadingTypes;
     theme: CLHeadingThemes;
     align: CLAlign;