@veracity/vui 0.0.1

package/link/link.js

@@ -0,0 +1,57 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = exports.BaseLink = 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 core_1 = require("../core");
+var system_1 = require("../system");
+var utils_1 = require("../utils");
+var generator = styled_components_1.compose(styled_components_1.borders, system_1.isTruncated, styled_components_1.sizing, styled_components_1.space, styled_components_1.transitions, styled_components_1.typography);
+exports.BaseLink = styled_components_2.default.a.withConfig({
+    shouldForwardProp: core_1.shouldForwardProp(generator.meta.props)
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tcursor: pointer;\n\toutline: none;\n\ttext-decoration: none;\n\ttransition: all 0s ease-in-out;\n\n\t", "\n"], ["\n\tcursor: pointer;\n\toutline: none;\n\ttext-decoration: none;\n\ttransition: all 0s ease-in-out;\n\n\t", "\n"])), generator);
+exports.Link = core_1.forwardRef(function (props, ref) {
+    var _a = core_1.omitThemingProps(props), className = _a.className, decoration = _a.decoration, _b = _a.hoverDecoration, hoverDecoration = _b === void 0 ? 'underline' : _b, isExternal = _a.isExternal, weight = _a.weight, rest = __rest(_a, ["className", "decoration", "hoverDecoration", "isExternal", "weight"]);
+    var styles = core_1.useStyleConfig('Link', props);
+    var aliasedProps = utils_1.filterUndefined({
+        fontWeight: weight,
+        hoverTextDecoration: hoverDecoration,
+        rel: isExternal ? 'noopener' : undefined,
+        target: isExternal ? '_blank' : undefined,
+        textDecoration: decoration
+    });
+    return (react_1.default.createElement(exports.BaseLink, __assign({ borderRadius: "sm", className: utils_1.cs('vui-link', className), color: "blue.80", focusRing: 2, focusRingColor: "blue.50", ref: ref, transitionDuration: "fast" }, styles, aliasedProps, rest)));
+});
+exports.Link.displayName = 'Link';
+exports.default = exports.Link;
+var templateObject_1;

package/link/link.types.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+import { BordersProps, IsTruncatedProps, SizingProps, SpaceProps, TextDecorationProps, TransitionsProps, TypographyProps } from '../system';
+import { FontWeight, ThemingProps, VuiTheme } from '../theme';
+import { AnyString } from '../utils';
+export interface LinkProps extends Omit<HTMLAttributes<HTMLAnchorElement>, 'color'>, LinkStyleProps, ThemingProps<'Link'> {
+    decoration?: TextDecorationProps['textDecoration'];
+    hoverDecoration?: TextDecorationProps['textDecoration'];
+    isExternal?: boolean;
+    weight?: FontWeight | AnyString | number;
+}
+export interface LinkStyleProps extends BordersProps, IsTruncatedProps, SizingProps, SpaceProps, TransitionsProps, TypographyProps<VuiTheme> {
+}

package/link/link.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/link/theme.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    defaultProps: {};
+    sizes: {};
+    variants: {};
+};
+export default _default;

package/link/theme.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {};
+var sizes = {};
+var variants = {};
+exports.default = {
+    defaultProps: defaultProps,
+    sizes: sizes,
+    variants: variants
+};

package/list/context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Dict } from '../utils';
+declare const ListProvider: import("react").Provider<Dict<any>>, useList: () => Dict<any>;
+export { ListProvider, useList };

package/list/context.js

@@ -0,0 +1,23 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useList = exports.ListProvider = void 0;
+var core_1 = require("../core");
+var _a = __read(core_1.createContext(), 2), ListProvider = _a[0], useList = _a[1];
+exports.ListProvider = ListProvider;
+exports.useList = useList;

package/list/index.d.ts

@@ -0,0 +1,5 @@
+export * from './list';
+export * from './list.types';
+export * from './listItem';
+export * from './listItem.types';
+export { default } from './list';

