@codeandfunction/callaloo 2.17.0 → 2.18.0

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

@@ -1,4 +1,4 @@
-import { CLAlign, CLBorderRadius, CLButtonTypes, CLColors, CLColorVariants, CLIconNames, CLIconSizes, CLSizes } from '../../index';
+import { CLAlign, CLBorderRadius, CLButtonTypes, CLButtonTags, CLColors, CLColorVariants, CLIconNames, CLIconSizes, CLLinkTarget, CLSizes } from '../../index';
 /**
  * The `<CLButton />` component extends the functionality of the native `<button />` element, by including support for icons and colors.
  */
@@ -17,6 +17,11 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     ariaLabel: {
         type: StringConstructor;
     };
+    /** Set the HTML tag of the text element. The property can be one of `CLTextHtmlTags`, e.g. `p`. */
+    as: {
+        type: PropType<CLButtonTags>;
+        default: string;
+    };
     /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius: {
         type: PropType<CLBorderRadius>;
@@ -52,6 +57,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: StringConstructor;
         default: string;
     };
+    /** Sets the href attribute on the button element. This is useful when the button acts as a link. */
+    href: {
+        type: StringConstructor;
+    };
     /** Sets the icon which is positioned after the button's slot content. */
     iconAfter: {
         type: PropType<CLIconNames>;
@@ -88,6 +97,11 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: PropType<CLSizes>;
         default: CLSizes;
     };
