@veracity/vui 0.0.1

package/theme/foundations/durations.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var durations = {
+    fast: '200ms',
+    normal: '300ms',
+    slow: '400ms'
+};
+exports.default = durations;

package/theme/foundations/index.d.ts

@@ -0,0 +1,142 @@
+declare const foundations: {
+    fonts: {
+        avenir: string;
+    };
+    fontSizes: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    fontWeights: {
+        regular: number;
+        medium: number;
+        demi: number;
+        bold: number;
+    };
+    animations: {
+        fadeDown: string;
+        fadeIn: string;
+        fadeLeft: string;
+        fadeOut: string;
+        fadeRight: string;
+        fadeUp: string;
+        spin: string;
+    };
+    colors: {
+        blue: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        green: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        grey: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        pink: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        prussian: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        red: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        yellow: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+    };
+    durations: {
+        fast: string;
+        normal: string;
+        slow: string;
+    };
+    radii: {
+        none: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    shadows: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+    };
+    screens: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    transformers: {
+        space: (value: string | number) => string;
+    };
+};
+export default foundations;

package/theme/foundations/index.js

@@ -0,0 +1,32 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var animations_1 = __importDefault(require("./animations"));
+var colors_1 = __importDefault(require("./colors"));
+var durations_1 = __importDefault(require("./durations"));
+var radius_1 = __importDefault(require("./radius"));
+var screens_1 = __importDefault(require("./screens"));
+var shadows_1 = __importDefault(require("./shadows"));
+var transformers_1 = __importDefault(require("./transformers"));
+var typography_1 = __importDefault(require("./typography"));
+var foundations = __assign({ animations: animations_1.default,
+    colors: colors_1.default,
+    durations: durations_1.default,
+    radii: radius_1.default,
+    shadows: shadows_1.default,
+    screens: screens_1.default,
+    transformers: transformers_1.default }, typography_1.default);
+exports.default = foundations;

package/theme/foundations/radius.d.ts

@@ -0,0 +1,7 @@
+declare const radii: {
+    none: number;
+    sm: number;
+    md: number;
+    lg: number;
+};
+export default radii;

package/theme/foundations/radius.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var radii = {
+    none: 0,
+    sm: 4,
+    md: 6,
+    lg: 10
+};
+exports.default = radii;

package/theme/foundations/screens.d.ts

@@ -0,0 +1,8 @@
+declare const screens: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+export default screens;

package/theme/foundations/screens.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var screens = {
+    xs: 0,
+    sm: 600,
+    md: 960,
+    lg: 1280,
+    xl: 1920
+};
+exports.default = screens;

package/theme/foundations/shadows.d.ts

@@ -0,0 +1,9 @@
+declare const shadows: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+};
+export default shadows;

package/theme/foundations/shadows.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var colors_1 = __importDefault(require("./colors"));
+var grey = colors_1.default.grey;
+var shadows = {
+    0: "0px 0px 0px 0px " + grey[80],
+    1: "0px 2px 7px -3px " + grey[80],
+    2: "0px 6px 23px -8px " + grey[80],
+    3: "0px 16px 42px -15px " + grey[80],
+    4: "0px 18px 54px -8px " + grey[80],
+    5: "0px 28px 77px -5px " + grey[80]
+};
+exports.default = shadows;

package/theme/foundations/transformers.d.ts

@@ -0,0 +1,4 @@
+declare const transformers: {
+    space: (value: string | number) => string;
+};
+export default transformers;

package/theme/foundations/transformers.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var transformers = {
+    space: function (value) {
+        return typeof value === 'string' ? value : value * 8 + "px";
+    }
+};
+exports.default = transformers;

package/theme/foundations/typography.d.ts

@@ -0,0 +1,18 @@
+declare const typography: {
+    fonts: {
+        avenir: string;
+    };
+    fontSizes: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    fontWeights: {
+        regular: number;
+        medium: number;
+        demi: number;
+        bold: number;
+    };
+};
+export default typography;

