@veracity/vui 1.0.0 → 1.1.0

package/src/system/layout.ts

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

package/src/system/sizing.ts

@@ -6,38 +6,38 @@ export type SizeGetter = VariantsType<VuiTheme['sizes']>
 
 type WidthProp = SystemProp<SizeGetter, VuiTheme>
 export type WidthProps = {
-	w?: WidthProp
-	hoverW?: WidthProp
+  w?: WidthProp
+  hoverW?: WidthProp
 }
 
 type HeightProp = SystemProp<SizeGetter, VuiTheme>
 export type HeightProps = {
-	h?: HeightProp
-	hoverH?: HeightProp
+  h?: HeightProp
+  hoverH?: HeightProp
 }
 
 type MaxHeightProp = SystemProp<SizeGetter, VuiTheme>
 export type MaxHeightProps = {
-	maxH?: MaxHeightProp
-	hoverMaxH?: MaxHeightProp
+  maxH?: MaxHeightProp
+  hoverMaxH?: MaxHeightProp
 }
 
 type MinHeightProp = SystemProp<SizeGetter, VuiTheme>
 export type MinHeightProps = {
-	minH?: MinHeightProp
-	hoverMinH?: MinHeightProp
+  minH?: MinHeightProp
+  hoverMinH?: MinHeightProp
 }
 
 type MaxWidthProp = SystemProp<SizeGetter, VuiTheme>
 export type MaxWidthProps = {
-	maxW?: MaxWidthProp
-	hoverMaxW?: MaxWidthProp
+  maxW?: MaxWidthProp
+  hoverMaxW?: MaxWidthProp
 }
 
 type MinWidthProp = SystemProp<SizeGetter, VuiTheme>
 export type MinWidthProps = {
-	minW?: MinWidthProp
-	hoverMinW?: MinWidthProp
+  minW?: MinWidthProp
+  hoverMinW?: MinWidthProp
 }
 
 export type SizingProps = WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps

package/src/system/space.ts

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

package/src/system/system.ts

@@ -1,21 +1,21 @@
 import {
-	animation,
-	backgroundColor,
-	borders,
-	color,
-	compose,
-	effects,
-	flexboxes,
-	flexboxGrids,
-	grids,
-	interactivity,
-	layout,
-	sizing,
-	space,
-	tables,
-	transforms,
-	transitions,
-	typography
+  animation,
+  backgroundColor,
+  borders,
+  color,
+  compose,
+  effects,
+  flexboxes,
+  flexboxGrids,
+  grids,
+  interactivity,
+  layout,
+  sizing,
+  space,
+  tables,
+  transforms,
+  transitions,
+  typography
 } from '@xstyled/styled-components'
 
 import { AnimationsProps } from './animations'
@@ -36,44 +36,44 @@ import { TransitionsProps } from './transitions'
 import { TypographyProps } from './typography'
 
 export type SystemProps = AnimationsProps &
-	BackgroundColorProps &
-	BordersProps &
-	EffectsProps &
-	FlexboxesProps &
-	FlexboxGridsProps &
-	GridsProps &
-	InteractivityProps &
-	IsTruncatedProps &
-	LayoutProps &
-	MaxLinesProps &
-	SizingProps &
-	SpaceProps &
-	TablesProps &
-	TransformsProps &
-	TransitionsProps &
-	TypographyProps &
-	WordBreakProps
+  BackgroundColorProps &
+  BordersProps &
+  EffectsProps &
+  FlexboxesProps &
+  FlexboxGridsProps &
+  GridsProps &
+  InteractivityProps &
+  IsTruncatedProps &
+  LayoutProps &
+  MaxLinesProps &
+  SizingProps &
+  SpaceProps &
+  TablesProps &
+  TransformsProps &
+  TransitionsProps &
+  TypographyProps &
+  WordBreakProps
 
 export const system = compose(
-	animation,
-	backgroundColor,
-	borders,
-	color,
-	effects,
-	flexboxes,
-	flexboxGrids,
-	grids,
-	interactivity,
-	isTruncated,
-	layout,
-	maxLines,
-	sizing,
-	space,
-	tables,
-	transforms,
-	transitions,
-	typography,
-	wordBreak
+  animation,
+  backgroundColor,
+  borders,
+  color,
+  effects,
+  flexboxes,
+  flexboxGrids,
+  grids,
+  interactivity,
+  isTruncated,
+  layout,
+  maxLines,
+  sizing,
+  space,
+  tables,
+  transforms,
+  transitions,
+  typography,
+  wordBreak
 )
 
 export default system

package/src/system/tables.ts

@@ -5,12 +5,12 @@ import { VuiTheme } from '../theme'
 
 type BorderCollapseProp = SystemProp<CSS.Property.BorderCollapse, VuiTheme>
 export type BorderCollapseProps = {
-	borderCollapse?: BorderCollapseProp
+  borderCollapse?: BorderCollapseProp
 }
 
 type TableLayoutProp = SystemProp<CSS.Property.TableLayout, VuiTheme>
 export type TableLayoutProps = {
-	tableLayout?: TableLayoutProp
+  tableLayout?: TableLayoutProp
 }
 
 export type TablesProps = BorderCollapseProps & TableLayoutProps

