@veracity/vui 0.6.2 → 0.7.0-beta.0

package/esm/system/backgrounds.js

@@ -0,0 +1 @@
+export {};

package/esm/system/borders.d.ts

@@ -0,0 +1,143 @@
+import { SystemProp, VariantsType } from '@xstyled/system';
+import { VuiTheme } from '../theme';
+import { ColorGetter } from './colors';
+export declare type BorderGetter = VariantsType<VuiTheme['borders']>;
+export declare type BorderStyleGetter = VariantsType<unknown>;
+export declare type BorderWidthGetter = VariantsType<unknown>;
+export declare type RadiusGetter = VariantsType<VuiTheme['radii']>;
+export declare type RingWidthGetter = VariantsType<VuiTheme['ringWidths']>;
+declare type BorderProp = SystemProp<BorderGetter, VuiTheme>;
+export declare type BorderProps = {
+    border?: BorderProp;
+    hoverBorder?: BorderProp;
+};
+declare type BorderTopProp = SystemProp<BorderGetter, VuiTheme>;
+export declare type BorderTopProps = {
+    borderTop?: BorderTopProp;
+};
+declare type BorderRightProp = SystemProp<BorderGetter, VuiTheme>;
+export declare type BorderRightProps = {
+    borderRight?: BorderRightProp;
+};
+declare type BorderBottomProp = SystemProp<BorderGetter, VuiTheme>;
+export declare type BorderBottomProps = {
+    borderBottom?: BorderBottomProp;
+};
+declare type BorderLeftProp = SystemProp<BorderGetter, VuiTheme>;
+export declare type BorderLeftProps = {
+    borderLeft?: BorderLeftProp;
+};
+declare type BorderColorProp = SystemProp<ColorGetter, VuiTheme>;
+export declare type BorderColorProps = {
+    borderColor?: BorderColorProp;
+    disabledBorderColor?: BorderColorProp;
+    focusBorderColor?: BorderColorProp;
+    hoverBorderColor?: BorderColorProp;
+    focusWithinBorderColor?: BorderColorProp;
+};
+declare type BorderTopColorProp = SystemProp<ColorGetter, VuiTheme>;
+export declare type BorderTopColorProps = {
+    borderTopColor?: BorderTopColorProp;
+};
+declare type BorderRightColorProp = SystemProp<ColorGetter, VuiTheme>;
+export declare type BorderRightColorProps = {
+    borderRightColor?: BorderRightColorProp;
+};
+declare type BorderBottomColorProp = SystemProp<ColorGetter, VuiTheme>;
+export declare type BorderBottomColorProps = {
+    borderBottomColor?: BorderBottomColorProp;
+};
+declare type BorderLeftColorProp = SystemProp<ColorGetter, VuiTheme>;
+export declare type BorderLeftColorProps = {
+    borderLeftColor?: BorderLeftColorProp;
+};
+declare type BorderWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export declare type BorderWidthProps = {
+    borderWidth?: BorderWidthProp;
+    hoverBorderWidth?: BorderWidthProp;
+};
+declare type BorderTopWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export declare type BorderTopWidthProps = {
+    borderTopWidth?: BorderTopWidthProp;
+};
+declare type BorderRightWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export declare type BorderRightWidthProps = {
+    borderRightWidth?: BorderRightWidthProp;
+};
+declare type BorderBottomWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export declare type BorderBottomWidthProps = {
+    borderBottomWidth?: BorderBottomWidthProp;
+};
+declare type BorderLeftWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export declare type BorderLeftWidthProps = {
+    borderLeftWidth?: BorderLeftWidthProp;
+};
+declare type BorderStyleProp = SystemProp<BorderStyleGetter, VuiTheme>;
+export declare type BorderStyleProps = {
+    borderStyle?: BorderStyleProp;
+    hoverBorderStyle?: BorderStyleProp;
+};
+export declare type BorderRadiusProp = SystemProp<RadiusGetter, VuiTheme>;
+export declare type BorderRadiusProps = {
+    borderRadius?: BorderRadiusProp;
+    hoverBorderRadius?: BorderRadiusProp;
+};
+declare type OutlineProp = SystemProp<BorderGetter, VuiTheme>;
+export declare type OutlineProps = {
+    outline?: OutlineProp;
+};
+declare type OutlineColorProp = SystemProp<ColorGetter, VuiTheme>;
+export declare type OutlineColorProps = {
+    outlineColor?: OutlineColorProp;
+};
+declare type OutlineWidthProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export declare type OutlineWidthProps = {
+    outlineWidth?: OutlineWidthProp;
+};
+declare type OutlineStyleProp = SystemProp<BorderStyleGetter, VuiTheme>;
+export declare type OutlineStyleProps = {
+    outlineStyle?: OutlineStyleProp;
+};
+declare type DivideXProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export declare type DivideXProps = {
+    divideX?: DivideXProp;
+};
+declare type DivideYProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export declare type DivideYProps = {
+    divideY?: DivideYProp;
+};
+declare type DivideXReverseProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export declare type DivideXReverseProps = {
+    divideXReverse?: DivideXReverseProp;
+};
+declare type DivideYReverseProp = SystemProp<BorderWidthGetter, VuiTheme>;
+export declare type DivideYReverseProps = {
+    divideYReverse?: DivideYReverseProp;
+};
+declare type DivideColorProp = SystemProp<ColorGetter, VuiTheme>;
+export declare type DivideColorProps = {
+    divideColor?: DivideColorProp;
+    hoverDivideColor?: DivideColorProp;
+};
+declare type DivideStyleProp = SystemProp<BorderStyleGetter, VuiTheme>;
+export declare type DivideStyleProps = {
+    divideStyle?: DivideStyleProp;
+};
+declare type RingProp = SystemProp<RingWidthGetter, VuiTheme>;
+export declare type RingProps = {
+    ring?: RingProp;
+    focusRing?: RingProp;
+    focusVisibleRing?: RingProp;
+    focusWithinRing?: RingProp;
+    hoverRing?: RingProp;
+};
+declare type RingColorProp = SystemProp<ColorGetter, VuiTheme>;
+export declare type RingColorProps = {
+    ringColor?: RingColorProp;
+    focusRingColor?: RingColorProp;
+    focusVisibleRingColor?: RingColorProp;
+    focusWithinRingColor?: RingColorProp;
+    hoverRingColor?: RingColorProp;
+};
+export declare type BordersProps = BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps;
+export {};

