@saas-ui/command-bar/dist/command-bar-theme.d.ts

Chakra UI CommandBar Component

import * as _chakra_ui_styled_system from '@chakra-ui/styled-system';

declare const commandBarTheme: {
    baseStyle?: {
        container: {
            display: string;
            flexDirection: string;
            minHeight: number;
            borderRadius: string;
            bg: string;
            color: string;
            py: number;
            zIndex: string;
            flex: number;
            _dark: {
                bg: string;
            };
        };
        input: {
            px: number;
            py: number;
            mb: number;
            outline: string;
            bg: string;
            w: string;
        };
        list: {
            borderTopWidth: string;
            overflow: string;
            overscrollBehavior: string;
            flex: number;
        };
        group: {
            '& > [cmdk-group-heading]': {
                px: number;
                py: number;
                fontSize: string;
                fontWeight: string;
                color: string;
            };
        };
        item: {
            display: string;
            alignItems: string;
            cursor: string;
            fontSize: string;
            h: number;
            px: number;
            gap: number;
            userSelect: string;
            transition: string;
            transitionDuration: string;
            '&[data-disabled=true]': {
                opacity: number;
            };
            '&[data-selected=true]': {
                bg: string;
                _dark: {
                    bg: string;
                };
            };
            _active: {
                bg: string;
                _dark: {
                    bg: string;
                };
                _disabled: {
                    bg: string;
                    cursor: string;
                };
            };
        };
        empty: {
            display: string;
            alignItems: string;
            justifyContent: string;
            textAlign: string;
            color: string;
            fontSize: string;
            h: number;
        };
        loading: {
            display: string;
            alignItems: string;
            color: string;
            fontSize: string;
            px: number;
            py: number;
            h: number;
        };
        dialog: {
            borderWidth: string;
        };
    } | undefined;
    sizes?: {
        xs: {
            dialog: {
                maxW: string;
            };
        };
        sm: {
            dialog: {
                maxW: string;
            };
        };
        md: {
            dialog: {
                maxW: string;
            };
        };
        lg: {
            dialog: {
                maxW: string;
            };
        };
        xl: {
            dialog: {
                maxW: string;
            };
        };
        '2xl': {
            dialog: {
                maxW: string;
            };
        };
        '3xl': {
            dialog: {
                maxW: string;
            };
        };
        '4xl': {
            dialog: {
                maxW: string;
            };
        };
        '5xl': {
            dialog: {
                maxW: string;
            };
        };
        '6xl': {
            dialog: {
                maxW: string;
            };
        };
        full: {
            dialog: {
                maxW: string;
            };
        };
    } | undefined;
    variants?: {
        [key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
            keys: string[];
        }>;
    } | undefined;
    defaultProps?: {
        size?: "sm" | "md" | "lg" | "xl" | "2xl" | "full" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
        variant?: string | number | undefined;
        colorScheme?: string | undefined;
    } | undefined;
    parts: string[];
};

export { commandBarTheme };