package/src/system/transforms.ts

@@ -7,71 +7,71 @@ export type TransformGetter = VariantsType<VuiTheme['transforms']>
 
 type TransformProp = SystemProp<boolean | string, VuiTheme>
 export type TransformProps = {
-	transform?: TransformProp
-	hoverTransform?: TransformProp
+  transform?: TransformProp
+  hoverTransform?: TransformProp
 }
 
 type TransformOriginProp = SystemProp<CSS.Property.TransformOrigin, VuiTheme>
 export type TransformOriginProps = {
-	transformOrigin?: TransformOriginProp
-	hoverTransformOrigin?: TransformOriginProp
+  transformOrigin?: TransformOriginProp
+  hoverTransformOrigin?: TransformOriginProp
 }
 
 type TranslateXProp = SystemProp<number | string, VuiTheme>
 export type TranslateXProps = {
-	translateX?: TranslateXProp
-	hoverTranslateX?: TranslateXProp
+  translateX?: TranslateXProp
+  hoverTranslateX?: TranslateXProp
 }
 
 type TranslateYProp = SystemProp<number | string, VuiTheme>
 export type TranslateYProps = {
-	translateY?: TranslateYProp
-	hoverTranslateY?: TranslateYProp
+  translateY?: TranslateYProp
+  hoverTranslateY?: TranslateYProp
 }
 
 type RotateProp = SystemProp<number | string, VuiTheme>
 export type RotateProps = {
-	rotate?: RotateProp
-	hoverRotate?: RotateProp
+  rotate?: RotateProp
+  hoverRotate?: RotateProp
 }
 
 type SkewXProp = SystemProp<number | string, VuiTheme>
 export type SkewXProps = {
-	skewX?: SkewXProp
-	hoverSkewX?: SkewXProp
+  skewX?: SkewXProp
+  hoverSkewX?: SkewXProp
 }
 
 type SkewYProp = SystemProp<number | string, VuiTheme>
 export type SkewYProps = {
-	skewY?: SkewYProp
-	hoverSkewY?: SkewYProp
+  skewY?: SkewYProp
+  hoverSkewY?: SkewYProp
 }
 
 type ScaleProp = SystemProp<number | string, VuiTheme>
 export type ScaleProps = {
-	scale?: ScaleProp
-	hoverScale?: ScaleProp
+  scale?: ScaleProp
+  hoverScale?: ScaleProp
 }
 
 type ScaleXProp = SystemProp<number | string, VuiTheme>
 export type ScaleXProps = {
-	scaleX?: ScaleXProp
-	hoverScaleX?: ScaleXProp
+  scaleX?: ScaleXProp
+  hoverScaleX?: ScaleXProp
 }
 
 type ScaleYProp = SystemProp<number | string, VuiTheme>
 export type ScaleYProps = {
-	scaleY?: ScaleYProp
-	hoverScaleY?: ScaleYProp
+  scaleY?: ScaleYProp
+  hoverScaleY?: ScaleYProp
 }
 
 export type TransformsProps = TransformProps &
-	TransformOriginProps &
-	TranslateXProps &
-	TranslateYProps &
-	RotateProps &
-	SkewXProps &
-	SkewYProps &
-	ScaleProps &
-	ScaleXProps &
-	ScaleYProps
+  TransformOriginProps &
+  TranslateXProps &
+  TranslateYProps &
+  RotateProps &
+  SkewXProps &
+  SkewYProps &
+  ScaleProps &
+  ScaleXProps &
+  ScaleYProps

package/src/system/transitions.ts

@@ -9,31 +9,31 @@ export type TransitionPropertyGetter = VariantsType<unknown>
 
 type TransitionProp = SystemProp<TransitionGetter, VuiTheme>
 export type TransitionProps = {
-	transition?: TransitionProp
+  transition?: TransitionProp
 }
 
 type TransitionPropertyProp = SystemProp<TransitionPropertyGetter, VuiTheme>
 export type TransitionPropertyProps = {
-	transitionProperty?: TransitionPropertyProp
+  transitionProperty?: TransitionPropertyProp
 }
 
 type TransitionDurationProp = SystemProp<DurationGetter, VuiTheme>
 export type TransitionDurationProps = {
-	transitionDuration?: TransitionDurationProp
+  transitionDuration?: TransitionDurationProp
 }
 
 type TransitionTimingFunctionProp = SystemProp<TimingFunctionGetter, VuiTheme>
 export type TransitionTimingFunctionProps = {
-	transitionTimingFunction?: TransitionTimingFunctionProp
+  transitionTimingFunction?: TransitionTimingFunctionProp
 }
 
 type TransitionDelayProp = SystemProp<number, VuiTheme>
 export type TransitionDelayProps = {
-	transitionDelay?: TransitionDelayProp
+  transitionDelay?: TransitionDelayProp
 }
 
 export type TransitionsProps = TransitionProps &
-	TransitionPropertyProps &
-	TransitionDurationProps &
-	TransitionTimingFunctionProps &
-	TransitionDelayProps
+  TransitionPropertyProps &
+  TransitionDurationProps &
+  TransitionTimingFunctionProps &
+  TransitionDelayProps