@veracity/vui 0.0.7 → 0.0.9

package/theme/foundations/animations.d.ts

@@ -1,10 +1,12 @@
-declare const animations: {
+declare const _default: {
+    bounce: string;
     fadeDown: string;
     fadeIn: string;
     fadeLeft: string;
     fadeOut: string;
     fadeRight: string;
     fadeUp: string;
+    pulse: string;
     spin: string;
 };
-export default animations;
+export default _default;

package/theme/foundations/animations.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var animations = {
-    fadeDown: 'fadeDown 0.3s ease-in-out',
-    fadeIn: 'fadeIn 0.3s ease-in-out',
-    fadeLeft: 'fadeLeft 0.3s ease-in-out',
-    fadeOut: 'fadeOut 0.3s ease-in-out',
-    fadeRight: 'fadeRight 0.3s ease-in-out',
-    fadeUp: 'fadeUp 0.3s ease-in-out',
-    spin: 'spin 1s linear infinite'
+exports.default = {
+    bounce: 'vui-bounce 1s infinite',
+    fadeDown: 'vui-fadeDown 0.3s ease-in-out',
+    fadeIn: 'vui-fadeIn 0.3s ease-in-out',
+    fadeLeft: 'vui-fadeLeft 0.3s ease-in-out',
+    fadeOut: 'vui-fadeOut 0.3s ease-in-out',
+    fadeRight: 'vui-fadeRight 0.3s ease-in-out',
+    fadeUp: 'vui-fadeUp 0.3s ease-in-out',
+    pulse: 'vui-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+    spin: 'vui-spin 1s linear infinite'
 };
-exports.default = animations;

package/theme/foundations/borders.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/theme/foundations/borders.js

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

package/theme/foundations/colors.d.ts

@@ -1,4 +1,88 @@
-declare const colors: {
+export declare const blue: {
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const green: {
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const grey: {
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const pink: {
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const prussian: {
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const red: {
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const yellow: {
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+declare const _default: {
     blue: {
         10: string;
         20: string;
@@ -84,4 +168,4 @@ declare const colors: {
         100: string;
     };
 };
-export default colors;
+export default _default;

package/theme/foundations/colors.js

@@ -1,89 +1,96 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var colors = {
-    blue: {
-        10: '#f6fbff',
-        20: '#e2f1ff',
-        30: '#c2e1fe',
-        40: '#a1cef9',
-        50: '#77baf9',
-        60: '#48a1f3',
-        70: '#1e86e5',
-        80: '#0067c5',
-        90: '#075094',
-        100: '#003f79'
-    },
-    green: {
-        10: '#efffed',
-        20: '#d8ffd3',
-        30: '#bdfbb6',
-        40: '#9df291',
-        50: '#82db77',
-        60: '#68c35e',
-        70: '#4ea344',
-        80: '#36842d',
-        90: '#276121',
-        100: '#024019'
-    },
-    grey: {
-        10: '#f7f8f9',
-        20: '#f1f3f5',
-        30: '#e1e6e9',
-        40: '#c3ccd3',
-        50: '#a5b3bd',
-        60: '#8799a7',
-        70: '#768b9c',
-        80: '#698091',
-        90: '#586c7a',
-        100: '#465663'
-    },
-    pink: {
-        10: '#fff3fd',
-        20: '#ffddf9',
-        30: '#ffbdf3',
-        40: '#ff8eea',
-        50: '#ff55df',
-        60: '#ff0ed2',
-        70: '#ee00c1',
-        80: '#da00b1',
-        90: '#a00082',
-        100: '#72005c'
-    },
-    prussian: {
-        10: '#eff3f5',
-        20: '#c5dce8',
-        30: '#91bbcf',
-        40: '#5690ac',
-        50: '#32718e',
-        60: '#0d5071',
-        70: '#003b57',
-        80: '#002a3e',
-        90: '#001620',
-        100: '#000b11'
-    },
-    red: {
-        10: '#fff1f1',
-        20: '#ffe4e4',
-        30: '#ffc8c8',
-        40: '#faa7ab',
-        50: '#fb7b81',
-        60: '#f64d55',
-        70: '#e84148',
-        80: '#d6383f',
-        90: '#b62f3a',
-        100: '#962730'
-    },
-    yellow: {
-        10: '#fffde7',
-        20: '#fff8bd',
-        30: '#ffed7a',
-        40: '#ffe43a',
-        50: '#ffd600',
-        60: '#fec600',
-        70: '#f4b40d',
-        80: '#e29c13',
-        90: '#b67b08',
-        100: '#83591a'
-    }
+exports.yellow = exports.red = exports.prussian = exports.pink = exports.grey = exports.green = exports.blue = void 0;
+exports.blue = {
+    10: '#f6fbff',
+    20: '#e2f1ff',
+    30: '#c2e1fe',
+    40: '#a1cef9',
+    50: '#77baf9',
+    60: '#48a1f3',
+    70: '#1e86e5',
+    80: '#0067c5',
+    90: '#075094',
+    100: '#003f79'
+};
+exports.green = {
+    10: '#efffed',
+    20: '#d8ffd3',
+    30: '#bdfbb6',
+    40: '#9df291',
+    50: '#82db77',
+    60: '#68c35e',
+    70: '#4ea344',
+    80: '#36842d',
+    90: '#276121',
+    100: '#024019'
+};
+exports.grey = {
+    10: '#f7f8f9',
+    20: '#f1f3f5',
+    30: '#e1e6e9',
+    40: '#c3ccd3',
+    50: '#a5b3bd',
+    60: '#8799a7',
+    70: '#768b9c',
+    80: '#698091',
+    90: '#586c7a',
+    100: '#465663'
+};
+exports.pink = {
+    10: '#fff3fd',
+    20: '#ffddf9',
+    30: '#ffbdf3',
+    40: '#ff8eea',
+    50: '#ff55df',
+    60: '#ff0ed2',
+    70: '#ee00c1',
+    80: '#da00b1',
+    90: '#a00082',
+    100: '#72005c'
+};
+exports.prussian = {
+    10: '#eff3f5',
+    20: '#c5dce8',
+    30: '#91bbcf',
+    40: '#5690ac',
+    50: '#32718e',
+    60: '#0d5071',
+    70: '#003b57',
+    80: '#002a3e',
+    90: '#001620',
+    100: '#000b11'
+};
+exports.red = {
+    10: '#fff1f1',
+    20: '#ffe4e4',
+    30: '#ffc8c8',
+    40: '#faa7ab',
+    50: '#fb7b81',
+    60: '#f64d55',
+    70: '#e84148',
+    80: '#d6383f',
+    90: '#b62f3a',
+    100: '#962730'
+};
+exports.yellow = {
+    10: '#fffde7',
+    20: '#fff8bd',
+    30: '#ffed7a',
+    40: '#ffe43a',
+    50: '#ffd600',
+    60: '#fec600',
+    70: '#f4b40d',
+    80: '#e29c13',
+    90: '#b67b08',
+    100: '#83591a'
+};
+exports.default = {
+    blue: exports.blue,
+    green: exports.green,
+    grey: exports.grey,
+    pink: exports.pink,
+    prussian: exports.prussian,
+    red: exports.red,
+    yellow: exports.yellow
 };
-exports.default = colors;

package/theme/foundations/durations.d.ts

@@ -1,6 +1,7 @@
-declare const durations: {
+declare const _default: {
+    instant: string;
     fast: string;
     normal: string;
     slow: string;
 };
-export default durations;
+export default _default;

package/theme/foundations/durations.js

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

package/theme/foundations/index.d.ts

@@ -1,28 +1,16 @@
-declare const foundations: {
-    fonts: {
-        avenir: string;
-    };
-    fontSizes: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-    };
-    fontWeights: {
-        regular: number;
-        medium: number;
-        demi: number;
-        bold: number;
-    };
+declare const _default: {
     animations: {
+        bounce: string;
         fadeDown: string;
         fadeIn: string;
         fadeLeft: string;
         fadeOut: string;
         fadeRight: string;
         fadeUp: string;
+        pulse: string;
         spin: string;
     };
+    borders: {};
     colors: {
         blue: {
             10: string;
@@ -110,15 +98,40 @@ declare const foundations: {
         };
     };
     durations: {
+        instant: string;
         fast: string;
         normal: string;
         slow: string;
     };
+    fonts: {
+        avenir: string;
+    };
+    fontSizes: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    fontWeights: {
+        regular: string;
+        medium: string;
+        demi: string;
+        bold: string;
+    };
     radii: {
         none: number;
         sm: number;
         md: number;
         lg: number;
+        round: number;
+    };
+    ringWidths: {};
+    screens: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
     };
     shadows: {
         0: string;
@@ -128,15 +141,13 @@ declare const foundations: {
         4: string;
         5: string;
     };
-    screens: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-    };
+    sizes: {};
+    spaces: {};
     transformers: {
         space: (value: string | number) => string;
     };
+    transforms: {};
+    transitions: {};
+    zIndices: {};
 };
-export default foundations;
+export default _default;

package/theme/foundations/index.js

@@ -1,32 +1,41 @@
 "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 borders_1 = __importDefault(require("./borders"));
 var colors_1 = __importDefault(require("./colors"));
 var durations_1 = __importDefault(require("./durations"));
-var radius_1 = __importDefault(require("./radius"));
+var fonts_1 = __importDefault(require("./fonts"));
+var fontSizes_1 = __importDefault(require("./fontSizes"));
+var fontWeights_1 = __importDefault(require("./fontWeights"));
+var radii_1 = __importDefault(require("./radii"));
+var ringWidths_1 = __importDefault(require("./ringWidths"));
 var screens_1 = __importDefault(require("./screens"));
 var shadows_1 = __importDefault(require("./shadows"));
+var sizes_1 = __importDefault(require("./sizes"));
+var spaces_1 = __importDefault(require("./spaces"));
 var transformers_1 = __importDefault(require("./transformers"));
-var typography_1 = __importDefault(require("./typography"));
-var foundations = __assign({ animations: animations_1.default,
+var transforms_1 = __importDefault(require("./transforms"));
+var transitions_1 = __importDefault(require("./transitions"));
+var zIndices_1 = __importDefault(require("./zIndices"));
+exports.default = {
+    animations: animations_1.default,
+    borders: borders_1.default,
     colors: colors_1.default,
     durations: durations_1.default,
-    radii: radius_1.default,
-    shadows: shadows_1.default,
+    fonts: fonts_1.default,
+    fontSizes: fontSizes_1.default,
+    fontWeights: fontWeights_1.default,
+    radii: radii_1.default,
+    ringWidths: ringWidths_1.default,
     screens: screens_1.default,
-    transformers: transformers_1.default }, typography_1.default);
-exports.default = foundations;
+    shadows: shadows_1.default,
+    sizes: sizes_1.default,
+    spaces: spaces_1.default,
+    transformers: transformers_1.default,
+    transforms: transforms_1.default,
+    transitions: transitions_1.default,
+    zIndices: zIndices_1.default
+};

package/theme/foundations/ringWidths.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/theme/foundations/ringWidths.js

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

package/theme/foundations/screens.d.ts

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

package/theme/foundations/screens.js

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

package/theme/foundations/shadows.d.ts

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

package/theme/foundations/shadows.js

@@ -1,16 +1,11 @@
 "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]
+var colors_1 = require("./colors");
+exports.default = {
+    0: "0px 0px 0px 0px " + colors_1.grey[80],
+    1: "0px 2px 7px -3px " + colors_1.grey[80],
+    2: "0px 6px 23px -8px " + colors_1.grey[80],
+    3: "0px 16px 42px -15px " + colors_1.grey[80],
+    4: "0px 18px 54px -8px " + colors_1.grey[80],
+    5: "0px 28px 77px -5px " + colors_1.grey[80]
 };
-exports.default = shadows;

package/theme/foundations/sizes.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/theme/foundations/sizes.js

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

package/theme/foundations/spaces.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/theme/foundations/spaces.js

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

package/theme/foundations/transformers.d.ts

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

package/theme/foundations/transformers.js

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

package/theme/foundations/transforms.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/theme/foundations/transforms.js

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

package/theme/foundations/transitions.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/theme/foundations/transitions.js

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

package/theme/foundations/zIndices.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/theme/foundations/zIndices.js

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

package/theme/index.d.ts

@@ -1,3 +1,6 @@
 import defaultTheme from './defaultTheme';
+export { default as components } from './components';
+export { default as defaultTheme } from './defaultTheme';
+export { default as foundations } from './foundations';
 export * from './types';
 export default defaultTheme;

package/theme/index.js

@@ -13,6 +13,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.foundations = exports.defaultTheme = exports.components = void 0;
 var defaultTheme_1 = __importDefault(require("./defaultTheme"));
+var components_1 = require("./components");
+Object.defineProperty(exports, "components", { enumerable: true, get: function () { return __importDefault(components_1).default; } });
+var defaultTheme_2 = require("./defaultTheme");
+Object.defineProperty(exports, "defaultTheme", { enumerable: true, get: function () { return __importDefault(defaultTheme_2).default; } });
+var foundations_1 = require("./foundations");
+Object.defineProperty(exports, "foundations", { enumerable: true, get: function () { return __importDefault(foundations_1).default; } });
 __exportStar(require("./types"), exports);
 exports.default = defaultTheme_1.default;