@veracity/vui 0.0.9 → 0.0.10

package/system/typography.d.ts

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

package/t/t.d.ts

@@ -1,6 +1,5 @@
-import { TProps, TStyleProps } from './t.types';
-export declare const TBase: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TStyleProps & {
-    color?: any;
-}, never>;
+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 T: import("../core").VuiComponent<"span", TProps>;
 export default T;

package/t/t.js

@@ -30,14 +30,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.T = exports.TBase = void 0;
-var styled_components_1 = require("@xstyled/styled-components");
 var react_1 = __importDefault(require("react"));
-var styled_components_2 = __importDefault(require("styled-components"));
+var styled_components_1 = __importDefault(require("styled-components"));
 var core_1 = require("../core");
 var system_1 = require("../system");
 var utils_1 = require("../utils");
-var generator = styled_components_1.compose(styled_components_1.backgroundColor, styled_components_1.borders, styled_components_1.cursor, styled_components_1.flexboxes, system_1.isTruncated, styled_components_1.sizing, styled_components_1.space, styled_components_1.transitions, styled_components_1.typography);
-exports.TBase = styled_components_2.default.span.withConfig(core_1.forwardPropConfig(generator))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n"], ["\n\t", "\n"])), generator);
+exports.TBase = styled_components_1.default.span.withConfig(core_1.forwardPropConfig(system_1.system))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n"], ["\n\t", "\n"])), system_1.system);
 exports.T = core_1.vui(function (props, ref) {
     var _a = core_1.omitThemingProps(props), align = _a.align, casing = _a.casing, centerV = _a.centerV, children = _a.children, className = _a.className, decoration = _a.decoration, isFlex = _a.isFlex, text = _a.text, weight = _a.weight, rest = __rest(_a, ["align", "casing", "centerV", "children", "className", "decoration", "isFlex", "text", "weight"]);
     var styles = core_1.useStyleConfig('T', props);

package/t/t.types.d.ts

@@ -1,6 +1,6 @@
-import { BackgroundColorProps, BordersProps, CursorProps, FlexboxesProps, IsTruncatedProps, SizingProps, SpaceProps, TransitionsProps, TypographyProps } from '../system';
+import { SystemProps, TypographyProps } from '../system';
 import { ThemingProps } from '../theme';
-export interface TProps extends TStyleProps, ThemingProps<'T'> {
+export interface TProps extends SystemProps, ThemingProps<'T'> {
     align?: TypographyProps['textAlign'];
     casing?: TypographyProps['textTransform'];
     centerV?: boolean;
@@ -9,5 +9,3 @@ export interface TProps extends TStyleProps, ThemingProps<'T'> {
     text?: number | string;
     weight?: TypographyProps['fontWeight'];
 }
-export interface TStyleProps extends BackgroundColorProps, BordersProps, CursorProps, FlexboxesProps, IsTruncatedProps, SizingProps, SpaceProps, TransitionsProps, TypographyProps {
-}

package/textarea/textarea.d.ts

@@ -1,6 +1,5 @@
-import { TextareaProps, TextareaStyleProps } from './textarea.types';
-export declare const TextareaBase: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, TextareaStyleProps & {
-    color?: any;
-}, never>;
+import { TextareaProps } from './textarea.types';
+import { SystemProps } from '../system';
+export declare const TextareaBase: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, SystemProps, never>;
 export declare const Textarea: import("../core").VuiComponent<"textarea", TextareaProps>;
 export default Textarea;

package/textarea/textarea.js

@@ -30,13 +30,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Textarea = exports.TextareaBase = void 0;
-var styled_components_1 = require("@xstyled/styled-components");
 var react_1 = __importDefault(require("react"));
-var styled_components_2 = __importDefault(require("styled-components"));
+var styled_components_1 = __importDefault(require("styled-components"));
 var core_1 = require("../core");
+var system_1 = require("../system");
 var utils_1 = require("../utils");
-var generator = styled_components_1.compose(styled_components_1.backgroundColor, styled_components_1.borders, styled_components_1.color, styled_components_1.fontSize, styled_components_1.resize, styled_components_1.sizing, styled_components_1.space, styled_components_1.transitions);
-exports.TextareaBase = styled_components_2.default.textarea.withConfig(core_1.forwardPropConfig(generator))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tborder-width: 1px;\n\tmin-height: 80px;\n\toutline: none;\n\tresize: none;\n\twidth: 100%;\n\n\t:disabled,\n\t:disabled::placeholder {\n\t\tbackground-color: var(--vui-colors-disabled-bg);\n\t\tborder-color: var(--vui-colors-disabled-border);\n\t\tcolor: var(--vui-colors-disabled-font);\n\t\tcursor: not-allowed;\n\t}\n\n\t:focus {\n\t\tborder-color: transparent;\n\t}\n\n\t", "\n"], ["\n\tborder-width: 1px;\n\tmin-height: 80px;\n\toutline: none;\n\tresize: none;\n\twidth: 100%;\n\n\t:disabled,\n\t:disabled::placeholder {\n\t\tbackground-color: var(--vui-colors-disabled-bg);\n\t\tborder-color: var(--vui-colors-disabled-border);\n\t\tcolor: var(--vui-colors-disabled-font);\n\t\tcursor: not-allowed;\n\t}\n\n\t:focus {\n\t\tborder-color: transparent;\n\t}\n\n\t", "\n"])), generator);
+exports.TextareaBase = styled_components_1.default.textarea.withConfig(core_1.forwardPropConfig(system_1.system))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tborder-width: 1px;\n\tmin-height: 80px;\n\toutline: none;\n\tresize: none;\n\twidth: 100%;\n\n\t:disabled,\n\t:disabled::placeholder {\n\t\tbackground-color: var(--vui-colors-disabled-bg);\n\t\tborder-color: var(--vui-colors-disabled-border);\n\t\tcolor: var(--vui-colors-disabled-font);\n\t\tcursor: not-allowed;\n\t}\n\n\t:focus {\n\t\tborder-color: transparent;\n\t}\n\n\t", "\n"], ["\n\tborder-width: 1px;\n\tmin-height: 80px;\n\toutline: none;\n\tresize: none;\n\twidth: 100%;\n\n\t:disabled,\n\t:disabled::placeholder {\n\t\tbackground-color: var(--vui-colors-disabled-bg);\n\t\tborder-color: var(--vui-colors-disabled-border);\n\t\tcolor: var(--vui-colors-disabled-font);\n\t\tcursor: not-allowed;\n\t}\n\n\t:focus {\n\t\tborder-color: transparent;\n\t}\n\n\t", "\n"])), system_1.system);
 exports.Textarea = core_1.vui(function (props, ref) {
     var _a = core_1.omitThemingProps(props), className = _a.className, rest = __rest(_a, ["className"]);
     var styles = core_1.useStyleConfig('Textarea', props);

package/textarea/textarea.types.d.ts

@@ -1,7 +1,5 @@
-import { BackgroundColorProps, BordersProps, ColorProps, FontSizeProps, ResizeProps, SizingProps, SpaceProps, TransitionsProps } from '../system';
+import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
-export interface TextareaProps extends TextareaStyleProps, ThemingProps<'Textarea'> {
+export interface TextareaProps extends SystemProps, ThemingProps<'Textarea'> {
     colorScheme?: 'green' | 'grey' | 'red';
 }
-export interface TextareaStyleProps extends BackgroundColorProps, BordersProps, ColorProps, FontSizeProps, ResizeProps, SizingProps, SpaceProps, TransitionsProps {
-}

package/theme/components.d.ts

@@ -143,6 +143,7 @@ declare const _default: {
                 borderWidth: number;
             };
             solid: (props: import("..").Dict<any>) => {
+                borderColor: string;
                 hoverBg: string;
                 activeBg: string;
                 bg: string;

package/theme/defaultTheme.d.ts

@@ -294,6 +294,7 @@ declare const defaultTheme: {
                     borderWidth: number;
                 };
                 solid: (props: import("..").Dict<any>) => {
+                    borderColor: string;
                     hoverBg: string;
                     activeBg: string;
                     bg: string;

package/tile/tile.types.d.ts

@@ -1,7 +1,5 @@
-import { BoxProps, BoxStyleProps } from '../box';
+import { BoxProps } from '../box';
 import { ThemingProps } from '../theme';
-export interface TileProps extends Omit<BoxProps, 'size' | 'variant'>, TileStyleProps, ThemingProps<'Tile'> {
+export interface TileProps extends Omit<BoxProps, 'size' | 'variant'>, ThemingProps<'Tile'> {
     isInteractive?: boolean;
 }
-export interface TileStyleProps extends BoxStyleProps {
-}