@retriever-ui/system
Version:
28 lines (27 loc) • 1.13 kB
TypeScript
import * as CSS from 'csstype';
import { CSSResponsive, ThemeCSS } from '../type/theme';
declare type TransformProperties = 'rotate()' | 'rotateX()' | 'rotateY()' | 'scale()' | 'scaleX()' | 'scaleY()' | 'matrix()' | 'translate()' | 'translateX()' | 'translateY()' | 'perspective()';
export interface TransformsProps {
/**
* The CSS `transform` property
*/
transform?: CSSResponsive<CSS.Property.Transform | TransformProperties>;
/**
* The CSS `transition` property
*/
transition?: CSSResponsive<CSS.Property.Transition>;
/**
* The CSS `transition-delay` property
*/
transitionDelay?: CSSResponsive<CSS.Property.TransitionDelay>;
/**
* The CSS `transform: transition-property` property
*/
transitionProperty?: CSSResponsive<CSS.Property.TransitionProperty>;
/**
* The CSS `transform: transition-duration` property
*/
transitionDuration?: CSSResponsive<CSS.Property.TransitionDuration>;
}
declare const transforms: ({ theme, ...props }: ThemeCSS<TransformsProps>) => import("@emotion/utils").SerializedStyles;
export default transforms;