@codeandfunction/callaloo 1.18.10 → 2.1.0

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

@@ -1,4 +1,4 @@
-import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageThemes, CLSizes, CLInputThemes } from '../../index';
+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;
@@ -6,6 +6,8 @@ interface Props {
     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. */
@@ -18,8 +20,8 @@ interface Props {
     label?: string;
     /** An array of messages to be displayed. */
     messages?: string[];
-    /** The message type. The property can be one of `CLThemes`, e.g. `CLThemes.Danger`. */
-    messageType?: CLMessageThemes;
+    /** 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. */
@@ -30,8 +32,6 @@ interface Props {
     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. */
@@ -44,9 +44,11 @@ interface Props {
     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: CLInputThemes;
+    color: CLColors;
     testId: string;
+    rounded: boolean;
     size: CLSizes;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    checkboxElem: HTMLInputElement;
+}, HTMLDivElement>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { CLBorderRadius, CLIconNames, CLInputTypes, CLGenericFocusFunction, CLGenericFunction, CLSizes, CLInputThemes, CLMessageThemes, CLOrientation } from '../../index';
+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;
@@ -8,6 +8,8 @@ interface Props {
     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. */
@@ -26,8 +28,8 @@ interface Props {
     minLength?: number;
     /** An array of messages to be displayed. */
     messages?: string[];
-    /** The message type. The property can be one of `CLThemes`, e.g. `CLThemes.Danger`. */
-    messageType?: CLMessageThemes;
+    /** 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` */
@@ -54,8 +56,6 @@ interface Props {
     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. */
@@ -74,12 +74,14 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onReset?: ((...args: any[]) => any) | undefined;
 }>, {
-    fluid: boolean;
-    rounded: boolean;
-    theme: CLInputThemes;
+    color: CLColors;
     testId: string;
     type: CLInputTypes;
+    rounded: boolean;
+    fluid: boolean;
     size: CLSizes;
     orientation: CLOrientation;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputElem: HTMLInputElement;
+}, HTMLDivElement>;
 export default _default;

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

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

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

@@ -1,4 +1,4 @@
-import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageThemes, CLSizes, CLInputThemes } from '../../index';
+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;
@@ -6,6 +6,8 @@ interface Props {
     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. */
@@ -18,8 +20,8 @@ interface Props {
     label?: string;
     /** An array of messages to be displayed. */
     messages?: string[];
-    /** The message type. The property can be one of `CLThemes`, e.g. `CLThemes.Danger`. */
-    messageType?: CLMessageThemes;
+    /** 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. */
@@ -30,8 +32,6 @@ interface Props {
     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. */
@@ -44,9 +44,11 @@ interface Props {
     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: CLInputThemes;
+    color: CLColors;
     testId: string;
+    rounded: boolean;
     size: CLSizes;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    radioButtonElem: HTMLInputElement;
+}, HTMLDivElement>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { CLBorderRadius, CLGenericFocusFunction, CLGenericFunction, CLInputThemes, CLMessageThemes, CLOption, CLOrientation, CLSizes } from '../../index';
+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;
@@ -6,6 +6,8 @@ interface Props {
     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. */
@@ -18,8 +20,8 @@ interface Props {
     label?: string;
     /** An array of messages to be displayed. */
     messages?: string[];
-    /** The message type. The property can be one of `CLThemes`, e.g. `CLThemes.Danger`. */
-    messageType?: CLMessageThemes;
+    /** 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` */
@@ -34,8 +36,6 @@ interface Props {
     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. */
@@ -48,11 +48,13 @@ interface Props {
     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: CLInputThemes;
+    color: CLColors;
     testId: string;
+    rounded: boolean;
+    fluid: boolean;
     size: CLSizes;
     orientation: CLOrientation;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    selectElem: HTMLSelectElement;
+}, HTMLDivElement>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageThemes, CLOrientation, CLSizes, CLInputThemes } from '../../index';
+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;
@@ -8,6 +8,8 @@ interface Props {
     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. */
@@ -26,8 +28,8 @@ interface Props {
     minLength?: number;
     /** An array of messages to be displayed. */
     messages?: string[];
-    /** The message type. The property can be one of `CLThemes`, e.g. `CLThemes.Danger`. */
-    messageType?: CLMessageThemes;
+    /** 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` */
@@ -52,8 +54,6 @@ interface Props {
     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 loses focus. */
@@ -66,12 +66,14 @@ interface Props {
     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: CLInputThemes;
+    color: CLColors;
     testId: string;
+    rounded: boolean;
+    fluid: boolean;
     size: CLSizes;
     orientation: CLOrientation;
     resizable: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, 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

@@ -1,12 +1,12 @@
-import { CLThemes } from '../../index';
+import { CLColors } from '../../index';
 interface ThemeProps {
-    color: CLThemes;
+    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 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

@@ -1,21 +1,24 @@
-import { CLBadgeThemes, CLBorderRadius } from '../../index';
+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;
+    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;
-    /** The theme of the Badge. The property can be one of `CLBadgeThemes`, e.g. `CLBadgeThemes.Default`. */
-    theme?: CLBadgeThemes;
+    /** 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<{}>, {
-    theme: CLBadgeThemes;
-    testId: string;
+    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

@@ -1,12 +1,13 @@
-import { CLAlign, CLBannerProps } from '../../index';
+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<{}>, {
-    rounded: boolean;
-    theme: import('../../types').BannerThemes;
+    color: CLColors;
+    width: string;
+    height: string;
+    variant: CLColorVariants;
     testId: string;
     align: CLAlign;
     bordered: boolean;
     busy: boolean;
-    height: string;
-    width: string;
+    rounded: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,5 +1,7 @@
-import { CLGenericFunction, CLIconNames, CLPillThemes } from '../../index';
+import { CLGenericFunction, CLIconNames, CLColors, CLColorVariants } from '../../index';
 export interface Props {
+    /** Sets the color of the Pill. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    color?: CLColors;
     /** The count to display in the Pill. */
     count?: number;
     /** The `elevated` property displays a shadow to indicate elevation. */
@@ -14,13 +16,14 @@ export interface Props {
     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;
+    /** 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<{}>, {
-    rounded: boolean;
-    theme: CLPillThemes;
-    testId: string;
+    color: CLColors;
+    variant: CLColorVariants;
     elevated: boolean;
+    testId: string;
+    rounded: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,7 @@
+import { default as CLBadge } from './CLBadge.vue';
+import { default as CLBanner } from './CLBanner.vue';
+import { default as CLPill } from './CLPill.vue';
+export { CLBadge, CLBanner, CLPill };
+export type CLBadge = InstanceType<typeof CLBadge>;
+export type CLBanner = InstanceType<typeof CLBanner>;
+export type CLPill = InstanceType<typeof CLPill>;

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

@@ -1,8 +1,9 @@
-import { CLThemes } from '../../index';
+import { CLColors, CLColorVariants } from '../../index';
 interface ThemeProps {
-    color: CLThemes;
+    color: CLColors;
+    variant: CLColorVariants;
 }
-export declare const badgeTheme: ({ color }: ThemeProps) => string;
-export declare const bannerTheme: ({ color }: ThemeProps) => string;
-export declare const pillTheme: ({ color }: ThemeProps) => string;
+export declare const badgeTheme: ({ color, variant, }: ThemeProps) => string;
+export declare const bannerTheme: ({ color, variant, }: ThemeProps) => string;
+export declare const pillTheme: ({ color, variant, }: ThemeProps) => string;
 export {};

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

@@ -12,9 +12,9 @@ export interface Props {
     width?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    rounded: boolean;
-    testId: string;
-    height: string;
     width: string;
+    height: string;
+    testId: string;
+    rounded: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,18 +1,18 @@
-import { CLAlign, CLPosition, CLSpinnerThemes, CLSizes } from '../../index';
+import { CLAlign, CLPosition, CLSizes, CLColors } from '../../index';
 export interface Props {
     /** 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 color of the Spinner. The property can be one of `CLColors`, e.g. `CLColors.Primary` */
+    color?: CLColors;
     /** 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<{}>, {
-    theme: CLSpinnerThemes;
+    color: CLColors;
     testId: string;
     align: CLAlign;
     size: CLSizes;

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

@@ -0,0 +1,5 @@
+import { default as CLSkeleton } from './CLSkeleton.vue';
+import { default as CLSpinner } from './CLSpinner.vue';
+export { CLSkeleton, CLSpinner };
+export type CLSkeleton = InstanceType<typeof CLSkeleton>;
+export type CLSpinner = InstanceType<typeof CLSpinner>;

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

@@ -1,6 +1,6 @@
-import { CLThemes } from '../../index';
+import { CLColors } from '../../index';
 interface ThemeProps {
-    color: CLThemes;
+    color: CLColors;
 }
 export declare const spinnerTheme: ({ color }: ThemeProps) => string;
 export {};

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

@@ -29,12 +29,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<{}>, {
-    testId: string;
     borderRadius: CLBorderRadius;
+    testId: string;
     isOpen: boolean;
     zIndex: number;
     fullscreen: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    modalWindow: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -0,0 +1,3 @@
+import { default as CLModal } from './CLModal.vue';
+export { CLModal };
+export type CLModal = InstanceType<typeof CLModal>;

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

@@ -1,7 +1,9 @@
-import { CLLinkTarget, CLSimpleThemes, CLGenericFunction } from '../../index';
+import { CLLinkTarget, CLColors, CLGenericFunction } from '../../index';
 export interface Props {
     /** Sets the aria-label on the Link element. */
     ariaLabel?: string;
+    /** Set the color of the link. The property can be one of `CLColors`, e.g. `CLColors.Secondary`. */
+    color?: CLColors;
     /** 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. */
@@ -14,8 +16,6 @@ export interface Props {
     target?: CLLinkTarget;
     /** 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;
 }
@@ -29,7 +29,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<{}>, {
-    theme: CLSimpleThemes;
+    color: CLColors;
     testId: string;
     target: CLLinkTarget;
     external: boolean;

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

@@ -1,7 +1,9 @@
-import { CLLinkTarget, CLSimpleThemes, CLGenericFunction } from '../../index';
+import { CLLinkTarget, CLColors, CLGenericFunction } from '../../index';
 export interface Props {
     /** Sets the aria-label on the NavLink element. */
     ariaLabel?: string;
+    /** Set the color of the link. The property can be one of `CLColors`, e.g. `CLColors.Neutral`. */
+    color?: CLColors;
     /** 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. */
@@ -16,8 +18,6 @@ export interface Props {
     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(): {
     attrs: Partial<{}>;
@@ -29,7 +29,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<{}>, {
-    theme: CLSimpleThemes;
+    color: CLColors;
     testId: string;
     external: boolean;
     rel: string;

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

@@ -1,16 +1,16 @@
-import { CLNavItem, CLOrientation, CLSimpleThemes } from '../../index';
+import { CLNavItem, CLOrientation, CLColors } from '../../index';
 export interface Props {
+    /** Set the color of the link. The property can be one of `CLColors`, e.g. `CLColors.Secondary`. */
+    color?: CLColors;
     /** An array of `CLNavItem` objects that will be rendered as a list of navigation items. */
     navItems: CLNavItem[];
     /** 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<{}>, {
-    theme: CLSimpleThemes;
+    color: CLColors;
     testId: string;
     type: CLOrientation;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>;

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

@@ -0,0 +1,7 @@
+import { default as CLLink } from './CLLink.vue';
+import { default as CLNavLink } from './CLNavLink.vue';
+import { default as CLNavSection } from './CLNavSection.vue';
+export { CLLink, CLNavLink, CLNavSection };
+export type CLLink = InstanceType<typeof CLLink>;
+export type CLNavLink = InstanceType<typeof CLNavLink>;
+export type CLNavSection = InstanceType<typeof CLNavSection>;

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

@@ -1,7 +1,7 @@
-import { CLThemes } from '../../index';
+import { CLColors } from '../../index';
 interface BaseLinkProps {
-    color: CLThemes;
+    color: CLColors;
     underline?: boolean;
 }
-export declare const base_link: ({ color, underline, }: BaseLinkProps) => string;
+export declare const base_link: ({ color, underline }: BaseLinkProps) => string;
 export {};