package/esm/system/borders.js

@@ -0,0 +1 @@
+export {};

package/esm/system/colors.d.ts

@@ -0,0 +1,3 @@
+import { VuiTheme } from '../theme';
+import { AnyString } from '../utils';
+export declare type ColorGetter = keyof VuiTheme['colors'] | AnyString;

package/esm/system/colors.js

@@ -0,0 +1 @@
+export {};

package/esm/system/custom.d.ts

@@ -0,0 +1,14 @@
+export declare type IsTruncatedProps = {
+    isTruncated?: boolean;
+};
+/** Provides styling to truncate single-line text. */
+export declare const isTruncated: import("@xstyled/styled-components").StyleGenerator;
+export declare type MaxLinesProps = {
+    maxLines?: number;
+};
+/** Provides styling to truncate multi-line text. */
+export declare const maxLines: import("@xstyled/styled-components").StyleGenerator;
+export declare type WordBreakProps = {
+    wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word';
+};
+export declare const wordBreak: import("@xstyled/styled-components").StyleGenerator;

package/esm/system/custom.js

@@ -0,0 +1,29 @@
+import { style } from '@xstyled/styled-components';
+/** Provides styling to truncate single-line text. */
+export const isTruncated = style({
+    prop: 'isTruncated',
+    cssProperty: function () {
+        return {
+            overflow: 'hidden',
+            'text-overflow': 'ellipsis',
+            'white-space': 'nowrap'
+        };
+    },
+    states: {}
+});
+/** Provides styling to truncate multi-line text. */
+export const maxLines = style({
+    prop: 'maxLines',
+    cssProperty: function (value) {
+        return {
+            display: '-webkit-box',
+            overflow: 'hidden',
+            '-webkit-line-clamp': `${value}`,
+            '-webkit-box-orient': 'vertical'
+        };
+    },
+    states: {}
+});
+export const wordBreak = style({
+    prop: 'wordBreak'
+});

