@veracity/vui 1.0.0 → 1.1.1

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

package/src/system/typography.ts

@@ -11,96 +11,96 @@ export type LineHeightGetter = VariantsType<unknown>
 
 type FontFamilyProp = SystemProp<FontGetter, VuiTheme>
 export type FontFamilyProps = {
-	fontFamily?: FontFamilyProp
+  fontFamily?: FontFamilyProp
 }
 
 type FontSizeProp = SystemProp<FontSizeGetter, VuiTheme>
 export type FontSizeProps = {
-	fontSize?: FontSizeProp
+  fontSize?: FontSizeProp
 }
 
 type FontStyleProp = SystemProp<Property.FontStyle, VuiTheme>
 export type FontStyleProps = {
-	fontStyle?: FontStyleProp
+  fontStyle?: FontStyleProp
 }
 
 type FontWeightProp = SystemProp<FontWeightGetter, VuiTheme>
 export type FontWeightProps = {
-	fontWeight?: FontWeightProp
+  fontWeight?: FontWeightProp
 }
 
 type LineHeightProp = SystemProp<LineHeightGetter, VuiTheme>
 export type LineHeightProps = {
-	lineHeight?: LineHeightProp
+  lineHeight?: LineHeightProp
 }
 
 type ColorProp = ColorGetter
 export type ColorProps = {
-	color?: ColorProp
-	disabledColor?: ColorProp
-	hoverColor?: ColorProp
-	placeholderColor?: ColorProp
+  color?: ColorProp
+  disabledColor?: ColorProp
+  hoverColor?: ColorProp
+  placeholderColor?: ColorProp
 }
 
 type TextTransformProp = SystemProp<Property.TextTransform, VuiTheme>
 export type TextTransformProps = {
-	textTransform?: TextTransformProp
+  textTransform?: TextTransformProp
 }
 
 type TextDecoration = Globals | 'overline' | 'underline' | 'line-through' | 'none'
 type TextDecorationProp = SystemProp<TextDecoration, VuiTheme>
 export type TextDecorationProps = {
-	hoverTextDecoration?: TextDecorationProp
-	textDecoration?: TextDecorationProp
+  hoverTextDecoration?: TextDecorationProp
+  textDecoration?: TextDecorationProp
 }
 
 type TextAlignProp = SystemProp<Property.TextAlign, VuiTheme>
 export type TextAlignProps = {
-	textAlign?: TextAlignProp
+  textAlign?: TextAlignProp
 }
 
 type VerticalAlignProp = SystemProp<Property.VerticalAlign, VuiTheme>
 export type VerticalAlignProps = {
-	verticalAlign?: VerticalAlignProp
+  verticalAlign?: VerticalAlignProp
 }
 
 type LetterSpacingProp = SystemProp<Property.LetterSpacing, VuiTheme>
 export type LetterSpacingProps = {
-	letterSpacing?: LetterSpacingProp
+  letterSpacing?: LetterSpacingProp
 }
 
 type WhiteSpaceProp = SystemProp<Property.WhiteSpace, VuiTheme>
 export type WhiteSpaceProps = {
-	whiteSpace?: WhiteSpaceProp
+  whiteSpace?: WhiteSpaceProp
 }
 
 type TextOverflowProp = SystemProp<Property.TextOverflow, VuiTheme>
 export type TextOverflowProps = {
-	textOverflow?: TextOverflowProp
+  textOverflow?: TextOverflowProp
 }
 
 type ListStyleTypeProp = SystemProp<Property.ListStyleType, VuiTheme>
 export type ListStyleTypeProps = {
-	listStyleType?: ListStyleTypeProp
+  listStyleType?: ListStyleTypeProp
 }
 
 type ListStylePositionProp = SystemProp<Property.ListStylePosition, VuiTheme>
 export type ListStylePositionProps = {
-	listStylePosition?: ListStylePositionProp
+  listStylePosition?: ListStylePositionProp
 }
 
 export type TypographyProps = FontFamilyProps &
