@codeandfunction/callaloo 2.0.0 → 2.1.1

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

@@ -0,0 +1,29 @@
+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. */
+    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;
+    /** 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<{}>, {
+    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

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

@@ -0,0 +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<{}>, {
+    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

@@ -0,0 +1,21 @@
+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;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: CLColors;
+    testId: string;
+    align: CLAlign;
+    size: CLSizes;
+    position: CLPosition;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,46 @@
+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;
+    /** 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(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        body?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        modalWindow: HTMLDivElement;
+    };
+    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<{}>, {
+    borderRadius: CLBorderRadius;
+    testId: string;
+    isOpen: boolean;
+    zIndex: number;
+    fullscreen: boolean;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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/Modals/utils.d.ts

@@ -0,0 +1 @@
+export declare const modalTheme: () => string;

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

@@ -0,0 +1,45 @@
+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. */
+    href?: string;
+    /** 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;
+    /** Sets a custom ID used for unit tests. */
+    testId?: string;
+    /** When set to `true`, it adds an underline to the link. */
+    underline?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLAnchorElement;
+};
+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<{}>, {
+    color: CLColors;
+    testId: string;
+    target: CLLinkTarget;
+    external: boolean;
+    rel: string;
+    underline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>;
+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/Navigation/CLNavLink.vue.d.ts

@@ -0,0 +1,43 @@
+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. */
+    href?: string;
+    /** Sets the unique ID of the NavLink element. */
+    id?: string;
+    /** 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;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLAnchorElement;
+};
+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<{}>, {
+    color: CLColors;
+    testId: string;
+    external: boolean;
+    rel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>;
+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/Navigation/CLNavSection.vue.d.ts

@@ -0,0 +1,17 @@
+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 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<{}>, {
+    color: CLColors;
+    testId: string;
+    type: CLOrientation;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>;
+export default _default;

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

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