package/esm/system/effects.d.ts

@@ -0,0 +1,21 @@
+import { SystemProp, VariantsType } from '@xstyled/system';
+import * as CSS from 'csstype';
+import { VuiTheme } from '../theme';
+import { AnyString } from '../utils';
+export declare type ShadowGetter = VariantsType<VuiTheme['shadows']>;
+declare type OpacityProp = SystemProp<CSS.Property.Opacity, VuiTheme>;
+export declare type OpacityProps = {
+    opacity?: OpacityProp;
+    hoverOpacity?: OpacityProp;
+};
+declare type BoxShadowProp = SystemProp<ShadowGetter | AnyString, VuiTheme>;
+export declare type BoxShadowProps = {
+    boxShadow?: BoxShadowProp;
+    hoverBoxShadow?: BoxShadowProp;
+};
+declare type TextShadowProp = SystemProp<ShadowGetter | AnyString, VuiTheme>;
+export declare type TextShadowProps = {
+    textShadow?: TextShadowProp;
+};
+export declare type EffectsProps = OpacityProps & BoxShadowProps & TextShadowProps;
+export {};

package/esm/system/effects.js

@@ -0,0 +1 @@
+export {};

package/esm/system/flexboxGrids.d.ts

@@ -0,0 +1,12 @@
+import { SystemProp } from '@xstyled/system';
+import { VuiTheme } from '../theme';
+declare type RowProp = SystemProp<boolean, VuiTheme>;
+export declare type RowProps = {
+    row?: RowProp;
+};
+declare type ColProp = SystemProp<true | 'auto' | string | number, VuiTheme>;
+export declare type ColProps = {
+    col?: ColProp;
+};
+export declare type FlexboxGridsProps = RowProps & ColProps;
+export {};

package/esm/system/flexboxGrids.js

@@ -0,0 +1 @@
+export {};

package/esm/system/flexboxes.d.ts

@@ -0,0 +1,60 @@
+import { SystemProp } from '@xstyled/system';
+import * as CSS from 'csstype';
+import { VuiTheme } from '../theme';
+import { DisplayProps } from './layout';
+declare type AlignItemsProp = SystemProp<CSS.Property.AlignItems, VuiTheme>;
+export declare type AlignItemsProps = {
+    alignItems?: AlignItemsProp;
+};
+declare type AlignContentProp = SystemProp<CSS.Property.AlignContent, VuiTheme>;
+export declare type AlignContentProps = {
+    alignContent?: AlignContentProp;
+};
+declare type JustifyContentProp = SystemProp<CSS.Property.JustifyContent, VuiTheme>;
+export declare type JustifyContentProps = {
+    justifyContent?: JustifyContentProp;
+};
+declare type JustifyItemsProp = SystemProp<CSS.Property.JustifyItems, VuiTheme>;
+export declare type JustifyItemsProps = {
+    justifyItems?: JustifyItemsProp;
+};
+declare type FlexWrapProp = SystemProp<CSS.Property.FlexWrap, VuiTheme>;
+export declare type FlexWrapProps = {
+    flexWrap?: FlexWrapProp;
+};
+declare type FlexGrowProp = SystemProp<CSS.Property.FlexGrow, VuiTheme>;
+export declare type FlexGrowProps = {
+    flexGrow?: FlexGrowProp;
+};
+declare type FlexShrinkProp = SystemProp<CSS.Property.FlexShrink, VuiTheme>;
+export declare type FlexShrinkProps = {
+    flexShrink?: FlexShrinkProp;
+};
+declare type FlexBasisProp = SystemProp<CSS.Property.FlexBasis, VuiTheme>;
+export declare type FlexBasisProps = {
+    flexBasis?: FlexBasisProp;
+    hoverFlexBasis?: FlexBasisProp;
+};
+declare type FlexDirectionProp = SystemProp<CSS.Property.FlexDirection, VuiTheme>;
+export declare type FlexDirectionProps = {
+    flexDirection?: FlexDirectionProp;
+};
+declare type FlexProp = SystemProp<CSS.Property.Flex, VuiTheme>;
+export declare type FlexProps = {
+    flex?: FlexProp;
+    hoverFlex?: FlexProp;
+};
+declare type JustifySelfProp = SystemProp<CSS.Property.JustifySelf, VuiTheme>;
+export declare type JustifySelfProps = {
+    justifySelf?: JustifySelfProp;
+};
+declare type AlignSelfProp = SystemProp<CSS.Property.AlignSelf, VuiTheme>;
+export declare type AlignSelfProps = {
+    alignSelf?: AlignSelfProp;
+};
+declare type OrderProp = SystemProp<CSS.Property.Order, VuiTheme>;
+export declare type OrderProps = {
+    order?: OrderProp;
+};
+export declare type FlexboxesProps = DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps;
+export {};