package/list/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./list"), exports);
+__exportStar(require("./list.types"), exports);
+__exportStar(require("./listItem"), exports);
+__exportStar(require("./listItem.types"), exports);
+var list_1 = require("./list");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(list_1).default; } });

package/list/list.d.ts

@@ -0,0 +1,6 @@
+import { ListProps, ListStyleProps } from './list.types';
+export declare const BaseList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    [x: string]: {};
+} & ListStyleProps, never>;
+export declare const List: import("styled-components").StyledComponent<"ul", never, ListProps, never>;
+export default List;

package/list/list.js

@@ -0,0 +1,51 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.List = exports.BaseList = 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 context_1 = require("./context");
+var core_1 = require("../core");
+var utils_1 = require("../utils");
+var generator = styled_components_1.compose(styled_components_1.sizing, styled_components_1.space);
+exports.BaseList = styled_components_2.default.ul.withConfig({
+    shouldForwardProp: core_1.shouldForwardProp(generator.meta.props)
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tposition: relative;\n\n\t", "\n"], ["\n\tposition: relative;\n\n\t", "\n"])), generator);
+exports.List = core_1.forwardRef(function (props, ref) {
+    var _a = core_1.omitThemingProps(props), className = _a.className, rest = __rest(_a, ["className"]);
+    var styles = core_1.useStyleConfig('List', props);
+    return (react_1.default.createElement(context_1.ListProvider, { value: styles },
+        react_1.default.createElement(exports.BaseList, __assign({ className: utils_1.cs('vui-list', className), ref: ref }, styles.list, rest))));
+});
+exports.List.displayName = 'List';
+exports.default = exports.List;
+var templateObject_1;

package/list/list.types.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+import { SizingProps, SpaceProps, TransitionsProps } from '../system';
+import { ThemingProps } from '../theme';
+export interface ListProps extends HTMLAttributes<HTMLUListElement>, ListStyleProps, ThemingProps<'List'> {
+}
+export interface ListStyleProps extends SizingProps, SpaceProps, TransitionsProps {
+}

package/list/list.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/list/listItem.d.ts

@@ -0,0 +1,6 @@
+import { ListItemProps, ListItemStyleProps } from './listItem.types';
+export declare const BaseListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+    [x: string]: {};
+} & ListItemStyleProps, never>;
+export declare const ListItem: import("styled-components").StyledComponent<"li", never, ListItemProps, never>;
+export default ListItem;

package/list/listItem.js

@@ -0,0 +1,67 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItem = exports.BaseListItem = 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 context_1 = require("./context");
+var core_1 = require("../core");
+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.flexboxes, styled_components_1.fontSize, styled_components_1.interactivity, styled_components_1.sizing, styled_components_1.space, styled_components_1.transitions);
+exports.BaseListItem = styled_components_2.default.li.withConfig({
+    shouldForwardProp: core_1.shouldForwardProp(generator.meta.props)
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-items: center;\n\tdisplay: flex;\n\tline-height: 1.1;\n\toutline: none;\n\ttransition: all 0s ease-in-out;\n\n\t", "\n"], ["\n\talign-items: center;\n\tdisplay: flex;\n\tline-height: 1.1;\n\toutline: none;\n\ttransition: all 0s ease-in-out;\n\n\t", "\n"])), generator);
+exports.ListItem = core_1.forwardRef(function (props, ref) {
+    var className = props.className, _a = props.isInteractive, isInteractive = _a === void 0 ? props.onClick !== undefined : _a, isSelected = props.isSelected, rest = __rest(props, ["className", "isInteractive", "isSelected"]);
+    var styles = context_1.useList();
+    var _b = styles.item, activeBg = _b.activeBg, hoverBg = _b.hoverBg, hoverColor = _b.hoverColor, itemStyles = __rest(_b, ["activeBg", "hoverBg", "hoverColor"]);
+    var interactiveProps = isInteractive
+        ? {
+            cursor: 'pointer',
+            focusVisibleRing: 3,
+            focusVisibleRingColor: 'blue.50',
+            hoverBg: hoverBg,
+            activeBg: activeBg,
+            hoverColor: hoverColor,
+            tabIndex: 0,
+            userSelect: 'none'
+        }
+        : {};
+    var aliasedProps = utils_1.filterUndefined({
+        bg: isSelected ? hoverBg : undefined,
+        color: isSelected ? hoverColor : undefined
+    });
+    return (react_1.default.createElement(exports.BaseListItem, __assign({ className: utils_1.cs('vui-listItem', className), px: 1, ref: ref, transitionDuration: "fast" }, itemStyles, interactiveProps, aliasedProps, rest)));
+});
+exports.ListItem.displayName = 'ListItem';
+exports.default = exports.ListItem;
+var templateObject_1;

package/list/listItem.types.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+import { BackgroundColorProps, ColorProps, FlexboxesProps, FontSizeProps, InteractivityProps, SizingProps, SpaceProps, TransitionsProps } from '../system';
+export interface ListItemProps extends Omit<HTMLAttributes<HTMLLIElement>, 'color'>, ListItemStyleProps {
+    isInteractive?: boolean;
+    isSelected?: boolean;
+}
+export interface ListItemStyleProps extends BackgroundColorProps, ColorProps, FlexboxesProps, FontSizeProps, InteractivityProps, SizingProps, SpaceProps, TransitionsProps {
+}

package/list/listItem.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/list/theme.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+    defaultProps: {
+        size: string;
+        variant: string;
+    };
+    parts: string[];
+    sizes: {
+        sm: {
+            item: {
+                fontSize: string;
+                h: number;
+            };
+        };
+        md: {
+            item: {
+                fontSize: string;
+                h: number;
+            };
+        };
+        lg: {
+            item: {
+                fontSize: string;
+                h: number;
+            };
+        };
+    };
+    variants: {
+        default: {
+            item: {
+                activeBg: string;
+                borderRadius: string;
+                hoverBg: string;
+                hoverColor: string;
+            };
+        };
+    };
+};
+export default _default;

package/list/theme.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    size: 'md',
+    variant: 'default'
+};
+var parts = ['list', 'item'];
+var sizes = {
+    sm: {
+        item: {
+            fontSize: 'sm',
+            h: 32
+        }
+    },
+    md: {
+        item: {
+            fontSize: 'md',
+            h: 40
+        }
+    },
+    lg: {
+        item: {
+            fontSize: 'md',
+            h: 48
+        }
+    }
+};
+var variants = {
+    default: {
+        item: {
+            activeBg: 'blue.30',
+            borderRadius: 'md',
+            hoverBg: 'blue.20',
+            hoverColor: 'blue.80'
+        }
+    }
+};
+exports.default = {
+    defaultProps: defaultProps,
+    parts: parts,
+    sizes: sizes,
+    variants: variants
+};