+    /** Sets the target attribute on the Link element. The property can be one of `CLLinkTarget`, e.g. `CLLinkTarget.Self` */
+    target: {
+        type: PropType<CLLinkTarget>;
+        default: CLLinkTarget;
+    };
     /** Sets the title attribute. */
     title: {
         type: StringConstructor;
@@ -136,6 +150,11 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     ariaLabel: {
         type: StringConstructor;
     };
+    /** Set the HTML tag of the text element. The property can be one of `CLTextHtmlTags`, e.g. `p`. */
+    as: {
+        type: PropType<CLButtonTags>;
+        default: string;
+    };
     /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius: {
         type: PropType<CLBorderRadius>;
@@ -171,6 +190,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: StringConstructor;
         default: string;
     };
+    /** Sets the href attribute on the button element. This is useful when the button acts as a link. */
+    href: {
+        type: StringConstructor;
+    };
     /** Sets the icon which is positioned after the button's slot content. */
     iconAfter: {
         type: PropType<CLIconNames>;
@@ -207,6 +230,11 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: PropType<CLSizes>;
         default: CLSizes;
     };
+    /** Sets the target attribute on the Link element. The property can be one of `CLLinkTarget`, e.g. `CLLinkTarget.Self` */
+    target: {
+        type: PropType<CLLinkTarget>;
+        default: CLLinkTarget;
+    };
     /** Sets the title attribute. */
     title: {
         type: StringConstructor;
@@ -248,11 +276,13 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     rounded: boolean;
     active: boolean;
     alignContent: CLAlign;
+    as: CLButtonTags;
     disabled: boolean;
     iconSize: CLIconSizes;
     iconAfterSize: CLIconSizes;
     pill: boolean;
     size: CLSizes;
+    target: CLLinkTarget;
     wrap: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -2,6 +2,7 @@ import { CLOrientation } from '../../index';
 interface Props {
     fluid?: boolean;
     hasPill?: boolean;
+    hasCharCounter?: boolean;
     orientation?: CLOrientation;
 }
 declare function __VLS_template(): {

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

@@ -8,6 +8,8 @@ interface Props {
     borderRadius?: CLBorderRadius;
     /** A `boolean` value which dictates the busy state of the input. */
     busy?: boolean;
+    /** When set to `true` and `maxLength` is set, it will display a character counter below the input. */
+    charCounter?: 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. */

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

@@ -8,6 +8,8 @@ interface Props {
     borderRadius?: CLBorderRadius;
     /** A `boolean` value which dictates the busy state of the textarea. */
     busy?: boolean;
+    /** When set to `true` and `maxLength` is set, it will display a character counter below the textarea. */
+    charCounter?: 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. */

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

@@ -59,6 +59,10 @@ declare function __VLS_template(): {
             ariaLabel: {
                 type: StringConstructor;
             };
+            as: {
+                type: PropType<import('../../types').ButtonTags>;
+                default: string;
+            };
             borderRadius: {
                 type: PropType<CLBorderRadius>;
             };
@@ -86,6 +90,9 @@ declare function __VLS_template(): {
                 type: StringConstructor;
                 default: string;
             };
+            href: {
+                type: StringConstructor;
+            };
             iconAfter: {
                 type: PropType<CLIconNames>;
             };
@@ -114,6 +121,10 @@ declare function __VLS_template(): {
                 type: PropType<CLSizes>;
                 default: CLSizes;
             };
+            target: {
+                type: PropType<import('../../types').LinkTarget>;
+                default: import('../../types').LinkTarget;
+            };
             title: {
                 type: StringConstructor;
             };
@@ -153,11 +164,13 @@ declare function __VLS_template(): {
             rounded: boolean;
             active: boolean;
             alignContent: import('../../types').Align;
+            as: import('../../types').ButtonTags;
             disabled: boolean;
             iconSize: CLIconSizes;
             iconAfterSize: CLIconSizes;
             pill: boolean;
             size: CLSizes;
+            target: import('../../types').LinkTarget;
             wrap: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
@@ -178,6 +191,10 @@ declare function __VLS_template(): {
             ariaLabel: {
                 type: StringConstructor;
             };
+            as: {
+                type: PropType<import('../../types').ButtonTags>;
+                default: string;
+            };
             borderRadius: {
                 type: PropType<CLBorderRadius>;
             };
@@ -205,6 +222,9 @@ declare function __VLS_template(): {
                 type: StringConstructor;
                 default: string;
             };
+            href: {
+                type: StringConstructor;
+            };
             iconAfter: {
                 type: PropType<CLIconNames>;
             };
@@ -233,6 +253,10 @@ declare function __VLS_template(): {
                 type: PropType<CLSizes>;
                 default: CLSizes;
             };
+            target: {
+                type: PropType<import('../../types').LinkTarget>;
+                default: import('../../types').LinkTarget;
+            };
             title: {
                 type: StringConstructor;
             };
@@ -272,11 +296,13 @@ declare function __VLS_template(): {
             rounded: boolean;
             active: boolean;
             alignContent: import('../../types').Align;
+            as: import('../../types').ButtonTags;
             disabled: boolean;
             iconSize: CLIconSizes;
             iconAfterSize: CLIconSizes;
             pill: boolean;
             size: CLSizes;
+            target: import('../../types').LinkTarget;
             wrap: boolean;
         }> | null;
         dropdownElem: HTMLDivElement;
@@ -310,6 +336,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
         ariaLabel: {
             type: StringConstructor;
         };
+        as: {
+            type: PropType<import('../../types').ButtonTags>;
+            default: string;
+        };
         borderRadius: {
             type: PropType<CLBorderRadius>;
         };
@@ -337,6 +367,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
             type: StringConstructor;
             default: string;
         };
+        href: {
+            type: StringConstructor;
+        };
         iconAfter: {
             type: PropType<CLIconNames>;
         };
@@ -365,6 +398,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
             type: PropType<CLSizes>;
             default: CLSizes;
         };
+        target: {
+            type: PropType<import('../../types').LinkTarget>;
+            default: import('../../types').LinkTarget;
+        };
         title: {
             type: StringConstructor;
         };
@@ -404,11 +441,13 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
         rounded: boolean;
         active: boolean;
         alignContent: import('../../types').Align;
+        as: import('../../types').ButtonTags;
         disabled: boolean;
         iconSize: CLIconSizes;
         iconAfterSize: CLIconSizes;
         pill: boolean;
         size: CLSizes;
+        target: import('../../types').LinkTarget;
         wrap: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -429,6 +468,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
         ariaLabel: {
             type: StringConstructor;
         };
+        as: {
+            type: PropType<import('../../types').ButtonTags>;
+            default: string;
+        };
         borderRadius: {
             type: PropType<CLBorderRadius>;
         };
@@ -456,6 +499,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
             type: StringConstructor;
             default: string;
         };
+        href: {
+            type: StringConstructor;
+        };
         iconAfter: {
             type: PropType<CLIconNames>;
         };
@@ -484,6 +530,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
             type: PropType<CLSizes>;
             default: CLSizes;
         };
+        target: {
+            type: PropType<import('../../types').LinkTarget>;
+            default: import('../../types').LinkTarget;
+        };
         title: {
             type: StringConstructor;
         };
@@ -523,11 +573,13 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
         rounded: boolean;
         active: boolean;
         alignContent: import('../../types').Align;
+        as: import('../../types').ButtonTags;
         disabled: boolean;
         iconSize: CLIconSizes;
         iconAfterSize: CLIconSizes;
         pill: boolean;
         size: CLSizes;
+        target: import('../../types').LinkTarget;
         wrap: boolean;
     }> | null;
     dropdownElem: HTMLDivElement;

package/dist/components/Providers/Toast/CLToastProvider.vue.d.ts

@@ -0,0 +1,24 @@
+import { Ref } from 'vue';
+import { CLToastProps } from '../../../index';
+export interface CLToastProviderOutput {
+    visible: Ref<boolean>;
+    showToast: (toastProps: Omit<CLToastProps, 'onDismiss'>) => void;
+    hideToast: () => void;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -90,8 +90,8 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     type: CLTextTypes;
     bold: boolean;
     align: CLAlign;
+    as: CLTextHtmlTags;
     bolder: boolean;
     truncate: boolean;
-    as: CLTextHtmlTags;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/composables/useToast.d.ts

@@ -0,0 +1,6 @@
+import { CLToastProps } from '../index';
+export declare const useToast: () => {
+    visible: boolean | undefined;
+    showToast: (input: Omit<CLToastProps, "onDismiss">) => void;
+    hideToast: void | undefined;
+};

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { Align as CLAlign, BorderRadius as CLBorderRadius, ButtonTypes as CLButtonTypes, CardTypes as CLCardTypes, Colors as CLColors, ColorVariants as CLColorVariants, HeadingLevels as CLHeadingLevels, HeadingTypes as CLHeadingTypes, IconSizes as CLIconSizes, IconNames as CLIconNames, InputTypes as CLInputTypes, LinkTarget as CLLinkTarget, Loading as CLLoading, Mode as CLMode, Orientation as CLOrientation, Order as CLOrder, PaginationType as CLPaginationType, Placement as CLPlacement, Position as CLPosition, Sizes as CLSizes, TableTypes as CLTableTypes, TextTypes as CLTextTypes } from './types';
-export type { BannerProps as CLBannerProps, CardProps as CLCardProps, GenericFunction as CLGenericFunction, GenericFocusFunction as CLGenericFocusFunction, NavItem as CLNavItem, Palette as CLPalette, Option as CLOption, ThemeConfig as CLThemeConfig, TextHtmlTags as CLTextHtmlTags, ToastProps as CLToastProps } from './types';
+export type { BannerProps as CLBannerProps, ButtonTags as CLButtonTags, CardProps as CLCardProps, GenericFunction as CLGenericFunction, GenericFocusFunction as CLGenericFocusFunction, NavItem as CLNavItem, Palette as CLPalette, Option as CLOption, ThemeConfig as CLThemeConfig, TextHtmlTags as CLTextHtmlTags, ToastProps as CLToastProps } from './types';
 export { CLBadge, CLBanner, CLPill } from './components/Indicators';
 export { CLA11yButton, CLButton } from './components/Buttons';
 export { CLCard, CLCarousel, CLCarouselSlide, CLDisclosure } from './components/Containers';
@@ -12,4 +12,6 @@ export { CLModal } from './components/Modals';
 export { CLSkeleton, CLSpinner } from './components/Loading';
 export { CLTable, CLTableBody, CLTableCell, CLTableFooter, CLTableHeader, CLTableNestedCell, CLTableRow } from './components/Table';
 export { CLThemeProvider } from './components/Theme';
+export { CLToastProvider, type CLToastProviderOutput } from './components/Providers';
+export { useToast } from './composables/useToast';
 export { DEFAULT_THEME, useTheme } from './components/Theme/base-theme';