package/esm/system/flexboxes.js

@@ -0,0 +1 @@
+export {};

package/esm/system/grids.d.ts

@@ -0,0 +1,56 @@
+import { SystemProp, VariantsType } from '@xstyled/system';
+import * as CSS from 'csstype';
+import { VuiTheme } from '../theme';
+import { SpaceGetter } from './space';
+export declare type GridTemplateColumnsGetter = VariantsType<VuiTheme['gridTemplateColumns']>;
+export declare type GridTemplateRowsGetter = VariantsType<VuiTheme['gridTemplateRows']>;
+declare type GapProp = SystemProp<SpaceGetter | CSS.Property.Gap, VuiTheme>;
+export declare type GapProps = {
+    gap?: GapProp;
+};
+declare type ColumnGapProp = SystemProp<SpaceGetter | CSS.Property.ColumnGap, VuiTheme>;
+export declare type ColumnGapProps = {
+    columnGap?: ColumnGapProp;
+};
+declare type RowGapProp = SystemProp<SpaceGetter | CSS.Property.RowGap, VuiTheme>;
+export declare type RowGapProps = {
+    rowGap?: RowGapProp;
+};
+declare type GridColumnProp = SystemProp<CSS.Property.GridColumn, VuiTheme>;
+export declare type GridColumnProps = {
+    gridColumn?: GridColumnProp;
+};
+declare type GridRowProp = SystemProp<CSS.Property.GridRow, VuiTheme>;
+export declare type GridRowProps = {
+    gridRow?: GridRowProp;
+};
+declare type GridAutoFlowProp = SystemProp<CSS.Property.GridAutoFlow, VuiTheme>;
+export declare type GridAutoFlowProps = {
+    gridAutoFlow?: GridAutoFlowProp;
+};
+declare type GridAutoColumnsProp = SystemProp<CSS.Property.GridAutoColumns, VuiTheme>;
+export declare type GridAutoColumnsProps = {
+    gridAutoColumns?: GridAutoColumnsProp;
+};
+declare type GridAutoRowsProp = SystemProp<CSS.Property.GridAutoRows, VuiTheme>;
+export declare type GridAutoRowsProps = {
+    gridAutoRows?: GridAutoRowsProp;
+};
+declare type GridTemplateColumnsProp = SystemProp<GridTemplateColumnsGetter | CSS.Property.GridTemplateColumns, VuiTheme>;
+export declare type GridTemplateColumnsProps = {
+    gridTemplateColumns?: GridTemplateColumnsProp;
+};
+declare type GridTemplateRowsProp = SystemProp<GridTemplateRowsGetter | CSS.Property.GridTemplateRows, VuiTheme>;
+export declare type GridTemplateRowsProps = {
+    gridTemplateRows?: GridTemplateRowsProp;
+};
+declare type GridTemplateAreasProp = SystemProp<CSS.Property.GridTemplateAreas, VuiTheme>;
+export declare type GridTemplateAreasProps = {
+    gridTemplateAreas?: GridTemplateAreasProp;
+};
+declare type GridAreaProp = SystemProp<CSS.Property.GridArea, VuiTheme>;
+export declare type GridAreaProps = {
+    gridArea?: GridAreaProp;
+};
+export declare type GridsProps = GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps;
+export {};

