@veracity/vui 0.3.0 → 0.3.2

package/system/layout.d.ts

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

package/system/sizing.d.ts

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

package/system/space.d.ts

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

package/system/system.d.ts

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

package/system/system.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.system = void 0;
 var styled_components_1 = require("@xstyled/styled-components");
 var custom_1 = require("./custom");
-exports.default = (0, styled_components_1.compose)(styled_components_1.animation, styled_components_1.backgroundColor, styled_components_1.borders, styled_components_1.color, styled_components_1.effects, styled_components_1.flexboxes, styled_components_1.flexboxGrids, styled_components_1.grids, styled_components_1.interactivity, custom_1.isTruncated, styled_components_1.layout, custom_1.maxLines, styled_components_1.sizing, styled_components_1.space, custom_1.spaceAround, styled_components_1.tables, styled_components_1.transforms, styled_components_1.transitions, styled_components_1.typography, custom_1.wordBreak);
+exports.system = (0, styled_components_1.compose)(styled_components_1.animation, styled_components_1.backgroundColor, styled_components_1.borders, styled_components_1.color, styled_components_1.effects, styled_components_1.flexboxes, styled_components_1.flexboxGrids, styled_components_1.grids, styled_components_1.interactivity, custom_1.isTruncated, styled_components_1.layout, custom_1.maxLines, styled_components_1.sizing, styled_components_1.space, custom_1.spaceAround, styled_components_1.tables, styled_components_1.transforms, styled_components_1.transitions, styled_components_1.typography, custom_1.wordBreak);
+exports.default = exports.system;

package/system/tables.d.ts

@@ -2,13 +2,12 @@ import { SystemProp } from '@xstyled/system';
 import * as CSS from 'csstype';
 import { VuiTheme } from '../theme';
 declare type BorderCollapseProp = SystemProp<CSS.Property.BorderCollapse, VuiTheme>;
-export interface BorderCollapseProps {
+export declare type BorderCollapseProps = {
     borderCollapse?: BorderCollapseProp;
-}
+};
 declare type TableLayoutProp = SystemProp<CSS.Property.TableLayout, VuiTheme>;
-export interface TableLayoutProps {
+export declare type TableLayoutProps = {
     tableLayout?: TableLayoutProp;
-}
-export interface TablesProps extends BorderCollapseProps, TableLayoutProps {
-}
+};
+export declare type TablesProps = BorderCollapseProps & TableLayoutProps;
 export {};

package/system/transforms.d.ts

@@ -2,56 +2,55 @@ import { SystemProp, VariantsType } from '@xstyled/system';
 import * as CSS from 'csstype';
 import { VuiTheme } from '../theme';
 export declare type TransformGetter = VariantsType<VuiTheme['transforms']>;
-declare type TransformProp = SystemProp<boolean, VuiTheme>;
-export interface TransformProps {
+declare type TransformProp = SystemProp<boolean | string, VuiTheme>;
+export declare type TransformProps = {
     transform?: TransformProp;
     hoverTransform?: TransformProp;
-}
+};
 declare type TransformOriginProp = SystemProp<CSS.Property.TransformOrigin, VuiTheme>;
-export interface TransformOriginProps {
+export declare type TransformOriginProps = {
     transformOrigin?: TransformOriginProp;
     hoverTransformOrigin?: TransformOriginProp;
-}
+};
 declare type TranslateXProp = SystemProp<number | string, VuiTheme>;
-export interface TranslateXProps {
+export declare type TranslateXProps = {
     translateX?: TranslateXProp;
     hoverTranslateX?: TranslateXProp;
-}
+};
 declare type TranslateYProp = SystemProp<number | string, VuiTheme>;
-export interface TranslateYProps {
+export declare type TranslateYProps = {
     translateY?: TranslateYProp;
     hoverTranslateY?: TranslateYProp;
-}
+};
 declare type RotateProp = SystemProp<number | string, VuiTheme>;
-export interface RotateProps {
+export declare type RotateProps = {
     rotate?: RotateProp;
     hoverRotate?: RotateProp;
-}
+};
 declare type SkewXProp = SystemProp<number | string, VuiTheme>;
-export interface SkewXProps {
+export declare type SkewXProps = {
     skewX?: SkewXProp;
     hoverSkewX?: SkewXProp;
-}
+};
 declare type SkewYProp = SystemProp<number | string, VuiTheme>;
-export interface SkewYProps {
+export declare type SkewYProps = {
     skewY?: SkewYProp;
     hoverSkewY?: SkewYProp;
-}
+};
 declare type ScaleProp = SystemProp<number | string, VuiTheme>;
-export interface ScaleProps {
+export declare type ScaleProps = {
     scale?: ScaleProp;
     hoverScale?: ScaleProp;
-}
+};
 declare type ScaleXProp = SystemProp<number | string, VuiTheme>;
-export interface ScaleXProps {
+export declare type ScaleXProps = {
     scaleX?: ScaleXProp;
     hoverScaleX?: ScaleXProp;
-}
+};
 declare type ScaleYProp = SystemProp<number | string, VuiTheme>;