package/theme/foundations/typography.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var typography = {
+    fonts: {
+        avenir: "'Avenir Next', Verdana, Geneva, Tahoma, sans-serif"
+    },
+    fontSizes: {
+        xs: 12,
+        sm: 14,
+        md: 16,
+        lg: 18
+    },
+    fontWeights: {
+        regular: 400,
+        medium: 500,
+        demi: 600,
+        bold: 700
+    }
+};
+exports.default = typography;

package/theme/index.d.ts

@@ -0,0 +1,3 @@
+import defaultTheme from './defaultTheme';
+export * from './types';
+export default defaultTheme;

package/theme/index.js

@@ -0,0 +1,18 @@
+"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 });
+var defaultTheme_1 = __importDefault(require("./defaultTheme"));
+__exportStar(require("./types"), exports);
+exports.default = defaultTheme_1.default;

package/theme/types.d.ts

@@ -0,0 +1,19 @@
+import defaultTheme from './defaultTheme';
+export declare type Animation = keyof VuiTheme['animations'];
+export declare type Color = keyof VuiTheme['colors'];
+export declare type Component = keyof VuiTheme['components'];
+export declare type FontSize = keyof VuiTheme['fontSizes'];
+export declare type FontWeight = keyof VuiTheme['fontWeights'];
+export declare type Font = keyof VuiTheme['fonts'];
+export declare type Radius = keyof VuiTheme['radii'];
+export declare type Screen = keyof VuiTheme['screens'];
+export declare type Shadow = keyof VuiTheme['shadows'];
+export declare type TransitionDuration = keyof VuiTheme['durations'];
+export declare type DefaultVuiTheme = typeof defaultTheme;
+export interface ThemeOverrides {
+}
+export interface ThemingProps<ThemeComponent extends string = string> {
+    variant?: ThemeComponent extends Component ? keyof VuiTheme['components'][ThemeComponent]['variants'] : string;
+    size?: ThemeComponent extends keyof VuiTheme['components'] ? keyof VuiTheme['components'][ThemeComponent]['sizes'] : string;
+}
+export declare type VuiTheme = DefaultVuiTheme & ThemeOverrides;

package/theme/types.js

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

package/tile/index.d.ts

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

package/tile/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("./tile"), exports);
+__exportStar(require("./tile.types"), exports);
+var tile_1 = require("./tile");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(tile_1).default; } });

package/tile/theme.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    defaultProps: {
+        variant: string;
+    };
+    sizes: {};
+    variants: {
+        default: {
+            bg: string;
+            borderRadius: string;
+            shadow: number;
+            hoverShadow: number;
+            p: number;
+        };
+        outlined: {
+            bg: string;
+            border: number;
+            borderColor: string;
+            borderRadius: string;
+            p: number;
+        };
+    };
+};
+export default _default;

package/tile/theme.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    variant: 'default'
+};
+var sizes = {};
+var variants = {
+    default: {
+        bg: 'white',
+        borderRadius: 'md',
+        shadow: 2,
+        hoverShadow: 4,
+        p: 2
+    },
+    outlined: {
+        bg: 'white',
+        border: 1,
+        borderColor: 'grey.40',
+        borderRadius: 'md',
+        p: 2
+    }
+};
+exports.default = {
+    defaultProps: defaultProps,
+    sizes: sizes,
+    variants: variants
+};

package/tile/tile.d.ts

@@ -0,0 +1,3 @@
+import { TileProps } from './tile.types';
+export declare const Tile: import("styled-components").StyledComponent<"div", never, TileProps, never>;
+export default Tile;

package/tile/tile.js

