UNPKG

@retriever-ui/system

Version:
28 lines (27 loc) 1.13 kB
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;