@propelinc/citrus-ui 1.0.0 → 1.0.2

package/dist/plugin.d.ts

@@ -1,3 +0,0 @@
-import { Plugin } from 'vue';
-declare const plugin: Plugin;
-export default plugin;

package/dist/services/animation.d.ts

@@ -1,17 +0,0 @@
-import { ElementAnimation } from '@shoelace-style/shoelace/dist/utilities/animation-registry.js';
-export interface AnimationOptions {
-    /** The starting progress through the animation from 0 to 1 */
-    start?: number;
-    /** The duration of the animation in milliseconds */
-    duration?: number;
-    /** The easing function to use for the animation */
-    easing?: string;
-    /** The endimum distance to slide */
-    end?: number;
-}
-export declare function fadeIn({ start, duration, easing, }?: AnimationOptions): ElementAnimation;
-export declare function fadeOut({ start, duration, easing, }?: AnimationOptions): ElementAnimation;
-export declare function slideUp({ start, duration, easing, }?: AnimationOptions): ElementAnimation;
-export declare function slideDown({ start, duration, easing, }?: AnimationOptions): ElementAnimation;
-export declare function slideRight({ start, duration, easing, end, }?: AnimationOptions): ElementAnimation;
-export declare function slideLeft({ start, duration, easing, end, }?: AnimationOptions): ElementAnimation;

package/dist/services/directives/index.d.ts

@@ -1,2 +0,0 @@
-export { scrollIntoView } from './scroll-into-view';
-export { tapAnimation } from './tap-animation';

package/dist/services/directives/scroll-into-view.d.ts

@@ -1,7 +0,0 @@
-import { Directive } from 'vue';
-/**
- * This directive scrolls the element into view when the input inside it is focused.
- *
- * It also listens for viewport size changes, so it can scroll again if the keyboard pops up.
- */
-export declare const scrollIntoView: Directive;

package/dist/services/directives/tap-animation.d.ts

@@ -1,6 +0,0 @@
-import { Directive } from 'vue';
-interface TapAnimationValue {
-    bounceAmount?: number;
-}
-export declare const tapAnimation: Directive<HTMLElement, TapAnimationValue>;
-export {};

package/dist/services/id.d.ts

@@ -1,22 +0,0 @@
-/**
- * Generates unique IDs for components. Useful for linking labels to inputs.
- */
-export declare class ID {
-    private counters;
-    /**
-     * Generates a unique ID for a component.
-     *
-     * @example
-     * ```ts
-     * // From within a component
-     * id.getID(this.$options.name);
-     * ```
-     */
-    getID(componentName: string): string;
-    reset(): void;
-}
-/**
- * @deprecated Use the `useId` composable instead.
- */
-declare const _default: ID;
-export default _default;

package/dist/services/injections/accordions.d.ts

@@ -1,3 +0,0 @@
-import { InjectionKey, Ref } from 'vue';
-export declare const FLUID: InjectionKey<Ref<boolean>>;
-export declare const ON_TOGGLE: InjectionKey<() => void>;

package/dist/services/injections/animations.d.ts

@@ -1,2 +0,0 @@
-import { InjectionKey, Ref } from 'vue';
-export declare const ANIMATIONS_DISABLED: InjectionKey<Ref<boolean>>;

package/dist/services/injections/buttons.d.ts

@@ -1,4 +0,0 @@
-import { InjectionKey, Ref } from 'vue';
-export declare const BLOCK: InjectionKey<Ref<boolean>>;
-export declare const LARGE: InjectionKey<Ref<boolean>>;
-export declare const BOUNCE_AMOUNT: InjectionKey<number>;

package/dist/services/injections/forms.d.ts

@@ -1,6 +0,0 @@
-import { InjectionKey } from 'vue';
-import { ValidationState } from '../../types/CForm';
-export declare const VALIDATIONS: InjectionKey<{
-    register: (input: ValidationState) => void;
-    unregister: (id: string) => void;
-}>;

package/dist/services/injections/icon-buttons.d.ts

@@ -1,3 +0,0 @@
-import { InjectionKey, Ref } from 'vue';
-export declare const TERTIARY: InjectionKey<Ref<boolean>>;
-export declare const INHERIT_COLOR: InjectionKey<Ref<boolean>>;

package/dist/services/injections/pills.d.ts

@@ -1,4 +0,0 @@
-import { InjectionKey, Ref } from 'vue';
-export declare const SELECTED_VALUE: InjectionKey<Ref<string>>;
-export declare const TOGGLE_VALUE: InjectionKey<(value: string | undefined) => void>;
-export declare const ROLE: InjectionKey<Ref<string>>;

package/dist/services/injections/radio.d.ts

@@ -1,10 +0,0 @@
-import { InjectionKey, Ref } from 'vue';
-export interface RadioState {
-    value: unknown;
-    invalid: boolean;
-    name: string;
-    update: (value: unknown) => void;
-    register: (value: unknown) => void;
-    unregister: (value: unknown) => void;
-}
-export declare const RADIO_STATE: InjectionKey<Ref<RadioState>>;

package/dist/theme/icons.d.ts

@@ -1,36 +0,0 @@
-import { DefineComponent } from 'vue';
-import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
-import { IconDefinition } from '@fortawesome/pro-light-svg-icons';
-declare const Icons: {
-    readonly citrusCheckboxOn: {
-        readonly component: DefineComponent<FontAwesomeIconProps>;
-        readonly props: {
-            readonly icon: IconDefinition;
-        };
-    };
-    readonly citrusCheckboxOff: {
-        readonly component: DefineComponent<FontAwesomeIconProps>;
-        readonly props: {
-            readonly icon: IconDefinition;
-        };
-    };
-    readonly citrusRadioOn: {
-        readonly component: DefineComponent<FontAwesomeIconProps>;
-        readonly props: {
-            readonly icon: IconDefinition;
-        };
-    };
-    readonly citrusRadioOff: {
-        readonly component: DefineComponent<FontAwesomeIconProps>;
-        readonly props: {
-            readonly icon: IconDefinition;
-        };
-    };
-    readonly citrusClear: {
-        readonly component: DefineComponent<FontAwesomeIconProps>;
-        readonly props: {
-            readonly icon: IconDefinition;
-        };
-    };
-};
-export default Icons;

package/dist/types/CForm.d.ts

@@ -1,12 +0,0 @@
-import { Ref } from 'vue';
-import { default as CForm } from '../components/CForm.vue';
-export interface ValidationState {
-    id: string;
-    validate: () => boolean;
-    valid: Ref<boolean>;
-    field?: Ref<HTMLElement | null>;
-}
-export type CFormRef = typeof CForm & {
-    validate: () => boolean;
-    inputs: ValidationState[];
-};

package/dist/types/font-awesome.d.ts

@@ -1,5 +0,0 @@
-import { IconDefinition, IconName, IconPrefix } from '@fortawesome/fontawesome-svg-core';
-import { PropType } from 'vue';
-export type FaIconArray = [IconPrefix, IconName];
-export type FaIcon = IconName | FaIconArray | IconDefinition;
-export type FaPropType = PropType<FaIcon>;

package/dist/types.d.ts

@@ -1,12 +0,0 @@
-export interface SplitInputField {
-    characters: number;
-    placeholder?: string;
-    separator?: string;
-}
-export type SplitInputRule = (v: string) => string | boolean;
-export declare enum InputVariants {
-    DEFAULT = "default",
-    CONTAINED = "contained",
-    SEGMENTED = "segmented"
-}
-export type ToastVariant = 'info' | 'success' | 'error' | 'warning';