franken-ui/dist/shadcn-ui/components/transition.d.ts

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.

declare const _default: {
    ":where(.uk-transition-fade), :where([class*='uk-transition-scale']), :where([class*='uk-transition-slide'])": {
        '--uk-position-translate-x': string;
        '--uk-position-translate-y': string;
    };
    ".uk-transition-fade, [class*='uk-transition-scale'], [class*='uk-transition-slide']": {
        '--uk-translate-x': string;
        '--uk-translate-y': string;
        '--uk-scale-x': string;
        '--uk-scale-y': string;
        transform: string;
        transition: string;
        transitionProperty: string;
        opacity: string;
    };
    '.uk-transition-toggle:hover .uk-transition-fade, .uk-transition-toggle:focus .uk-transition-fade, .uk-transition-toggle .uk-transition-fade:focus-within, .uk-transition-active.uk-active .uk-transition-fade': {
        opacity: string;
    };
    "[class*='uk-transition-scale']": {
        WebkitBackfaceVisibility: string;
    };
    '.uk-transition-scale-up': {
        '--uk-scale-x': string;
        '--uk-scale-y': string;
    };
    '.uk-transition-scale-down': {
        '--uk-scale-x': string;
        '--uk-scale-y': string;
    };
    '.uk-transition-toggle:hover .uk-transition-scale-up, .uk-transition-toggle:focus .uk-transition-scale-up, .uk-transition-toggle .uk-transition-scale-up:focus-within, .uk-transition-active.uk-active .uk-transition-scale-up': {
        '--uk-scale-x': string;
        '--uk-scale-y': string;
        opacity: string;
    };
    '.uk-transition-toggle:hover .uk-transition-scale-down, .uk-transition-toggle:focus .uk-transition-scale-down, .uk-transition-toggle .uk-transition-scale-down:focus-within, .uk-transition-active.uk-active .uk-transition-scale-down': {
        '--uk-scale-x': string;
        '--uk-scale-y': string;
        opacity: string;
    };
    '.uk-transition-slide-top': {
        '--uk-translate-y': string;
    };
    '.uk-transition-slide-bottom': {
        '--uk-translate-y': string;
    };
    '.uk-transition-slide-left': {
        '--uk-translate-x': string;
    };
    '.uk-transition-slide-right': {
        '--uk-translate-x': string;
    };
    '.uk-transition-slide-top-sm': {
        '--uk-translate-y': string;
    };
    '.uk-transition-slide-bottom-sm': {
        '--uk-translate-y': string;
    };
    '.uk-transition-slide-left-sm': {
        '--uk-translate-x': string;
    };
    '.uk-transition-slide-right-sm': {
        '--uk-translate-x': string;
    };
    '.uk-transition-slide-top-md': {
        '--uk-translate-y': string;
    };
    '.uk-transition-slide-bottom-md': {
        '--uk-translate-y': string;
    };
    '.uk-transition-slide-left-md': {
        '--uk-translate-x': string;
    };
    '.uk-transition-slide-right-md': {
        '--uk-translate-x': string;
    };
    ".uk-transition-toggle:hover [class*='uk-transition-slide'], .uk-transition-toggle:focus [class*='uk-transition-slide'], .uk-transition-toggle [class*='uk-transition-slide']:focus-within, .uk-transition-active.uk-active [class*='uk-transition-slide']": {
        '--uk-translate-x': string;
        '--uk-translate-y': string;
        opacity: string;
    };
    '.uk-transition-opaque': {
        opacity: string;
    };
    '.uk-transition-slow': {
        transitionDuration: string;
    };
    '.uk-transition-disable, .uk-transition-disable *': {
        transition: string;
    };
};
export default _default;