-export interface ScaleYProps {
+export declare type ScaleYProps = {
     scaleY?: ScaleYProp;
     hoverScaleY?: ScaleYProp;
-}
-export interface TransformsProps extends TransformProps, TransformOriginProps, TranslateXProps, TranslateYProps, RotateProps, SkewXProps, SkewYProps, ScaleProps, ScaleXProps, ScaleYProps {
-}
+};
+export declare type TransformsProps = TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps;
 export {};

package/system/transitions.d.ts

@@ -5,25 +5,24 @@ export declare type TransitionGetter = VariantsType<VuiTheme['transitions']>;
 export declare type TransitionPropertyGetter = VariantsType<unknown>;
 export declare type TimingFunctionGetter = VariantsType<unknown>;
 declare type TransitionProp = SystemProp<TransitionGetter, VuiTheme>;
-export interface TransitionProps {
+export declare type TransitionProps = {
     transition?: TransitionProp;
-}
+};
 declare type TransitionPropertyProp = SystemProp<TransitionPropertyGetter, VuiTheme>;
-export interface TransitionPropertyProps {
+export declare type TransitionPropertyProps = {
     transitionProperty?: TransitionPropertyProp;
-}
+};
 declare type TransitionDurationProp = SystemProp<DurationGetter, VuiTheme>;
-export interface TransitionDurationProps {
+export declare type TransitionDurationProps = {
     transitionDuration?: TransitionDurationProp;
-}
+};
 declare type TransitionTimingFunctionProp = SystemProp<TimingFunctionGetter, VuiTheme>;
-export interface TransitionTimingFunctionProps {
+export declare type TransitionTimingFunctionProps = {
     transitionTimingFunction?: TransitionTimingFunctionProp;
-}
+};
 declare type TransitionDelayProp = SystemProp<number, VuiTheme>;
-export interface TransitionDelayProps {
+export declare type TransitionDelayProps = {
     transitionDelay?: TransitionDelayProp;
-}
-export interface TransitionsProps extends TransitionProps, TransitionPropertyProps, TransitionDurationProps, TransitionTimingFunctionProps, TransitionDelayProps {
-}
+};
+export declare type TransitionsProps = TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps;
 export {};

package/system/typography.d.ts

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

package/t/index.d.ts

@@ -1,3 +1,3 @@
 export * from './t';
-export * from './t.types';
 export { default } from './t';
+export * from './t.types';

package/t/index.js

@@ -15,6 +15,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
 __exportStar(require("./t"), exports);
-__exportStar(require("./t.types"), exports);
 var t_1 = require("./t");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(t_1).default; } });
+__exportStar(require("./t.types"), exports);

package/t/t.d.ts

@@ -1,5 +1,5 @@
 import { TProps } from './t.types';
-import { SystemProps } from '../system';
-export declare const TBase: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SystemProps, never>;
+export declare const TBase: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+/** Displays given text and allows easy styling. */
 export declare const T: import("../core").VuiComponent<"span", TProps>;
 export default T;

package/t/t.js

@@ -31,11 +31,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.T = exports.TBase = void 0;
 var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
 var core_1 = require("../core");
-var system_1 = require("../system");
 var utils_1 = require("../utils");
-exports.TBase = styled_components_1.default.span.withConfig((0, core_1.forwardPropConfig)(system_1.system))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n"], ["\n\t", "\n"])), system_1.system);
+exports.TBase = core_1.styled.spanBox(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\ttransition-duration: fast;\n"], ["\n\ttransition-duration: fast;\n"
+    /** Displays given text and allows easy styling. */
+])));
+/** Displays given text and allows easy styling. */
 exports.T = (0, core_1.vui)(function (props, ref) {
     var _a = (0, core_1.omitThemingProps)(props), align = _a.align, casing = _a.casing, centerV = _a.centerV, children = _a.children, className = _a.className, decoration = _a.decoration, text = _a.text, weight = _a.weight, rest = __rest(_a, ["align", "casing", "centerV", "children", "className", "decoration", "text", "weight"]);
     var styles = (0, core_1.useStyleConfig)('T', props);
@@ -47,7 +48,7 @@ exports.T = (0, core_1.vui)(function (props, ref) {
         textDecoration: decoration,
         textTransform: casing
     });
-    return (react_1.default.createElement(exports.TBase, __assign({ className: (0, utils_1.cs)('vui-t', className), ref: ref, transitionDuration: "fast" }, styles, aliasedProps, rest), children !== null && children !== void 0 ? children : text));
+    return (react_1.default.createElement(exports.TBase, __assign({ className: (0, utils_1.cs)('vui-t', className), ref: ref }, styles, aliasedProps, rest), children !== null && children !== void 0 ? children : text));
 });
 exports.T.displayName = 'T';
 exports.default = exports.T;

package/t/t.types.d.ts

@@ -1,11 +1,17 @@
 import { ReactText } from 'react';
 import { SystemProps, TypographyProps } from '../system';
 import { ThemingProps } from '../theme';
-export interface TProps extends SystemProps, ThemingProps<'T'> {
+export declare 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'];
-}
+};