package/esm/system/grids.js

@@ -0,0 +1 @@
+export {};

package/esm/system/index.d.ts

@@ -0,0 +1,15 @@
+export * from './animations';
+export * from './backgrounds';
+export * from './borders';
+export * from './colors';
+export * from './custom';
+export * from './effects';
+export * from './flexboxes';
+export * from './interactivity';
+export * from './layout';
+export * from './sizing';
+export * from './space';
+export * from './system';
+export * from './transforms';
+export * from './transitions';
+export * from './typography';

package/esm/system/index.js

@@ -0,0 +1,15 @@
+export * from './animations';
+export * from './backgrounds';
+export * from './borders';
+export * from './colors';
+export * from './custom';
+export * from './effects';
+export * from './flexboxes';
+export * from './interactivity';
+export * from './layout';
+export * from './sizing';
+export * from './space';
+export * from './system';
+export * from './transforms';
+export * from './transitions';
+export * from './typography';

package/esm/system/interactivity.d.ts

@@ -0,0 +1,25 @@
+import { SystemProp } from '@xstyled/system';
+import * as CSS from 'csstype';
+import { VuiTheme } from '../theme';
+declare type AppearanceProp = SystemProp<CSS.Property.Appearance, VuiTheme>;
+export declare type AppearanceProps = {
+    appearance?: AppearanceProp;
+};
+declare type CursorProp = SystemProp<CSS.Property.Cursor, VuiTheme>;
+export declare type CursorProps = {
+    cursor?: CursorProp;
+};
+declare type PointerEventsProp = SystemProp<CSS.Property.PointerEvents, VuiTheme>;
+export declare type PointerEventsProps = {
+    pointerEvents?: PointerEventsProp;
+};
+declare type ResizeProp = SystemProp<CSS.Property.Resize, VuiTheme>;
+export declare type ResizeProps = {
+    resize?: ResizeProp;
+};
+declare type UserSelectProp = SystemProp<CSS.Property.UserSelect, VuiTheme>;
+export declare type UserSelectProps = {
+    userSelect?: UserSelectProp;
+};
+export declare type InteractivityProps = AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps;
+export {};

package/esm/system/interactivity.js

@@ -0,0 +1 @@
+export {};

package/esm/system/layout.d.ts