package/p/index.d.ts

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

package/p/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./p"), exports);
+__exportStar(require("./p.types"), exports);
+var p_1 = require("./p");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(p_1).default; } });

package/p/p.d.ts

@@ -0,0 +1,6 @@
+import { PProps, PStyleProps } from './p.types';
+export declare const BaseP: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {
+    [x: string]: {};
+} & PStyleProps, never>;
+export declare const P: import("styled-components").StyledComponent<"p", never, PProps, never>;
+export default P;

package/p/p.js

@@ -0,0 +1,56 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.P = exports.BaseP = 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 core_1 = require("../core");
+var system_1 = require("../system");
+var utils_1 = require("../utils");
+var generator = styled_components_1.compose(system_1.isTruncated, system_1.maxLines, styled_components_1.sizing, styled_components_1.space, styled_components_1.transitions, styled_components_1.typography);
+exports.BaseP = styled_components_2.default.p.withConfig({
+    shouldForwardProp: core_1.shouldForwardProp(generator.meta.props)
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\ttransition: all 0s ease-in-out;\n\n\t", "\n"], ["\n\ttransition: all 0s ease-in-out;\n\n\t", "\n"])), generator);
+exports.P = core_1.forwardRef(function (props, ref) {
+    var _a = core_1.omitThemingProps(props), align = _a.align, casing = _a.casing, className = _a.className, decoration = _a.decoration, weight = _a.weight, rest = __rest(_a, ["align", "casing", "className", "decoration", "weight"]);
+    var styles = core_1.useStyleConfig('P', props);
+    var aliasedProps = utils_1.filterUndefined({
+        fontWeight: weight,
+        textAlign: align,
+        textDecoration: decoration,
+        textTransform: casing
+    });
+    return (react_1.default.createElement(exports.BaseP, __assign({ className: utils_1.cs('vui-p', className), ref: ref, transitionDuration: "fast" }, styles, aliasedProps, rest)));
+});
+exports.P.displayName = 'P';
+exports.default = exports.P;
+var templateObject_1;

package/p/p.types.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+import { IsTruncatedProps, MaxLinesProps, SizingProps, SpaceProps, TextAlignProps, TextDecorationProps, TextTransformProps, TransitionsProps, TypographyProps } from '../system';
+import { FontWeight, ThemingProps, VuiTheme } from '../theme';
+import { AnyString } from '../utils';
+export interface PProps extends Omit<HTMLAttributes<HTMLParagraphElement>, 'color'>, PStyleProps, ThemingProps<'P'> {
+    align?: TextAlignProps['textAlign'];
+    casing?: TextTransformProps<VuiTheme>['textTransform'];
+    decoration?: TextDecorationProps<VuiTheme>['textDecoration'];
+    weight?: FontWeight | AnyString | number;
+}
+export interface PStyleProps extends IsTruncatedProps, MaxLinesProps, SizingProps, SpaceProps, TransitionsProps, Omit<TypographyProps<VuiTheme>, 'color'> {
+    color?: string;
+}

package/p/p.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/p/theme.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+    defaultProps: {
+        size: string;
+    };
+    sizes: {
+        sm: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        md: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        lg: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        xl: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        xxl: {
+            fontSize: string;
+            lineHeight: string;
+        };
+    };
+    variants: {};
+};
+export default _default;

package/p/theme.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    size: 'md'
+};
+var sizes = {
+    sm: {
+        fontSize: 'sm',
+        lineHeight: '18px'
+    },
+    md: {
+        fontSize: 'md',
+        lineHeight: '24px'
+    },
+    lg: {
+        fontSize: 'lg',
+        lineHeight: '28px'
+    },
+    xl: {
+        fontSize: '20px',
+        lineHeight: '30px'
+    },
+    xxl: {
+        fontSize: '24px',
+        lineHeight: '36px'
+    }
+};
+var variants = {};
+exports.default = {
+    defaultProps: defaultProps,
+    sizes: sizes,
+    variants: variants
+};

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@veracity/vui",
+  "version": "0.0.1",
+  "description": "Veracity UI components library based on Styled Components and @xstyled",
+  "main": "index.js",
+  "author": "Veracity",
+  "license": "UNLICENSED",
+  "keywords": [
+    "Veracity",
+    "UI",
+    "React",
+    "Components"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://dnvgl-one.visualstudio.com/DefaultCollection/Veracity/_git/WEB-VUI"
+  },
+  "dependencies": {
+    "@xstyled/styled-components": "^2.4.1",
+    "axios": "^0.21.1",
+    "styled-components": "^5.2.1"
+  },
+  "peerDependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  }
+}

package/skeleton/index.d.ts

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

package/skeleton/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./skeleton"), exports);
+__exportStar(require("./skeleton.types"), exports);
+var skeleton_1 = require("./skeleton");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(skeleton_1).default; } });

package/skeleton/skeleton.d.ts

@@ -0,0 +1,6 @@
+import { SkeletonProps, SkeletonStyleProps } from './skeleton.types';
+export declare const BaseSkeleton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    [x: string]: {};
+} & SkeletonStyleProps, never>;
+export declare const Skeleton: import("styled-components").StyledComponent<"div", never, SkeletonProps, never>;
+export default Skeleton;