@veracity/vui
Version:
Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.
61 lines (60 loc) • 2.15 kB
TypeScript
import { Property } from "../node_modules/csstype/index.js";
import { VuiTheme } from "../theme/types.js";
import "../theme/index.js";
import { SystemProp, VariantsType } from "@xstyled/system";
//#region src/system/transforms.d.ts
type TransformGetter = VariantsType<VuiTheme['transforms']>;
type TransformProp = SystemProp<boolean | string, VuiTheme>;
type TransformProps = {
transform?: TransformProp;
hoverTransform?: TransformProp;
};
type TransformOriginProp = SystemProp<Property.TransformOrigin, VuiTheme>;
type TransformOriginProps = {
transformOrigin?: TransformOriginProp;
hoverTransformOrigin?: TransformOriginProp;
};
type TranslateXProp = SystemProp<number | string, VuiTheme>;
type TranslateXProps = {
translateX?: TranslateXProp;
hoverTranslateX?: TranslateXProp;
};
type TranslateYProp = SystemProp<number | string, VuiTheme>;
type TranslateYProps = {
translateY?: TranslateYProp;
hoverTranslateY?: TranslateYProp;
};
type RotateProp = SystemProp<number | string, VuiTheme>;
type RotateProps = {
rotate?: RotateProp;
hoverRotate?: RotateProp;
};
type SkewXProp = SystemProp<number | string, VuiTheme>;
type SkewXProps = {
skewX?: SkewXProp;
hoverSkewX?: SkewXProp;
};
type SkewYProp = SystemProp<number | string, VuiTheme>;
type SkewYProps = {
skewY?: SkewYProp;
hoverSkewY?: SkewYProp;
};
type ScaleProp = SystemProp<number | string, VuiTheme>;
type ScaleProps = {
scale?: ScaleProp;
hoverScale?: ScaleProp;
};
type ScaleXProp = SystemProp<number | string, VuiTheme>;
type ScaleXProps = {
scaleX?: ScaleXProp;
hoverScaleX?: ScaleXProp;
};
type ScaleYProp = SystemProp<number | string, VuiTheme>;
type ScaleYProps = {
scaleY?: ScaleYProp;
hoverScaleY?: ScaleYProp;
};
type TransformsProps = TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps;
//#endregion
export { RotateProps, ScaleProps, ScaleXProps, ScaleYProps, SkewXProps, SkewYProps, TransformGetter, TransformOriginProps, TransformProps, TransformsProps, TranslateXProps, TranslateYProps };
//# sourceMappingURL=transforms.d.ts.map