@propelinc/citrus-ui 0.6.0 → 1.0.0

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

@@ -0,0 +1,27 @@
+import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    count: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    displayCount: ComputedRef<number | "9+" | null>;
+    hasCount: ComputedRef<boolean>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    count: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    count: number | null;
+    bordered: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,54 @@
+import { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    /** When true, the slot label is visually rendered before the control (label left, switch right) */
+    labelFirst: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Whether the switch is in an "on" or "off" state */
+    value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Prevents the user from interacting with the switch */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Label for screen-readers. This hides and overrides the normal label. */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    internalValue: Ref<boolean, boolean>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "input"[], "input", PublicProps, Readonly< ExtractPropTypes<{
+    /** When true, the slot label is visually rendered before the control (label left, switch right) */
+    labelFirst: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Whether the switch is in an "on" or "off" state */
+    value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Prevents the user from interacting with the switch */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Label for screen-readers. This hides and overrides the normal label. */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onInput?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: boolean;
+    disabled: boolean;
+    ariaLabel: string;
+    labelFirst: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,392 @@
+import { PropType, DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComputedRef } from 'vue';
+import { FaPropType, FaIcon } from '../types/font-awesome';
+import { RouteLocationRaw, RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
+import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
+import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
+import { CssColor } from '../colors/colors';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    /** Alignment of the content */
+    align: {
+        type: PropType<"top" | "center">;
+        default: string;
+    };
+    /** Prevents the user from interacting with the switch */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Font Awesome icon to render on the left side of the component */
+    icon: {
+        type: FaPropType;
+        default: null;
+    };
+    /** Color of the icon background */
+    iconColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Plain body copy. Overridden by the default slot. */
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Emphasized text above body text. Overridden by the default slot. */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Whether the switch is in an "on" or "off" state */
+    value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    iconSlotHasContent: Ref<boolean, boolean>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "input"[], "input", PublicProps, Readonly< ExtractPropTypes<{
+    /** Alignment of the content */
+    align: {
+        type: PropType<"top" | "center">;
+        default: string;
+    };
+    /** Prevents the user from interacting with the switch */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Font Awesome icon to render on the left side of the component */
+    icon: {
+        type: FaPropType;
+        default: null;
+    };
+    /** Color of the icon background */
+    iconColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Plain body copy. Overridden by the default slot. */
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Emphasized text above body text. Overridden by the default slot. */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Whether the switch is in an "on" or "off" state */
+    value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onInput?: ((...args: any[]) => any) | undefined;
+}>, {
+    label: string;
+    title: string;
+    value: boolean;
+    icon: FaIcon;
+    disabled: boolean;
+    iconColor: string;
+    align: "center" | "top";
+}, {}, {
+    CSwitch: DefineComponent<ExtractPropTypes<{
+        labelFirst: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {
+        internalValue: Ref<boolean, boolean>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "input"[], "input", PublicProps, Readonly< ExtractPropTypes<{
+        labelFirst: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onInput?: ((...args: any[]) => any) | undefined;
+    }>, {
+        value: boolean;
+        disabled: boolean;
+        ariaLabel: string;
+        labelFirst: boolean;
+    }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    CListItem: DefineComponent<ExtractPropTypes<{
+        icon: {
+            type: FaPropType;
+            default: null;
+        };
+        actionIcon: {
+            type: FaPropType;
+            default: null;
+        };
+        iconColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        label: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        to: {
+            type: PropType< RouteLocationRaw>;
+            default: undefined;
+        };
+        target: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        href: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        align: {
+            type: PropType<"top" | "center">;
+            default: string;
+        };
+        hideAction: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        allAttrs: ComputedRef<{
+            [x: string]: unknown;
+        }>;
+        faChevronRight: IconDefinition;
+        iconSlotHasContent: Ref<boolean, boolean>;
+        isTappable: ComputedRef<boolean>;
+        navigate: (event: MouseEvent) => Promise<void>;
+        renderActionSlot: ComputedRef<boolean>;
+        routerDestinationOrHref: ComputedRef<string | undefined>;
+        tag: ComputedRef<"div" | "button" | "a">;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+        icon: {
+            type: FaPropType;
+            default: null;
+        };
+        actionIcon: {
+            type: FaPropType;
+            default: null;
+        };
+        iconColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        label: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        to: {
+            type: PropType< RouteLocationRaw>;
+            default: undefined;
+        };
+        target: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        href: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        align: {
+            type: PropType<"top" | "center">;
+            default: string;
+        };
+        hideAction: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        label: string;
+        title: string;
+        to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
+        icon: FaIcon;
+        target: string;
+        href: string;
+        iconColor: string;
+        actionIcon: FaIcon;
+        align: "center" | "top";
+        hideAction: boolean;
+    }, {}, {
+        FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
+        CListItemIcon: DefineComponent<ExtractPropTypes<{
+            icon: any;
+            iconColor: any;
+        }>, {
+            iconSlotHasContent: Ref<boolean, boolean>;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+            icon: any;
+            iconColor: any;
+        }>> & Readonly<{}>, {
+            icon: any;
+            iconColor: any;
+        }, {}, {
+            CSquaredIcon: DefineComponent<ExtractPropTypes<{
+                icon: {
+                    type: FaPropType;
+                    default: null;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                cssColor: Ref< CssColor | undefined, CssColor | undefined>;
+                useWhiteIcon: ComputedRef<boolean>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+                icon: {
+                    type: FaPropType;
+                    default: null;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                icon: FaIcon;
+                color: string;
+                large: boolean;
+            }, {}, {
+                FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
+            }, {}, string, ComponentProvideOptions, true, {}, any>;
+        }, {}, string, ComponentProvideOptions, true, {}, any>;
+        CListItemContent: DefineComponent<ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {
+            titleSlotHasContent: Ref<boolean, boolean>;
+            labelSlotHasContent: Ref<boolean, boolean>;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            label: string;
+            title: string;
+        }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    }, {}, string, ComponentProvideOptions, true, {}, any>;
+    CListItemContent: DefineComponent<ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {
+        titleSlotHasContent: Ref<boolean, boolean>;
+        labelSlotHasContent: Ref<boolean, boolean>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        label: string;
+        title: string;
+    }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    CListItemIcon: DefineComponent<ExtractPropTypes<{
+        icon: any;
+        iconColor: any;
+    }>, {
+        iconSlotHasContent: Ref<boolean, boolean>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+        icon: any;
+        iconColor: any;
+    }>> & Readonly<{}>, {
+        icon: any;
+        iconColor: any;
+    }, {}, {
+        CSquaredIcon: DefineComponent<ExtractPropTypes<{
+            icon: {
+                type: FaPropType;
+                default: null;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+            };
+            large: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            cssColor: Ref< CssColor | undefined, CssColor | undefined>;
+            useWhiteIcon: ComputedRef<boolean>;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+            icon: {
+                type: FaPropType;
+                default: null;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+            };
+            large: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            icon: FaIcon;
+            color: string;
+            large: boolean;
+        }, {}, {
+            FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
+        }, {}, string, ComponentProvideOptions, true, {}, any>;
+    }, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;