@nuxt/ui 2.8.1 → 2.9.0

package/dist/runtime/ui.config.d.ts

@@ -0,0 +1,1207 @@
+export declare const table: {
+    wrapper: string;
+    base: string;
+    divide: string;
+    thead: string;
+    tbody: string;
+    tr: {
+        base: string;
+        selected: string;
+        active: string;
+    };
+    th: {
+        base: string;
+        padding: string;
+        color: string;
+        font: string;
+        size: string;
+    };
+    td: {
+        base: string;
+        padding: string;
+        color: string;
+        font: string;
+        size: string;
+    };
+    checkbox: {
+        padding: string;
+    };
+    loadingState: {
+        wrapper: string;
+        label: string;
+        icon: string;
+    };
+    emptyState: {
+        wrapper: string;
+        label: string;
+        icon: string;
+    };
+    default: {
+        sortAscIcon: string;
+        sortDescIcon: string;
+        sortButton: {
+            icon: string;
+            trailing: boolean;
+            square: boolean;
+            color: string;
+            variant: string;
+            class: string;
+        };
+        loadingState: {
+            icon: string;
+            label: string;
+        };
+        emptyState: {
+            icon: string;
+            label: string;
+        };
+    };
+};
+export declare const avatar: {
+    wrapper: string;
+    background: string;
+    rounded: string;
+    text: string;
+    placeholder: string;
+    size: {
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+    };
+    chip: {
+        base: string;
+        background: string;
+        position: {
+            'top-right': string;
+            'bottom-right': string;
+            'top-left': string;
+            'bottom-left': string;
+        };
+        size: {
+            '3xs': string;
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+        };
+    };
+    icon: {
+        base: string;
+        size: {
+            '3xs': string;
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+        };
+    };
+    default: {
+        size: string;
+        icon: null;
+        chipColor: null;
+        chipPosition: string;
+    };
+};
+export declare const avatarGroup: {
+    wrapper: string;
+    ring: string;
+    margin: string;
+};
+export declare const badge: {
+    base: string;
+    rounded: string;
+    font: string;
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        white: {
+            solid: string;
+        };
+        gray: {
+            solid: string;
+        };
+        black: {
+            solid: string;
+        };
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+    };
+    default: {
+        size: string;
+        variant: string;
+        color: string;
+    };
+};
+export declare const button: {
+    base: string;
+    font: string;
+    rounded: string;
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    gap: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    padding: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    square: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    color: {
+        white: {
+            solid: string;
+            ghost: string;
+        };
+        gray: {
+            solid: string;
+            ghost: string;
+            link: string;
+        };
+        black: {
+            solid: string;
+            link: string;
+        };
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        ghost: string;
+        link: string;
+    };
+    icon: {
+        base: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    default: {
+        size: string;
+        variant: string;
+        color: string;
+        loadingIcon: string;
+    };
+};
+export declare const buttonGroup: {
+    wrapper: {
+        horizontal: string;
+        vertical: string;
+    };
+    rounded: string;
+    shadow: string;
+};
+export declare const dropdown: {
+    wrapper: string;
+    container: string;
+    width: string;
+    height: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    ring: string;
+    base: string;
+    divide: string;
+    padding: string;
+    item: {
+        base: string;
+        rounded: string;
+        padding: string;
+        size: string;
+        active: string;
+        inactive: string;
+        disabled: string;
+        icon: {
+            base: string;
+            active: string;
+            inactive: string;
+        };
+        avatar: {
+            base: string;
+            size: string;
+        };
+        shortcuts: string;
+    };
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        placement: string;
+        strategy: string;
+    };
+};
+export declare const accordion: {
+    wrapper: string;
+    item: {
+        base: string;
+        size: string;
+        color: string;
+        padding: string;
+        icon: string;
+    };
+    transition: {
+        enterActiveClass: string;
+        leaveActiveClass: string;
+    };
+    default: {
+        openIcon: string;
+        closeIcon: string;
+        class: string;
+        variant: string;
+    };
+};
+export declare const alert: {
+    wrapper: string;
+    title: string;
+    description: string;
+    shadow: string;
+    rounded: string;
+    padding: string;
+    icon: {
+        base: string;
+    };
+    avatar: {
+        base: string;
+        size: string;
+    };
+    color: {
+        white: {
+            solid: string;
+        };
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+    };
+    default: {
+        color: string;
+        variant: string;
+        icon: null;
+        closeButton: null;
+        actionButton: {
+            size: string;
+            color: string;
+            variant: string;
+        };
+    };
+};
+export declare const kbd: {
+    base: string;
+    padding: string;
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    rounded: string;
+    font: string;
+    background: string;
+    ring: string;
+    default: {
+        size: string;
+    };
+};
+export declare const input: {
+    wrapper: string;
+    base: string;
+    rounded: string;
+    placeholder: string;
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    gap: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    padding: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    leading: {
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    trailing: {
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    color: {
+        white: {
+            outline: string;
+        };
+        gray: {
+            outline: string;
+        };
+    };
+    variant: {
+        outline: string;
+        none: string;
+    };
+    icon: {
+        base: string;
+        color: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        leading: {
+            wrapper: string;
+            pointer: string;
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+        trailing: {
+            wrapper: string;
+            pointer: string;
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+    };
+    default: {
+        size: string;
+        color: string;
+        variant: string;
+        loadingIcon: string;
+    };
+};
+export declare const formGroup: {
+    wrapper: string;
+    label: {
+        wrapper: string;
+        base: string;
+        required: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    container: string;
+    description: string;
+    hint: string;
+    help: string;
+    error: string;
+    default: {
+        size: string;
+    };
+};
+export declare const textarea: {
+    default: {
+        size: string;
+        color: string;
+        variant: string;
+    };
+    wrapper: string;
+    base: string;
+    rounded: string;
+    placeholder: string;
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    gap: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    padding: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    leading: {
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    trailing: {
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    color: {
+        white: {
+            outline: string;
+        };
+        gray: {
+            outline: string;
+        };
+    };
+    variant: {
+        outline: string;
+        none: string;
+    };
+    icon: {
+        base: string;
+        color: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        leading: {
+            wrapper: string;
+            pointer: string;
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+        trailing: {
+            wrapper: string;
+            pointer: string;
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+    };
+};
+export declare const select: {
+    placeholder: string;
+    default: {
+        size: string;
+        color: string;
+        variant: string;
+        loadingIcon: string;
+        trailingIcon: string;
+    };
+    wrapper: string;
+    base: string;
+    rounded: string;
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    gap: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    padding: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    leading: {
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    trailing: {
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    color: {
+        white: {
+            outline: string;
+        };
+        gray: {
+            outline: string;
+        };
+    };
+    variant: {
+        outline: string;
+        none: string;
+    };
+    icon: {
+        base: string;
+        color: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        leading: {
+            wrapper: string;
+            pointer: string;
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+        trailing: {
+            wrapper: string;
+            pointer: string;
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+    };
+};
+export declare const selectMenu: {
+    container: string;
+    width: string;
+    height: string;
+    base: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    padding: string;
+    ring: string;
+    input: string;
+    option: {
+        base: string;
+        rounded: string;
+        padding: string;
+        size: string;
+        color: string;
+        container: string;
+        active: string;
+        inactive: string;
+        selected: string;
+        disabled: string;
+        empty: string;
+        icon: {
+            base: string;
+            active: string;
+            inactive: string;
+        };
+        selectedIcon: {
+            wrapper: string;
+            padding: string;
+            base: string;
+        };
+        avatar: {
+            base: string;
+            size: string;
+        };
+        chip: {
+            base: string;
+        };
+    };
+    transition: {
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        placement: string;
+    };
+    default: {
+        selectedIcon: string;
+    };
+};
+export declare const radio: {
+    wrapper: string;
+    base: string;
+    color: string;
+    background: string;
+    border: string;
+    ring: string;
+    label: string;
+    required: string;
+    help: string;
+    default: {
+        color: string;
+    };
+};
+export declare const checkbox: {
+    wrapper: string;
+    base: string;
+    rounded: string;
+    color: string;
+    background: string;
+    border: string;
+    ring: string;
+    label: string;
+    required: string;
+    help: string;
+    default: {
+        color: string;
+    };
+};
+export declare const toggle: {
+    base: string;
+    rounded: string;
+    ring: string;
+    active: string;
+    inactive: string;
+    container: {
+        base: string;
+        active: string;
+        inactive: string;
+    };
+    icon: {
+        base: string;
+        active: string;
+        inactive: string;
+        on: string;
+        off: string;
+    };
+    default: {
+        onIcon: null;
+        offIcon: null;
+        color: string;
+    };
+};
+export declare const range: {
+    wrapper: string;
+    base: string;
+    rounded: string;
+    background: string;
+    ring: string;
+    progress: {
+        base: string;
+        rounded: string;
+        background: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    };
+    thumb: {
+        base: string;
+        color: string;
+        background: string;
+        ring: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    };
+    track: {
+        base: string;
+        background: string;
+        rounded: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    default: {
+        size: string;
+        color: string;
+    };
+};
+export declare const card: {
+    base: string;
+    background: string;
+    divide: string;
+    ring: string;
+    rounded: string;
+    shadow: string;
+    body: {
+        base: string;
+        background: string;
+        padding: string;
+    };
+    header: {
+        base: string;
+        background: string;
+        padding: string;
+    };
+    footer: {
+        base: string;
+        background: string;
+        padding: string;
+    };
+};
+export declare const container: {
+    base: string;
+    padding: string;
+    constrained: string;
+};
+export declare const skeleton: {
+    base: string;
+    background: string;
+    rounded: string;
+};
+export declare const verticalNavigation: {
+    wrapper: string;
+    base: string;
+    ring: string;
+    padding: string;
+    width: string;
+    rounded: string;
+    font: string;
+    size: string;
+    active: string;
+    inactive: string;
+    label: string;
+    icon: {
+        base: string;
+        active: string;
+        inactive: string;
+    };
+    avatar: {
+        base: string;
+        size: string;
+    };
+    badge: {
+        base: string;
+        active: string;
+        inactive: string;
+    };
+};
+export declare const commandPalette: {
+    wrapper: string;
+    container: string;
+    input: {
+        wrapper: string;
+        base: string;
+        padding: string;
+        height: string;
+        size: string;
+        icon: {
+            base: string;
+            size: string;
+            padding: string;
+        };
+        closeButton: string;
+    };
+    emptyState: {
+        wrapper: string;
+        label: string;
+        queryLabel: string;
+        icon: string;
+    };
+    group: {
+        wrapper: string;
+        label: string;
+        container: string;
+        command: {
+            base: string;
+            active: string;
+            inactive: string;
+            label: string;
+            prefix: string;
+            suffix: string;
+            container: string;
+            icon: {
+                base: string;
+                active: string;
+                inactive: string;
+            };
+            selectedIcon: {
+                base: string;
+            };
+            avatar: {
+                base: string;
+                size: "3xs";
+            };
+            chip: {
+                base: string;
+            };
+            disabled: string;
+            shortcuts: string;
+        };
+        active: string;
+        inactive: string;
+    };
+    default: {
+        icon: string;
+        loadingIcon: string;
+        emptyState: {
+            icon: string;
+            label: string;
+            queryLabel: string;
+        };
+        closeButton: null;
+        selectedIcon: string;
+    };
+};
+export declare const pagination: {
+    wrapper: string;
+    base: string;
+    rounded: string;
+    default: {
+        size: string;
+        activeButton: {
+            color: string;
+        };
+        inactiveButton: {
+            color: string;
+        };
+        prevButton: {
+            color: string;
+            class: string;
+            icon: string;
+        };
+        nextButton: {
+            color: string;
+            class: string;
+            icon: string;
+        };
+    };
+};
+export declare const tabs: {
+    wrapper: string;
+    container: string;
+    base: string;
+    list: {
+        base: string;
+        background: string;
+        rounded: string;
+        shadow: string;
+        padding: string;
+        height: string;
+        width: string;
+        marker: {
+            wrapper: string;
+            base: string;
+            background: string;
+            rounded: string;
+            shadow: string;
+        };
+        tab: {
+            base: string;
+            background: string;
+            active: string;
+            inactive: string;
+            height: string;
+            padding: string;
+            size: string;
+            font: string;
+            rounded: string;
+            shadow: string;
+        };
+    };
+};
+export declare const modal: {
+    wrapper: string;
+    inner: string;
+    container: string;
+    padding: string;
+    margin: string;
+    base: string;
+    overlay: {
+        base: string;
+        background: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
+        };
+    };
+    background: string;
+    ring: string;
+    rounded: string;
+    shadow: string;
+    width: string;
+    height: string;
+    transition: {
+        enter: string;
+        enterFrom: string;
+        enterTo: string;
+        leave: string;
+        leaveFrom: string;
+        leaveTo: string;
+    };
+};
+export declare const slideover: {
+    wrapper: string;
+    overlay: {
+        base: string;
+        background: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
+        };
+    };
+    base: string;
+    background: string;
+    ring: string;
+    rounded: string;
+    padding: string;
+    shadow: string;
+    width: string;
+    transition: {
+        enter: string;
+        leave: string;
+    };
+};
+export declare const tooltip: {
+    wrapper: string;
+    container: string;
+    width: string;
+    background: string;
+    color: string;
+    shadow: string;
+    rounded: string;
+    ring: string;
+    base: string;
+    shortcuts: string;
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        strategy: string;
+    };
+};
+export declare const popover: {
+    wrapper: string;
+    container: string;
+    width: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    ring: string;
+    base: string;
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        strategy: string;
+    };
+};
+export declare const contextMenu: {
+    wrapper: string;
+    container: string;
+    width: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    ring: string;
+    base: string;
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        placement: string;
+        scroll: boolean;
+    };
+};
+export declare const notification: {
+    wrapper: string;
+    container: string;
+    title: string;
+    description: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    padding: string;
+    ring: string;
+    icon: {
+        base: string;
+        color: string;
+    };
+    avatar: {
+        base: string;
+        size: "md";
+    };
+    progress: {
+        base: string;
+        background: string;
+    };
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    default: {
+        color: string;
+        icon: null;
+        closeButton: {
+            icon: string;
+            color: string;
+            variant: string;
+            padded: boolean;
+        };
+        actionButton: {
+            size: string;
+            color: string;
+        };
+    };
+};
+export declare const notifications: {
+    wrapper: string;
+    position: string;
+    width: string;
+    container: string;
+};