@propelinc/citrus-ui 1.0.0 → 1.0.2

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

@@ -1,226 +0,0 @@
-import { default as SlDrawer } from '@shoelace-style/shoelace/dist/components/drawer/drawer.js';
-import { Ref, DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { CssColor } from '../colors/colors';
-import { Coordinate } from '../composables/gestures';
-import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
-declare const _default: DefineComponent<ExtractPropTypes<{
-    /** Aria label for the bottom sheet. This is required if title is hidden */
-    ariaLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Background color of the bottom sheet */
-    backgroundColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Prefix for test selectors */
-    dataTest: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Disables the dismiss button */
-    disableDismiss: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Divided into header, body, and footer slots */
-    divided: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Fixed size, in CSS units. By default the drawer sizes itself to its contents. */
-    fixedSize: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Hides the dismiss 'x' button */
-    hideDismiss: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Allows for hiding the entire title bar, both the title and the dismiss 'x' button */
-    hideTitle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Toggles the background behind the sheet. If there's no overlay, the sheet
-     * stays open as the user interacts with background content.' */
-    overlay: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Prevents the sheet from being dismissed when tapping on the overlay. If
-     * there is no overlay then this property is ignored, as the sheet always
-     * stays open. */
-    persistent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** If true, the bottom sheet will be contained within the viewport. */
-    contained: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Do not animate in the bottom sheet if it starts open. */
-    skipInitialAnimation: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** The title of the bottom sheet */
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Controls whether or not the bottom sheet is showing */
-    value: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    backgroundCssColor: Ref< CssColor | undefined, CssColor | undefined>;
-    animatedValue: ComputedRef<boolean>;
-    dragDistance: Ref< Coordinate | null, Coordinate | null>;
-    faXmark: IconDefinition;
-    footerHasContent: Ref<boolean, boolean>;
-    getDataTestAttr: (suffix?: string) => string | null;
-    handleDismiss: () => void;
-    internalValue: Ref<boolean, boolean>;
-    isDismissVisible: ComputedRef<boolean>;
-    onRequestClose: (event: Event) => void;
-    overlayOpacity: ComputedRef<number>;
-    panelTransform: ComputedRef<string>;
-    onAfterClose: () => void;
-    sheet: Ref<SlDrawer | null, SlDrawer | null>;
-    transformDistance: Ref<number, number>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("input" | "opened" | "closed")[], "input" | "opened" | "closed", PublicProps, Readonly< ExtractPropTypes<{
-    /** Aria label for the bottom sheet. This is required if title is hidden */
-    ariaLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Background color of the bottom sheet */
-    backgroundColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Prefix for test selectors */
-    dataTest: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Disables the dismiss button */
-    disableDismiss: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Divided into header, body, and footer slots */
-    divided: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Fixed size, in CSS units. By default the drawer sizes itself to its contents. */
-    fixedSize: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Hides the dismiss 'x' button */
-    hideDismiss: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Allows for hiding the entire title bar, both the title and the dismiss 'x' button */
-    hideTitle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Toggles the background behind the sheet. If there's no overlay, the sheet
-     * stays open as the user interacts with background content.' */
-    overlay: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Prevents the sheet from being dismissed when tapping on the overlay. If
-     * there is no overlay then this property is ignored, as the sheet always
-     * stays open. */
-    persistent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** If true, the bottom sheet will be contained within the viewport. */
-    contained: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Do not animate in the bottom sheet if it starts open. */
-    skipInitialAnimation: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** The title of the bottom sheet */
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Controls whether or not the bottom sheet is showing */
-    value: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onInput?: ((...args: any[]) => any) | undefined;
-    onOpened?: ((...args: any[]) => any) | undefined;
-    onClosed?: ((...args: any[]) => any) | undefined;
-}>, {
-    title: string;
-    value: boolean;
-    dataTest: string;
-    backgroundColor: string;
-    ariaLabel: string;
-    disableDismiss: boolean;
-    divided: boolean;
-    fixedSize: string;
-    hideDismiss: boolean;
-    hideTitle: boolean;
-    overlay: boolean;
-    persistent: boolean;
-    contained: boolean;
-    skipInitialAnimation: boolean;
-}, {}, {
-    CButtonStack: DefineComponent<ExtractPropTypes<{
-        tag: {
-            type: StringConstructor;
-            default: string;
-        };
-        large: {
-            type: BooleanConstructor;
-            default: null;
-        };
-    }>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-        tag: {
-            type: StringConstructor;
-            default: string;
-        };
-        large: {
-            type: BooleanConstructor;
-            default: null;
-        };
-    }>> & Readonly<{}>, {
-        large: boolean;
-        tag: string;
-    }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-    CCloseButton: DefineComponent<{
-        disabled?: boolean;
-    }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-        focus: (...args: any[]) => void;
-        blur: (...args: any[]) => void;
-        click: (...args: any[]) => void;
-    }, string, PublicProps, Readonly<{
-        disabled?: boolean;
-    }> & Readonly<{
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
-    }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,231 +0,0 @@
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import { PropType, DefineComponent, ExtractPropTypes, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RouteLocationRaw, RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
-import { ButtonIconPosition, ButtonLevel, ButtonShoelaceVariant, ButtonSize, ButtonVariant } from './types';
-import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
-/**
- * Shoelace has a set of variants that don't match the variant names we would like to use.
- * This mapping is used to translate the variant names to the correct Shoelace variant names
- * and apply it to the underlying Shoelace button component.
- */
-export declare const VARIANT_TO_SHOELACE_VARIANT: Record<ButtonVariant, ButtonShoelaceVariant>;
-declare const _default: DefineComponent<ExtractPropTypes<{
-    /** Controls whether button appears as full-width */
-    block: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Controls whether button is disabled */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Designates the button as an anchor and applies the href attribute */
-    href: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** Chooses an icon to render on the left side of the button */
-    icon: {
-        type: PropType<string | string[] | IconDefinition>;
-        default: undefined;
-    };
-    /** Chooses whether to place the icon before or after the button text */
-    iconPosition: {
-        type: PropType<ButtonIconPosition>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * @deprecated use `size` prop instead
-     * Controls whether button uses the large variant
-     */
-    large: {
-        type: BooleanConstructor;
-        default: boolean;
-        deprecated: boolean;
-    };
-    /** Controls the level of the button */
-    level: {
-        type: PropType<ButtonLevel>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /** Controls whether button is loading */
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * @deprecated use `variant` prop instead
-     * Controls whether button uses the secondary variant */
-    secondary: {
-        type: BooleanConstructor;
-        default: boolean;
-        deprecated: boolean;
-    };
-    /**
-     * Controls the size of the button
-     * @default 'medium'
-     */
-    size: {
-        type: PropType<ButtonSize>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /** Designates the target attribute. Only use with the href prop. */
-    target: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /**
-     * @deprecated use `variant` prop instead
-     * Controls whether button uses the tertiary variant
-     */
-    tertiary: {
-        type: BooleanConstructor;
-        default: boolean;
-        deprecated: boolean;
-    };
-    /** Controls whether button functions as a router-link */
-    to: {
-        type: PropType<RouteLocationRaw>;
-        default: undefined;
-    };
-    /**
-     * Controls the styling of the button
-     * @default 'primary'
-     */
-    variant: {
-        type: PropType<ButtonVariant>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}>, {
-    animationListeners: Record<string, () => void>;
-    button: Ref<HTMLElement | null, HTMLElement | null>;
-    computedSize: ComputedRef<ButtonSize>;
-    computedVariant: ComputedRef<ButtonVariant>;
-    dataBlock: ComputedRef<true | undefined>;
-    dataLoading: ComputedRef<true | undefined>;
-    hasIcon: ComputedRef<boolean>;
-    injectedOrPropBlock: ComputedRef<boolean>;
-    injectedOrPropsLarge: ComputedRef<boolean>;
-    onClick: (event: MouseEvent) => void;
-    routerDestinationOrHref: ComputedRef<string | undefined>;
-    shoelaceVariant: ComputedRef<ButtonShoelaceVariant>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
-    /** Controls whether button appears as full-width */
-    block: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Controls whether button is disabled */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Designates the button as an anchor and applies the href attribute */
-    href: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** Chooses an icon to render on the left side of the button */
-    icon: {
-        type: PropType<string | string[] | IconDefinition>;
-        default: undefined;
-    };
-    /** Chooses whether to place the icon before or after the button text */
-    iconPosition: {
-        type: PropType<ButtonIconPosition>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * @deprecated use `size` prop instead
-     * Controls whether button uses the large variant
-     */
-    large: {
-        type: BooleanConstructor;
-        default: boolean;
-        deprecated: boolean;
-    };
-    /** Controls the level of the button */
-    level: {
-        type: PropType<ButtonLevel>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /** Controls whether button is loading */
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * @deprecated use `variant` prop instead
-     * Controls whether button uses the secondary variant */
-    secondary: {
-        type: BooleanConstructor;
-        default: boolean;
-        deprecated: boolean;
-    };
-    /**
-     * Controls the size of the button
-     * @default 'medium'
-     */
-    size: {
-        type: PropType<ButtonSize>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    /** Designates the target attribute. Only use with the href prop. */
-    target: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /**
-     * @deprecated use `variant` prop instead
-     * Controls whether button uses the tertiary variant
-     */
-    tertiary: {
-        type: BooleanConstructor;
-        default: boolean;
-        deprecated: boolean;
-    };
-    /** Controls whether button functions as a router-link */
-    to: {
-        type: PropType<RouteLocationRaw>;
-        default: undefined;
-    };
-    /**
-     * Controls the styling of the button
-     * @default 'primary'
-     */
-    variant: {
-        type: PropType<ButtonVariant>;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-}>> & Readonly<{
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onClick?: ((...args: any[]) => any) | undefined;
-}>, {
-    to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
-    size: ButtonSize;
-    icon: string | string[] | IconDefinition;
-    target: string;
-    tertiary: boolean;
-    loading: boolean;
-    block: boolean;
-    large: boolean;
-    disabled: boolean;
-    secondary: boolean;
-    href: string;
-    iconPosition: ButtonIconPosition;
-    level: ButtonLevel;
-    variant: ButtonVariant;
-}, {}, {
-    FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/CButton/types.d.ts

@@ -1,5 +0,0 @@
-export type ButtonSize = 'medium' | 'large';
-export type ButtonLevel = 'normal' | 'danger';
-export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
-export type ButtonShoelaceVariant = 'default' | 'primary' | 'text';
-export type ButtonIconPosition = 'prefix' | 'suffix';

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

@@ -1,24 +0,0 @@
-import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    large: {
-        type: BooleanConstructor;
-        default: null;
-    };
-}>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    large: {
-        type: BooleanConstructor;
-        default: null;
-    };
-}>> & Readonly<{}>, {
-    large: boolean;
-    tag: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,107 +0,0 @@
-import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RouteLocationRaw, RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
-import { CssColor } from '../colors/colors';
-export interface InternalCardConfig {
-    attrs: Record<string, unknown>;
-    element: string;
-    isLink: boolean;
-}
-declare const _default: DefineComponent<ExtractPropTypes<{
-    /** Sets the border color of the card */
-    borderColor: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** Removes the border of the card */
-    borderless: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Sets the background color of the entire card */
-    color: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** Navigates externally on click */
-    href: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** Stretches the card vertically to fill the height of the parent container */
-    stretch: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Toggles a squared-off card style intended to fill the width of the page */
-    tile: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Sets the title of the card */
-    title: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** Navigates within the app on click */
-    to: {
-        type: PropType<RouteLocationRaw | undefined>;
-        default: undefined;
-    };
-}>, {
-    config: ComputedRef<InternalCardConfig>;
-    backgroundCssColor: Ref< CssColor | undefined, CssColor | undefined>;
-    borderCssColor: Ref< CssColor | undefined, CssColor | undefined>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-    /** Sets the border color of the card */
-    borderColor: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** Removes the border of the card */
-    borderless: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Sets the background color of the entire card */
-    color: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** Navigates externally on click */
-    href: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** Stretches the card vertically to fill the height of the parent container */
-    stretch: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Toggles a squared-off card style intended to fill the width of the page */
-    tile: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Sets the title of the card */
-    title: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** Navigates within the app on click */
-    to: {
-        type: PropType<RouteLocationRaw | undefined>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    title: string;
-    to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
-    color: string;
-    href: string;
-    borderColor: string;
-    borderless: boolean;
-    stretch: boolean;
-    tile: boolean;
-}, {}, {
-    CCardHeader: DefineComponent<{}, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,26 +0,0 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-    CButtonStack: DefineComponent<ExtractPropTypes<{
-        tag: {
-            type: StringConstructor;
-            default: string;
-        };
-        large: {
-            type: BooleanConstructor;
-            default: null;
-        };
-    }>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-        tag: {
-            type: StringConstructor;
-            default: string;
-        };
-        large: {
-            type: BooleanConstructor;
-            default: null;
-        };
-    }>> & Readonly<{}>, {
-        large: boolean;
-        tag: string;
-    }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,3 +0,0 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<{}, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,17 +0,0 @@
-import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ExtractPropTypes<{
-    /** Removes the padding from the section */
-    fluid: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-    /** Removes the padding from the section */
-    fluid: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    fluid: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-export default _default;