@@ -0,0 +1,46 @@
+"use strict";
+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.Tile = void 0;
+var react_1 = __importDefault(require("react"));
+var box_1 = require("../box");
+var core_1 = require("../core");
+var utils_1 = require("../utils");
+exports.Tile = core_1.forwardRef(function (props, ref) {
+    var _a = core_1.omitThemingProps(props), className = _a.className, _b = _a.isInteractive, isInteractive = _b === void 0 ? props.onClick !== undefined : _b, rest = __rest(_a, ["className", "isInteractive"]);
+    var _c = core_1.useStyleConfig('Tile', props), hoverShadow = _c.hoverShadow, styles = __rest(_c, ["hoverShadow"]);
+    var interactiveProps = isInteractive
+        ? {
+            cursor: 'pointer',
+            hoverShadow: hoverShadow,
+            userSelect: 'none'
+        }
+        : {};
+    return react_1.default.createElement(box_1.Box, __assign({ className: utils_1.cs('vui-tile', className), ref: ref }, styles, interactiveProps, rest));
+});
+exports.Tile.displayName = 'Tile';
+exports.default = exports.Tile;

package/tile/tile.types.d.ts

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

package/tile/tile.types.js

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

package/utils/dom.d.ts

@@ -0,0 +1,2 @@
+/** Concatenates individual className arguments and returns a single string. */
+export declare function cs(...classNames: any[]): string;

package/utils/dom.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cs = void 0;
+/** Concatenates individual className arguments and returns a single string. */
+function cs() {
+    var classNames = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classNames[_i] = arguments[_i];
+    }
+    return classNames.filter(Boolean).join(' ');
+}
+exports.cs = cs;

package/utils/function.d.ts

@@ -0,0 +1,5 @@
+/**
+ * If given value is a function, it's called with any additional arguments provided.
+ * Otherwise, the provided value is returned directly.
+ */
+export declare function runIfFn(value: any, ...args: any[]): any;

package/utils/function.js

@@ -0,0 +1,36 @@
+"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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runIfFn = void 0;
+/**
+ * If given value is a function, it's called with any additional arguments provided.
+ * Otherwise, the provided value is returned directly.
+ */
+function runIfFn(value) {
+    var args = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        args[_i - 1] = arguments[_i];
+    }
+    return typeof value === 'function' ? value.apply(void 0, __spreadArray([], __read(args))) : value;
+}
+exports.runIfFn = runIfFn;

package/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './dom';
+export * from './function';
+export * from './object';
+export * from './types';

package/utils/index.js

@@ -0,0 +1,16 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./dom"), exports);
+__exportStar(require("./function"), exports);
+__exportStar(require("./object"), exports);
+__exportStar(require("./types"), exports);

package/utils/object.d.ts

@@ -0,0 +1,27 @@
+import { Dict } from './types';
+/** Removes keys from an object if their value is undefined. */
+export declare const filterUndefined: (object: Dict) => Dict<any>;
+/**
+ * Recursively retrieves a nested property of a given object
+ * @param object
+ * @param path string, such as: 'user.name', or array ['user', 'name']
+ * @param separator used when path is a string to split individual keys
+ */
+export declare function get(object: Dict, path: string | string[], separator?: string): Dict<any> | undefined;
+/** Checks if the item is an object. */
+export declare function isObj(item: any): boolean;
+/**
+ * Recursively deep merges two objects in an immutable fashion, following these rules:
+ * - Property exists in both objects and is an object itself => merge
+ * - Property exists in both objects and has the same, non-object type => override
+ * - Property doesn't exist in source => override
+ */
+export declare function mergeWith<TSource extends Dict, TOverride extends Dict>(source: TSource, override: TOverride): TSource & TOverride;
+declare type FilterFn<T> = (value: any, key: string, object: T) => boolean;
+/**
+ * Returns the items of an object that meet the condition specified in a callback function.
+ */
+export declare function objectFilter<T extends Dict>(object: T, fn: FilterFn<T>): Dict<any>;
+/** Removes given keys from an object. */
+export declare function omit<T extends Dict, K extends keyof T>(object: T, keys: K[]): Omit<T, K>;
+export {};