-	FontSizeProps &
-	FontStyleProps &
-	FontWeightProps &
-	LineHeightProps &
-	ColorProps &
-	TextTransformProps &
-	TextDecorationProps &
-	TextAlignProps &
-	VerticalAlignProps &
-	LetterSpacingProps &
-	WhiteSpaceProps &
-	TextOverflowProps &
-	ListStyleTypeProps &
-	ListStylePositionProps
+  FontSizeProps &
+  FontStyleProps &
+  FontWeightProps &
+  LineHeightProps &
+  ColorProps &
+  TextTransformProps &
+  TextDecorationProps &
+  TextAlignProps &
+  VerticalAlignProps &
+  LetterSpacingProps &
+  WhiteSpaceProps &
+  TextOverflowProps &
+  ListStyleTypeProps &
+  ListStylePositionProps

package/src/t/t.tsx

@@ -5,30 +5,28 @@ import { cs, filterUndefined } from '../utils'
 import { TProps } from './t.types'
 
 export const TBase = styled.spanBox`
-	transition-duration: fast;
+  transition-duration: fast;
 `
 
 /** Displays given text and allows easy styling. */
 export const T = vui<'span', TProps>((props, ref) => {
-	const { align, casing, centerV, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)
-	const styles = useStyleConfig('T', props)
+  const { align, casing, centerV, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)
+  const styles = useStyleConfig('T', props)
 
-	const aliasedProps = filterUndefined({
-		alignItems: centerV ? 'center' : undefined,
-		display: centerV ? 'inline-flex' : undefined,
-		fontWeight: weight,
-		textAlign: align,
-		textDecoration: decoration,
-		textTransform: casing
-	})
+  const aliasedProps = filterUndefined({
+    alignItems: centerV ? 'center' : undefined,
+    display: centerV ? 'inline-flex' : undefined,
+    fontWeight: weight,
+    textAlign: align,
+    textDecoration: decoration,
+    textTransform: casing
+  })
 
-	return (
-		<TBase className={cs('vui-t', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>
-			{children ?? text}
-		</TBase>
-	)
+  return (
+    <TBase className={cs('vui-t', className)} ref={ref} {...styles} {...aliasedProps} {...rest}>
+      {children ?? text}
+    </TBase>
+  )
 })
 
-T.displayName = 'T'
-
 export default T

package/src/t/t.types.ts

@@ -4,17 +4,17 @@ import { SystemProps, TypographyProps } from '../system'
 import { ThemingProps } from '../theme'
 
 export type TProps = SystemProps &
-	ThemingProps<'T'> & {
-		/** Alias for textAlign prop. @deprecated */
-		align?: TypographyProps['textAlign']
-		/** Alias for textTransform prop. @deprecated */
-		casing?: TypographyProps['textTransform']
-		/** Displays component as inline-flex and centers content veritcally. */
-		centerV?: boolean
-		/** Alias for textTransform prop. @deprecated */
-		decoration?: TypographyProps['textDecoration']
-		/** Displays given text if no children are provided. */
-		text?: ReactText
-		/** Alias for fontWeight prop. @deprecated */
-		weight?: TypographyProps['fontWeight']
-	}
+  ThemingProps<'T'> & {
+    /** Alias for textAlign prop. @deprecated */
+    align?: TypographyProps['textAlign']
+    /** Alias for textTransform prop. @deprecated */
+    casing?: TypographyProps['textTransform']
+    /** Displays component as inline-flex and centers content veritcally. */
+    centerV?: boolean
+    /** Alias for textTransform prop. @deprecated */
+    decoration?: TypographyProps['textDecoration']
+    /** Displays given text if no children are provided. */
+    text?: ReactText
+    /** Alias for fontWeight prop. @deprecated */
+    weight?: TypographyProps['fontWeight']
+  }

package/src/t/theme.ts

@@ -1,29 +1,29 @@
 const baseStyle = {}
 
 const defaultProps = {
-	size: 'md'
+  size: 'md'
 }
 
 const sizes = {
-	xs: {
-		fontSize: 'xs'
-	},
-	sm: {
-		fontSize: 'sm'
-	},
-	md: {
-		fontSize: 'md'
-	},
-	lg: {
-		fontSize: 'lg'
-	}
+  xs: {
+    fontSize: 'xs'
+  },
+  sm: {
+    fontSize: 'sm'
+  },
+  md: {
+    fontSize: 'md'
+  },
+  lg: {
+    fontSize: 'lg'
+  }
 }
 
 const variants = {}
 
 export default {
-	baseStyle,
-	defaultProps,
-	sizes,
-	variants
+  baseStyle,
+  defaultProps,
+  sizes,
+  variants
 }