@veracity/vui
Version:
Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.
40 lines (39 loc) • 1.26 kB
TypeScript
import { VuiTheme } from "../theme/types.js";
import "../theme/index.js";
import { SystemProp, VariantsType } from "@xstyled/system";
//#region src/system/sizing.d.ts
type SizeGetter = VariantsType<VuiTheme['sizes']>;
type WidthProp = SystemProp<SizeGetter, VuiTheme>;
type WidthProps = {
w?: WidthProp;
hoverW?: WidthProp;
};
type HeightProp = SystemProp<SizeGetter, VuiTheme>;
type HeightProps = {
h?: HeightProp;
hoverH?: HeightProp;
};
type MaxHeightProp = SystemProp<SizeGetter, VuiTheme>;
type MaxHeightProps = {
maxH?: MaxHeightProp;
hoverMaxH?: MaxHeightProp;
};
type MinHeightProp = SystemProp<SizeGetter, VuiTheme>;
type MinHeightProps = {
minH?: MinHeightProp;
hoverMinH?: MinHeightProp;
};
type MaxWidthProp = SystemProp<SizeGetter, VuiTheme>;
type MaxWidthProps = {
maxW?: MaxWidthProp;
hoverMaxW?: MaxWidthProp;
};
type MinWidthProp = SystemProp<SizeGetter, VuiTheme>;
type MinWidthProps = {
minW?: MinWidthProp;
hoverMinW?: MinWidthProp;
};
type SizingProps = WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps;
//#endregion
export { HeightProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, SizeGetter, SizingProps, WidthProps };
//# sourceMappingURL=sizing.d.ts.map