@veracity/vui 0.0.7 → 0.0.8

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/radii.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    none: number;
+    sm: number;
+    md: number;
+    lg: number;
+    round: number;
+};
+export default _default;

package/theme/foundations/radii.js

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

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/types.d.ts

@@ -9,11 +9,13 @@ 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 declare type VuiThemeDefaults = typeof defaultTheme;
+/** Can be extended to add new properties to the theme or override default ones  */
+export interface VuiThemeExtensions {
 }
 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;
+/** VUI theme definition object, containing default values and extensions */
+export declare type VuiTheme = VuiThemeDefaults & VuiThemeExtensions;

package/tile/tile.js

@@ -30,7 +30,7 @@ var react_1 = __importDefault(require("react"));
 var box_1 = __importDefault(require("../box"));
 var core_1 = require("../core");
 var utils_1 = require("../utils");
-exports.Tile = core_1.forwardRef(function (props, ref) {
+exports.Tile = core_1.vui(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