franken-ui/dist/shadcn-ui/components/cmd.js

Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.

export default {
    '.uk-cmd-header': {
        '@apply flex items-center gap-x-2 px-3': {}
    },
    '.uk-cmd-header-input': {
        '@apply flex-1 py-3': {}
    },
    '.uk-cmd-header-input input': {
        '@apply placeholder-muted-foreground w-full bg-transparent focus:outline-none': {}
    },
    '.uk-cmd-header-icon': {
        '@apply text-muted-foreground size-4 flex-none': {}
    },
    '.uk-cmd-header-esc': {
        '@apply flex-none': {}
    },
    '.uk-cmd-body': {
        '@apply max-h-80': {}
    },
    '.uk-cmd-item-wrapper': {
        '@apply flex flex-1 items-center': {}
    },
    '.uk-cmd-item-icon': {
        '@apply mr-2 size-4 flex-none': {}
    },
    '.uk-cmd-item-text': {
        '@apply flex-1': {}
    }
};