@codeandfunction/callaloo 1.18.10 → 2.1.0

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

@@ -1,19 +1,23 @@
-import { CLBorderRadius, CLIconNames, CLIconSizes, CLPlacement, CLSizes, CLThemes } from '../../index';
+import { CLBorderRadius, CLIconNames, CLIconSizes, CLPlacement, CLSizes, CLColors, CLColorVariants } 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 height of the anchor button, it's default value is `auto`. */
+    buttonHeight?: string;
     /** 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;
+    /** Sets the color of the anchor button. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
+    buttonColor?: CLColors;
+    /** Sets the color variant. The property can be on of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
+    buttonVariant?: CLColorVariants;
+    /** Sets the width of the anchor button, it's default value is `auto`. */
+    buttonWidth?: string;
     /** 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 | CLThemes.Transparent | CLThemes.Outline;
     /** Sets the width of the content container. */
     contentWidth?: string;
     /** A unique identifier, this is required. It ensures that if multiple dropdowns are used, each will be handled properly. */
@@ -43,20 +47,28 @@ declare function __VLS_template(): {
         content?(_: {}): any;
     };
     refs: {
-        anchor: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        anchor: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             alignContent: {
-                type: import('vue').PropType<import('../../types').Align>;
+                type: PropType<import('../../types').Align>;
                 default: import('../../types').Align;
             };
             ariaLabel: {
                 type: StringConstructor;
             };
             borderRadius: {
-                type: import('vue').PropType<CLBorderRadius>;
+                type: PropType<CLBorderRadius>;
             };
             busy: {
                 type: BooleanConstructor;
             };
+            color: {
+                type: PropType<CLColors>;
+                default: CLColors;
+            };
             disabled: {
                 type: BooleanConstructor;
             };
@@ -75,22 +87,19 @@ declare function __VLS_template(): {
                 default: string;
             };
             iconAfter: {
-                type: import('vue').PropType<CLIconNames>;
+                type: PropType<CLIconNames>;
             };
             iconBefore: {
-                type: import('vue').PropType<CLIconNames>;
+                type: PropType<CLIconNames>;
             };
             iconSize: {
-                type: import('vue').PropType<CLIconSizes>;
+                type: PropType<CLIconSizes>;
                 default: CLIconSizes;
             };
             iconAfterSize: {
-                type: import('vue').PropType<CLIconSizes>;
+                type: PropType<CLIconSizes>;
                 default: CLIconSizes;
             };
-            link: {
-                type: BooleanConstructor;
-            };
             onClick: {
                 type: FunctionConstructor;
             };
@@ -102,7 +111,7 @@ declare function __VLS_template(): {
                 default: boolean;
             };
             size: {
-                type: import('vue').PropType<CLSizes>;
+                type: PropType<CLSizes>;
                 default: CLSizes;
             };
             title: {
@@ -113,12 +122,12 @@ declare function __VLS_template(): {
                 default: string;
             };
             type: {
-                type: import('vue').PropType<import('../../types').ButtonTypes>;
+                type: PropType<import('../../types').ButtonTypes>;
                 default: import('../../types').ButtonTypes;
             };
-            theme: {
-                type: import('vue').PropType<CLThemes>;
-                default: CLThemes;
+            variant: {
+                type: PropType<CLColorVariants>;
+                default: CLColorVariants;
             };
             width: {
                 type: StringConstructor;
@@ -128,21 +137,21 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {}, {
-            hasSlots: boolean;
-        }, {}, {
-            checkForSlots(): boolean;
+        }>> & Readonly<{}>, {
+            hasSlot: globalThis.ComputedRef<boolean>;
+        }, {}, {}, {
             getSpinnerSize(): CLSizes.Tiny | CLSizes.Small | CLSizes.Medium;
         }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            link: boolean;
-            rounded: boolean;
-            theme: CLThemes;
+            color: CLColors;
+            width: string;
+            height: string;
+            variant: CLColorVariants;
+            elevated: boolean;
             testId: string;
             type: import('../../types').ButtonTypes;
-            elevated: boolean;
             busy: boolean;
-            height: string;
-            width: string;
+            rounded: boolean;
+            active: boolean;
             alignContent: import('../../types').Align;
             disabled: boolean;
             iconSize: CLIconSizes;
@@ -157,20 +166,28 @@ declare function __VLS_template(): {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
+        }, Readonly<globalThis.ExtractPropTypes<{
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             alignContent: {
-                type: import('vue').PropType<import('../../types').Align>;
+                type: PropType<import('../../types').Align>;
                 default: import('../../types').Align;
             };
             ariaLabel: {
                 type: StringConstructor;
             };
             borderRadius: {
-                type: import('vue').PropType<CLBorderRadius>;
+                type: PropType<CLBorderRadius>;
             };
             busy: {
                 type: BooleanConstructor;
             };
+            color: {
+                type: PropType<CLColors>;
+                default: CLColors;
+            };
             disabled: {
                 type: BooleanConstructor;
             };
@@ -189,22 +206,19 @@ declare function __VLS_template(): {
                 default: string;
             };
             iconAfter: {
-                type: import('vue').PropType<CLIconNames>;
+                type: PropType<CLIconNames>;
             };
             iconBefore: {
-                type: import('vue').PropType<CLIconNames>;
+                type: PropType<CLIconNames>;
             };
             iconSize: {
-                type: import('vue').PropType<CLIconSizes>;
+                type: PropType<CLIconSizes>;
                 default: CLIconSizes;
             };
             iconAfterSize: {
-                type: import('vue').PropType<CLIconSizes>;
+                type: PropType<CLIconSizes>;
                 default: CLIconSizes;
             };
-            link: {
-                type: BooleanConstructor;
-            };
             onClick: {
                 type: FunctionConstructor;
             };
@@ -216,7 +230,7 @@ declare function __VLS_template(): {
                 default: boolean;
             };
             size: {
-                type: import('vue').PropType<CLSizes>;
+                type: PropType<CLSizes>;
                 default: CLSizes;
             };
             title: {
@@ -227,12 +241,12 @@ declare function __VLS_template(): {
                 default: string;
             };
             type: {
-                type: import('vue').PropType<import('../../types').ButtonTypes>;
+                type: PropType<import('../../types').ButtonTypes>;
                 default: import('../../types').ButtonTypes;
             };
-            theme: {
-                type: import('vue').PropType<CLThemes>;
-                default: CLThemes;
+            variant: {
+                type: PropType<CLColorVariants>;
+                default: CLColorVariants;
             };
             width: {
                 type: StringConstructor;
@@ -242,21 +256,21 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {}, {
-            hasSlots: boolean;
-        }, {}, {
-            checkForSlots(): boolean;
+        }>> & Readonly<{}>, {
+            hasSlot: globalThis.ComputedRef<boolean>;
+        }, {}, {}, {
             getSpinnerSize(): CLSizes.Tiny | CLSizes.Small | CLSizes.Medium;
         }, {
-            link: boolean;
-            rounded: boolean;
-            theme: CLThemes;
+            color: CLColors;
+            width: string;
+            height: string;
+            variant: CLColorVariants;
+            elevated: boolean;
             testId: string;
             type: import('../../types').ButtonTypes;
-            elevated: boolean;
             busy: boolean;
-            height: string;
-            width: string;
+            rounded: boolean;
+            active: boolean;
             alignContent: import('../../types').Align;
             disabled: boolean;
             iconSize: CLIconSizes;
@@ -274,14 +288,252 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     iconAfter: CLIconNames;
     iconSize: CLIconSizes;
     iconAfterSize: CLIconSizes;
+    buttonBorderRadius: CLBorderRadius;
+    buttonHeight: string;
     buttonSize: CLSizes;
-    buttonTheme: CLThemes;
-    containerTheme: CLThemes.Light | CLThemes.Dark | CLThemes.Transparent | CLThemes.Outline;
+    buttonColor: CLColors;
+    buttonVariant: CLColorVariants;
+    buttonWidth: string;
+    containerBorderRadius: CLBorderRadius;
     contentWidth: string;
     isOpen: boolean;
     placement: CLPlacement;
     zIndex: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    anchor: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        alignContent: {
+            type: PropType<import('../../types').Align>;
+            default: import('../../types').Align;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+        };
+        borderRadius: {
+            type: PropType<CLBorderRadius>;
+        };
+        busy: {
+            type: BooleanConstructor;
+        };
+        color: {
+            type: PropType<CLColors>;
+            default: CLColors;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        elevated: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        form: {
+            type: StringConstructor;
+        };
+        forwardRef: {
+            type: FunctionConstructor;
+        };
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconAfter: {
+            type: PropType<CLIconNames>;
+        };
+        iconBefore: {
+            type: PropType<CLIconNames>;
+        };
+        iconSize: {
+            type: PropType<CLIconSizes>;
+            default: CLIconSizes;
+        };
+        iconAfterSize: {
+            type: PropType<CLIconSizes>;
+            default: CLIconSizes;
+        };
+        onClick: {
+            type: FunctionConstructor;
+        };
+        pill: {
+            type: BooleanConstructor;
+        };
+        rounded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: PropType<CLSizes>;
+            default: CLSizes;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        testId: {
+            type: StringConstructor;
+            default: string;
+        };
+        type: {
+            type: PropType<import('../../types').ButtonTypes>;
+            default: import('../../types').ButtonTypes;
+        };
+        variant: {
+            type: PropType<CLColorVariants>;
+            default: CLColorVariants;
+        };
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        wrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        hasSlot: globalThis.ComputedRef<boolean>;
+    }, {}, {}, {
+        getSpinnerSize(): CLSizes.Tiny | CLSizes.Small | CLSizes.Medium;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        color: CLColors;
+        width: string;
+        height: string;
+        variant: CLColorVariants;
+        elevated: boolean;
+        testId: string;
+        type: import('../../types').ButtonTypes;
+        busy: boolean;
+        rounded: boolean;
+        active: boolean;
+        alignContent: import('../../types').Align;
+        disabled: boolean;
+        iconSize: CLIconSizes;
+        iconAfterSize: CLIconSizes;
+        pill: boolean;
+        size: CLSizes;
+        wrap: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<globalThis.ExtractPropTypes<{
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        alignContent: {
+            type: PropType<import('../../types').Align>;
+            default: import('../../types').Align;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+        };
+        borderRadius: {
+            type: PropType<CLBorderRadius>;
+        };
+        busy: {
+            type: BooleanConstructor;
+        };
+        color: {
+            type: PropType<CLColors>;
+            default: CLColors;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        elevated: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        form: {
+            type: StringConstructor;
+        };
+        forwardRef: {
+            type: FunctionConstructor;
+        };
+        height: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconAfter: {
+            type: PropType<CLIconNames>;
+        };
+        iconBefore: {
+            type: PropType<CLIconNames>;
+        };
+        iconSize: {
+            type: PropType<CLIconSizes>;
+            default: CLIconSizes;
+        };
+        iconAfterSize: {
+            type: PropType<CLIconSizes>;
+            default: CLIconSizes;
+        };
+        onClick: {
+            type: FunctionConstructor;
+        };
+        pill: {
+            type: BooleanConstructor;
+        };
+        rounded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: PropType<CLSizes>;
+            default: CLSizes;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        testId: {
+            type: StringConstructor;
+            default: string;
+        };
+        type: {
+            type: PropType<import('../../types').ButtonTypes>;
+            default: import('../../types').ButtonTypes;
+        };
+        variant: {
+            type: PropType<CLColorVariants>;
+            default: CLColorVariants;
+        };
+        width: {
+            type: StringConstructor;
+            default: string;
+        };
+        wrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        hasSlot: globalThis.ComputedRef<boolean>;
+    }, {}, {}, {
+        getSpinnerSize(): CLSizes.Tiny | CLSizes.Small | CLSizes.Medium;
+    }, {
+        color: CLColors;
+        width: string;
+        height: string;
+        variant: CLColorVariants;
+        elevated: boolean;
+        testId: string;
+        type: import('../../types').ButtonTypes;
+        busy: boolean;
+        rounded: boolean;
+        active: boolean;
+        alignContent: import('../../types').Align;
+        disabled: boolean;
+        iconSize: CLIconSizes;
+        iconAfterSize: CLIconSizes;
+        pill: boolean;
+        size: CLSizes;
+        wrap: boolean;
+    }> | null;
+    dropdownElem: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,10 +1,13 @@
-import { CLIconSizes, CLToastProps } from '../../index';
+import { CLIconSizes, CLColors, CLToastProps, CLColorVariants } from '../../index';
 declare const _default: import('vue').DefineComponent<CLToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLToastProps> & Readonly<{}>, {
-    rounded: boolean;
-    theme: import('../../types').ToastThemes;
-    testId: string;
+    color: CLColors;
     width: string;
+    variant: CLColorVariants;
+    testId: string;
+    rounded: boolean;
     iconSize: CLIconSizes;
     dismissTimer: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLOutputElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    elem: HTMLOutputElement;
+}, HTMLOutputElement>;
 export default _default;

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

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

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

@@ -1,4 +1,7 @@
-import { CLThemes } from '../../index';
-export declare const toastTheme: ({ color }: {
-    color?: CLThemes | undefined;
-}) => string;
+import { CLColors, CLColorVariants } from '../../index';
+interface ThemeProps {
+    color: CLColors;
+    variant: CLColorVariants;
+}
+export declare const toastTheme: ({ color, variant }: ThemeProps) => string;
+export {};

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

@@ -31,9 +31,9 @@ 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;
+    rounded: boolean;
     id: string;
     rowHeight: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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

@@ -0,0 +1,15 @@
+import { default as CLTable } from './CLTable.vue';
+import { default as CLTableBody } from './CLTableBody.vue';
+import { default as CLTableCell } from './CLTableCell.vue';
+import { default as CLTableFooter } from './CLTableFooter.vue';
+import { default as CLTableHeader } from './CLTableHeader.vue';
+import { default as CLTableNestedCell } from './CLTableNestedCell.vue';
+import { default as CLTableRow } from './CLTableRow.vue';
+export { CLTable, CLTableBody, CLTableCell, CLTableFooter, CLTableHeader, CLTableNestedCell, CLTableRow, };
+export type CLTable = InstanceType<typeof CLTable>;
+export type CLTableBody = InstanceType<typeof CLTableBody>;
+export type CLTableCell = InstanceType<typeof CLTableCell>;
+export type CLTableFooter = InstanceType<typeof CLTableFooter>;
+export type CLTableHeader = InstanceType<typeof CLTableHeader>;
+export type CLTableNestedCell = InstanceType<typeof CLTableNestedCell>;
+export type CLTableRow = InstanceType<typeof CLTableRow>;

package/dist/components/Theme/CLThemeProvider.vue.d.ts

@@ -1,22 +1,28 @@
 import { CLThemeConfig } from '../../index';
-interface Props {
+/** The `<CLThemeProvider />` component configures the visual look of your application, it also facilitates the use of custom themes. You should wrap your entire application with it. It will apply the default theme required for all Callaloo components.*/
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /** An HTML element used as the root element. The default tag used is `<div>`. */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
     /** A theme configuration object. */
-    themeConfig?: CLThemeConfig;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
+    themeConfig: {
+        type: PropType<CLThemeConfig>;
     };
-    refs: {};
-    rootEl: any;
-};
-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, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+}>, () => globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /** An HTML element used as the root element. The default tag used is `<div>`. */
+    tag: {
+        type: StringConstructor;
+        default: string;
     };
-};
+    /** A theme configuration object. */
+    themeConfig: {
+        type: PropType<CLThemeConfig>;
+    };
+}>> & Readonly<{}>, {
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;