@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.66 kB
TypeScript
import { Property } from "../node_modules/csstype/index.js";
import { VuiTheme } from "../theme/types.js";
import "../theme/index.js";
import { SpaceGetter } from "./space.js";
import { SystemProp, VariantsType } from "@xstyled/system";
//#region src/system/grids.d.ts
type GridTemplateColumnsGetter = VariantsType<VuiTheme['gridTemplateColumns']>;
type GridTemplateRowsGetter = VariantsType<VuiTheme['gridTemplateRows']>;
type GapProp = SystemProp<SpaceGetter | Property.Gap, VuiTheme>;
type GapProps = {
gap?: GapProp;
};
type ColumnGapProp = SystemProp<SpaceGetter | Property.ColumnGap, VuiTheme>;
type ColumnGapProps = {
columnGap?: ColumnGapProp;
};
type RowGapProp = SystemProp<SpaceGetter | Property.RowGap, VuiTheme>;
type RowGapProps = {
rowGap?: RowGapProp;
};
type GridColumnProp = SystemProp<Property.GridColumn, VuiTheme>;
type GridColumnProps = {
gridColumn?: GridColumnProp;
};
type GridRowProp = SystemProp<Property.GridRow, VuiTheme>;
type GridRowProps = {
gridRow?: GridRowProp;
};
type GridAutoFlowProp = SystemProp<Property.GridAutoFlow, VuiTheme>;
type GridAutoFlowProps = {
gridAutoFlow?: GridAutoFlowProp;
};
type GridAutoColumnsProp = SystemProp<Property.GridAutoColumns, VuiTheme>;
type GridAutoColumnsProps = {
gridAutoColumns?: GridAutoColumnsProp;
};
type GridAutoRowsProp = SystemProp<Property.GridAutoRows, VuiTheme>;
type GridAutoRowsProps = {
gridAutoRows?: GridAutoRowsProp;
};
type GridTemplateColumnsProp = SystemProp<GridTemplateColumnsGetter | Property.GridTemplateColumns, VuiTheme>;
type GridTemplateColumnsProps = {
gridTemplateColumns?: GridTemplateColumnsProp;
};
type GridTemplateRowsProp = SystemProp<GridTemplateRowsGetter | Property.GridTemplateRows, VuiTheme>;
type GridTemplateRowsProps = {
gridTemplateRows?: GridTemplateRowsProp;
};
type GridTemplateAreasProp = SystemProp<Property.GridTemplateAreas, VuiTheme>;
type GridTemplateAreasProps = {
gridTemplateAreas?: GridTemplateAreasProp;
};
type GridAreaProp = SystemProp<Property.GridArea, VuiTheme>;
type GridAreaProps = {
gridArea?: GridAreaProp;
};
type GridsProps = GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps;
//#endregion
export { ColumnGapProps, GapProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsGetter, GridTemplateColumnsProps, GridTemplateRowsGetter, GridTemplateRowsProps, GridsProps, RowGapProps };
//# sourceMappingURL=grids.d.ts.map