@@ -0,0 +1,72 @@
+import { SystemProp, VariantsType } from '@xstyled/system';
+import * as CSS from 'csstype';
+import { VuiTheme } from '../theme';
+export declare type InsetGetter = VariantsType<unknown>;
+export declare type ZIndexGetter = VariantsType<VuiTheme['zIndices']>;
+declare type DisplayProp = SystemProp<CSS.Property.Display, VuiTheme>;
+export declare type DisplayProps = {
+    display?: DisplayProp;
+};
+declare type FloatProp = SystemProp<CSS.Property.Float, VuiTheme>;
+export declare type FloatProps = {
+    float?: FloatProp;
+};
+declare type BoxSizingProp = SystemProp<CSS.Property.BoxSizing, VuiTheme>;
+export declare type BoxSizingProps = {
+    boxSizing?: BoxSizingProp;
+};
+declare type OverflowProp = SystemProp<CSS.Property.Overflow, VuiTheme>;
+export declare type OverflowProps = {
+    overflow?: OverflowProp;
+};
+declare type OverflowXProp = SystemProp<CSS.Property.OverflowX, VuiTheme>;
+export declare type OverflowXProps = {
+    overflowX?: OverflowXProp;
+};
+declare type OverflowYProp = SystemProp<CSS.Property.OverflowY, VuiTheme>;
+export declare type OverflowYProps = {
+    overflowY?: OverflowYProp;
+};
+declare type ZIndexProp = SystemProp<ZIndexGetter | CSS.Property.ZIndex, VuiTheme>;
+export declare type ZIndexProps = {
+    zIndex?: ZIndexProp;
+};
+declare type PositionProp = SystemProp<CSS.Property.Position, VuiTheme>;
+export declare type PositionProps = {
+    position?: PositionProp;
+};
+declare type TopProp = SystemProp<InsetGetter | CSS.Property.Top, VuiTheme>;
+export declare type TopProps = {
+    top?: TopProp;
+    hoverTop?: TopProp;
+};
+declare type RightProp = SystemProp<InsetGetter | CSS.Property.Right, VuiTheme>;
+export declare type RightProps = {
+    right?: RightProp;
+    hoverRight?: RightProp;
+};
+declare type BottomProp = SystemProp<InsetGetter | CSS.Property.Bottom, VuiTheme>;
+export declare type BottomProps = {
+    bottom?: BottomProp;
+    hoverBottom?: BottomProp;
+};
+declare type LeftProp = SystemProp<InsetGetter | CSS.Property.Left, VuiTheme>;
+export declare type LeftProps = {
+    left?: LeftProp;
+    hoverLeft?: LeftProp;
+};
+declare type VisibilityProp = SystemProp<CSS.Property.Visibility, VuiTheme>;
+export declare type VisibilityProps = {
+    visibility?: VisibilityProp;
+    hoverVisibility?: VisibilityProp;
+};
+declare type OverscrollBehaviorProp = SystemProp<CSS.Property.OverscrollBehavior, VuiTheme>;
+export declare type OverscrollBehaviorProps = {
+    overscrollBehavior?: OverscrollBehaviorProp;
+};
+declare type ObjectFitProp = SystemProp<CSS.Property.ObjectFit, VuiTheme>;
+export declare type ObjectFitProps = {
+    objectFit?: ObjectFitProp;
+};
+export declare type LayoutProps = DisplayProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps;
+export {};

package/esm/system/layout.js

@@ -0,0 +1 @@
+export {};

package/esm/system/sizing.d.ts

@@ -0,0 +1,35 @@
+import { SystemProp, VariantsType } from '@xstyled/system';
+import { VuiTheme } from '../theme';
+export declare type SizeGetter = VariantsType<VuiTheme['sizes']>;
+declare type WidthProp = SystemProp<SizeGetter, VuiTheme>;
+export declare type WidthProps = {
+    w?: WidthProp;
+    hoverW?: WidthProp;
+};
+declare type HeightProp = SystemProp<SizeGetter, VuiTheme>;
+export declare type HeightProps = {
+    h?: HeightProp;
+    hoverH?: HeightProp;
+};
+declare type MaxHeightProp = SystemProp<SizeGetter, VuiTheme>;
+export declare type MaxHeightProps = {
+    maxH?: MaxHeightProp;
+    hoverMaxH?: MaxHeightProp;
+};
+declare type MinHeightProp = SystemProp<SizeGetter, VuiTheme>;
+export declare type MinHeightProps = {
+    minH?: MinHeightProp;
+    hoverMinH?: MinHeightProp;
+};
+declare type MaxWidthProp = SystemProp<SizeGetter, VuiTheme>;
+export declare type MaxWidthProps = {
+    maxW?: MaxWidthProp;
+    hoverMaxW?: MaxWidthProp;
+};
+declare type MinWidthProp = SystemProp<SizeGetter, VuiTheme>;
+export declare type MinWidthProps = {
+    minW?: MinWidthProp;
+    hoverMinW?: MinWidthProp;
+};
+export declare type SizingProps = WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps;
+export {};

package/esm/system/sizing.js

@@ -0,0 +1 @@
+export {};

package/esm/system/space.d.ts

@@ -0,0 +1,91 @@
+import { SystemProp, VariantsType } from '@xstyled/system';
+import { VuiTheme } from '../theme';
+export declare type SpaceGetter = VariantsType<VuiTheme['spaces']>;
+declare type MarginProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type MarginProps = {
+    m?: MarginProp;
+    lastM?: MarginProp;
+};
+declare type MarginTopProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type MarginTopProps = {
+    mt?: MarginTopProp;
+    lastMt?: MarginTopProp;
+};
+declare type MarginRightProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type MarginRightProps = {
+    mr?: MarginRightProp;
+    lastMr?: MarginRightProp;
+};
+declare type MarginBottomProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type MarginBottomProps = {
+    mb?: MarginBottomProp;
+    lastMb?: MarginBottomProp;
+};
+declare type MarginLeftProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type MarginLeftProps = {
+    ml?: MarginLeftProp;
+    lastMl?: MarginLeftProp;
+};
+declare type MarginXProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type MarginXProps = {
+    mx?: MarginXProp;
+    lastMx?: MarginXProp;
+};
+declare type MarginYProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type MarginYProps = {
+    my?: MarginYProp;
+    lastMy?: MarginYProp;
+};
+declare type PaddingProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type PaddingProps = {
+    p?: PaddingProp;
+    lastP?: PaddingProp;
+};
+declare type PaddingTopProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type PaddingTopProps = {
+    pt?: PaddingTopProp;
+    lastPt?: PaddingTopProp;
+};
+declare type PaddingRightProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type PaddingRightProps = {
+    pr?: PaddingRightProp;
+    lastPr?: PaddingRightProp;
+};
+declare type PaddingBottomProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type PaddingBottomProps = {
+    pb?: PaddingBottomProp;
+    lastPb?: PaddingBottomProp;
+};
+declare type PaddingLeftProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type PaddingLeftProps = {
+    pl?: PaddingLeftProp;
+    lastPl?: PaddingLeftProp;
+};
+declare type PaddingXProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type PaddingXProps = {
+    px?: PaddingXProp;
+    lastPx?: PaddingXProp;
+};
+declare type PaddingYProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type PaddingYProps = {
+    py?: PaddingYProp;
+    lastPy?: PaddingYProp;
+};
+declare type SpaceXProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type SpaceXProps = {
+    spaceX?: SpaceXProp;
+};
+declare type SpaceYProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type SpaceYProps = {
+    spaceY?: SpaceYProp;
+};
+declare type SpaceXReverseProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type SpaceXReverseProps = {
+    spaceXReverse?: SpaceXReverseProp;
+};
+declare type SpaceYReverseProp = SystemProp<SpaceGetter, VuiTheme>;
+export declare type SpaceYReverseProps = {
+    spaceYReverse?: SpaceYReverseProp;
+};
+export declare type SpaceProps = MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps;
+export {};

package/esm/system/space.js

@@ -0,0 +1 @@
+export {};

package/esm/system/system.d.ts

@@ -0,0 +1,19 @@
+import { AnimationsProps } from './animations';
+import { BackgroundColorProps } from './backgrounds';
+import { BordersProps } from './borders';
+import { IsTruncatedProps, MaxLinesProps, WordBreakProps } from './custom';
+import { EffectsProps } from './effects';
+import { FlexboxesProps } from './flexboxes';
+import { FlexboxGridsProps } from './flexboxGrids';
+import { GridsProps } from './grids';
+import { InteractivityProps } from './interactivity';
+import { LayoutProps } from './layout';
+import { SizingProps } from './sizing';
+import { SpaceProps } from './space';
+import { TablesProps } from './tables';
+import { TransformsProps } from './transforms';
+import { TransitionsProps } from './transitions';
+import { TypographyProps } from './typography';
+export declare type SystemProps = AnimationsProps & BackgroundColorProps & BordersProps & EffectsProps & FlexboxesProps & FlexboxGridsProps & GridsProps & InteractivityProps & IsTruncatedProps & LayoutProps & MaxLinesProps & SizingProps & SpaceProps & TablesProps & TransformsProps & TransitionsProps & TypographyProps & WordBreakProps;
+export declare const system: import("@xstyled/styled-components").StyleGenerator;
+export default system;