@agilekit/ui 0.0.423-alpha.0 → 0.0.425-alpha.0

package/lib/src/components/Icon/Icon.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var React = tslib_1.__importStar(require("react"));
+var styles = tslib_1.__importStar(require("./Icon.module.scss"));
+var iconClass_1 = require("./iconClass");
+var Icon = function (_a) {
+    var source = _a.source, color = _a.color, customColor = _a.customColor, backgroundColor = _a.backgroundColor, customBackgroundColor = _a.customBackgroundColor, size = _a.size;
+    var _b, _c, _d;
+    var classNames = classnames_1.default(styles[iconClass_1.ICONS[source]], (_b = {},
+        _b["color-" + color] = color,
+        _b), (_c = {},
+        _c["bg-" + backgroundColor] = backgroundColor,
+        _c), (_d = {},
+        _d[styles['with-background']] = backgroundColor && backgroundColor.length > 0,
+        _d));
+    var styleNames = {
+        backgroundColor: customBackgroundColor ? "" + customBackgroundColor : undefined,
+        color: customColor ? customColor : undefined,
+        fontSize: size + "px",
+        height: backgroundColor ? size + 15 + "px" : 'auto',
+        width: backgroundColor ? size + 15 + "px" : 'auto',
+    };
+    return React.createElement("i", { className: classNames, style: styleNames });
+};
+exports.default = Icon;
+//# sourceMappingURL=Icon.js.map

package/lib/src/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAC/B,iEAA6C;AAC7C,yCAAqD;AAWrD,IAAM,IAAI,GAA0B,UAAC,EAA4E;QAA1E,kBAAM,EAAE,gBAAK,EAAE,4BAAW,EAAE,oCAAe,EAAE,gDAAqB,EAAE,cAAI;;IAC7G,IAAM,UAAU,GAAG,oBAAU,CAC3B,MAAM,CAAC,iBAAK,CAAC,MAAM,CAAC,CAAC;QAEnB,GAAC,WAAS,KAAiB,IAAG,KAAK;;QAGnC,GAAC,QAAM,eAA2B,IAAG,eAAe;;QAGpD,GAAC,MAAM,CAAC,iBAAiB,CAAC,IAAG,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;YAE7E,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,eAAe,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAAG,qBAAuB,CAAC,CAAC,CAAC,SAAS;QAC/E,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;QAC5C,QAAQ,EAAK,IAAI,OAAI;QACrB,MAAM,EAAE,eAAe,CAAC,CAAC,CAAI,IAAK,GAAG,EAAE,OAAI,CAAC,CAAC,CAAC,MAAM;QACpD,KAAK,EAAE,eAAe,CAAC,CAAC,CAAI,IAAK,GAAG,EAAE,OAAI,CAAC,CAAC,CAAC,MAAM;KACpD,CAAC;IAEF,OAAO,2BAAG,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,GAAI,CAAC;AACzD,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/lib/src/components/Icon/iconClass.d.ts

@@ -1,69 +1,69 @@
-export declare const ICONS: {
-    activity: string;
-    arrowLongRight: string;
-    arrows: string;
-    atmCard: string;
-    bankSolid: string;
-    briefcase: string;
-    calendar: string;
-    chat: string;
-    check: string;
-    checkAlt: string;
-    chevronDown: string;
-    chevronUp: string;
-    close: string;
-    cogSolid: string;
-    creditCard: string;
-    creditCardSolid: string;
-    database: string;
-    dollar: string;
-    dollarSolid: string;
-    exclamation: string;
-    fileLandscapeAlt: string;
-    globe: string;
-    grid: string;
-    invoice: string;
-    keyholeSquare: string;
-    lock: string;
-    logIn: string;
-    logOut: string;
-    mail: string;
-    mapPin: string;
-    menu: string;
-    minus: string;
-    minusAlt: string;
-    more: string;
-    package: string;
-    phone: string;
-    plus: string;
-    plusAlt: string;
-    question: string;
-    refreshCW: string;
-    search: string;
-    settings: string;
-    shield: string;
-    shoppingCart: string;
-    slash: string;
-    slashSolid: string;
-    star: string;
-    trendingUp: string;
-    users: string;
-    xAlt: string;
-    pen: string;
-    mobileAndroid: string;
-    info: string;
-    helpCircle: string;
-    hash: string;
-    gridSolid: string;
-    desktop: string;
-    circle: string;
-    circleSolid: string;
-    bell: string;
-    calendarAlt: string;
-    userCircle: string;
-    tablet: string;
-    store: string;
-    sliders: string;
-};
-export declare type IconName = 'activity' | 'arrows' | 'arrowLongRight' | 'atmCard' | 'bankSolid' | 'briefcase' | 'calendar' | 'chat' | 'check' | 'checkAlt' | 'chevronDown' | 'chevronUp' | 'creditCard' | 'creditCardSolid' | 'exclamation' | 'close' | 'cogSolid' | 'database' | 'dollarSolid' | 'dollar' | 'fileLandscapeAlt' | 'globe' | 'grid' | 'invoice' | 'keyholeSquare' | 'lock' | 'logIn' | 'logOut' | 'mail' | 'mapPin' | 'menu' | 'minus' | 'minusAlt' | 'more' | 'package' | 'phone' | 'plus' | 'plusAlt' | 'question' | 'settings' | 'search' | 'shield' | 'shoppingCart' | 'slashSolid' | 'slash' | 'star' | 'trendingUp' | 'users' | 'xAlt' | 'pen' | 'mobileAndroid' | 'info' | 'helpCircle' | 'hash' | 'gridSolid' | 'desktop' | 'circle' | 'circleSolid' | 'bell' | 'calendarAlt' | 'userCircle' | 'tablet' | 'store' | 'sliders';
-export declare type Color = 'white' | 'black' | 'grayRegent' | 'grayIron' | 'blueRoyal' | 'whisper' | 'green' | 'orange' | 'redCoral' | 'B050' | 'B075' | 'B100' | 'B200' | 'B300' | 'B400' | 'B500' | 'R050' | 'R075' | 'R100' | 'R200' | 'R300' | 'R400' | 'R500' | 'Y050' | 'Y075' | 'Y100' | 'Y200' | 'Y300' | 'Y400' | 'Y500' | 'T050' | 'T075' | 'T100' | 'T200' | 'T300' | 'T400' | 'T500' | 'P050' | 'P075' | 'P100' | 'P200' | 'P300' | 'P400' | 'P500' | 'G050' | 'G075' | 'G100' | 'G200' | 'G300' | 'G400' | 'G500' | 'N000' | 'N010' | 'N020' | 'N030' | 'N040' | 'N050' | 'N060' | 'N070' | 'N080' | 'N090' | 'N100' | 'N200' | 'N300' | 'N400' | 'N500' | 'N600' | 'N700' | 'N800' | 'N900';
+export declare const ICONS: {
+    activity: string;
+    arrowLongRight: string;
+    arrows: string;
+    atmCard: string;
+    bankSolid: string;
+    briefcase: string;
+    calendar: string;
+    chat: string;
+    check: string;
+    checkAlt: string;
+    chevronDown: string;
+    chevronUp: string;
+    close: string;
+    cogSolid: string;
+    creditCard: string;
+    creditCardSolid: string;
+    database: string;
+    dollar: string;
+    dollarSolid: string;
+    exclamation: string;
+    fileLandscapeAlt: string;
+    globe: string;
+    grid: string;
+    invoice: string;
+    keyholeSquare: string;
+    lock: string;
+    logIn: string;
+    logOut: string;
+    mail: string;
+    mapPin: string;
+    menu: string;
+    minus: string;
+    minusAlt: string;
+    more: string;
+    package: string;
+    phone: string;
+    plus: string;
+    plusAlt: string;
+    question: string;
+    refreshCW: string;
+    search: string;
+    settings: string;
+    shield: string;
+    shoppingCart: string;
+    slash: string;
+    slashSolid: string;
+    star: string;
+    trendingUp: string;
+    users: string;
+    xAlt: string;
+    pen: string;
+    mobileAndroid: string;
+    info: string;
+    helpCircle: string;
+    hash: string;
+    gridSolid: string;
+    desktop: string;
+    circle: string;
+    circleSolid: string;
+    bell: string;
+    calendarAlt: string;
+    userCircle: string;
+    tablet: string;
+    store: string;
+    sliders: string;
+};
+export declare type IconName = 'activity' | 'arrows' | 'arrowLongRight' | 'atmCard' | 'bankSolid' | 'briefcase' | 'calendar' | 'chat' | 'check' | 'checkAlt' | 'chevronDown' | 'chevronUp' | 'creditCard' | 'creditCardSolid' | 'exclamation' | 'close' | 'cogSolid' | 'database' | 'dollarSolid' | 'dollar' | 'fileLandscapeAlt' | 'globe' | 'grid' | 'invoice' | 'keyholeSquare' | 'lock' | 'logIn' | 'logOut' | 'mail' | 'mapPin' | 'menu' | 'minus' | 'minusAlt' | 'more' | 'package' | 'phone' | 'plus' | 'plusAlt' | 'question' | 'settings' | 'search' | 'shield' | 'shoppingCart' | 'slashSolid' | 'slash' | 'star' | 'trendingUp' | 'users' | 'xAlt' | 'pen' | 'mobileAndroid' | 'info' | 'helpCircle' | 'hash' | 'gridSolid' | 'desktop' | 'circle' | 'circleSolid' | 'bell' | 'calendarAlt' | 'userCircle' | 'tablet' | 'store' | 'sliders';
+export declare type Color = 'white' | 'black' | 'grayRegent' | 'grayIron' | 'blueRoyal' | 'whisper' | 'green' | 'orange' | 'redCoral' | 'B050' | 'B075' | 'B100' | 'B200' | 'B300' | 'B400' | 'B500' | 'R050' | 'R075' | 'R100' | 'R200' | 'R300' | 'R400' | 'R500' | 'Y050' | 'Y075' | 'Y100' | 'Y200' | 'Y300' | 'Y400' | 'Y500' | 'T050' | 'T075' | 'T100' | 'T200' | 'T300' | 'T400' | 'T500' | 'P050' | 'P075' | 'P100' | 'P200' | 'P300' | 'P400' | 'P500' | 'G050' | 'G075' | 'G100' | 'G200' | 'G300' | 'G400' | 'G500' | 'N000' | 'N010' | 'N020' | 'N030' | 'N040' | 'N050' | 'N060' | 'N070' | 'N080' | 'N090' | 'N100' | 'N200' | 'N300' | 'N400' | 'N500' | 'N600' | 'N700' | 'N800' | 'N900';

package/lib/src/components/Icon/iconClass.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ICONS = {
+    activity: 'icon-ic-activity',
+    arrowLongRight: 'icon-ic-arrow-long-right',
+    arrows: 'icon-ic-arrows',
+    atmCard: 'icon-ic-atm-card',
+    bankSolid: 'icon-ic-bank-solid',
+    briefcase: 'icon-ic-briefcase',
+    calendar: 'icon-ic-calendar',
+    check: 'icon-ic-check',
+    checkAlt: 'icon-ic-check-alt',
+    chevronDown: 'icon-ic-chevron-down',
+    close: 'icon-ic-close',
+    cogSolid: 'icon-ic-cog-solid',
+    creditCard: 'icon-ic-credit-card',
+    creditCardSolid: 'icon-ic-credit-card-solid',
+    database: 'icon-ic-database',
+    dollar: 'icon-ic-dollar',
+    dollarSolid: 'icon-ic-dollar-solid',
+    exclamation: 'icon-ic-exclamation',
+    fileLandscapeAlt: 'icon-ic-file-landscape-alt',
+    globe: 'icon-ic-globe',
+    grid: 'icon-ic-grid',
+    keyholeSquare: 'icon-ic-keyhole-square',
+    lock: 'icon-ic-lock',
+    logIn: 'icon-ic-log-in',
+    logOut: 'icon-ic-log-out',
+    mail: 'icon-ic-mail',
+    mapPin: 'icon-ic-map-pin',
+    minus: 'icon-ic-minus',
+    minusAlt: 'icon-ic-minus-alt',
+    more: 'icon-ic-more',
+    package: 'icon-ic-package',
+    phone: 'icon-ic-phone',
+    plus: 'icon-ic-plus',
+    plusAlt: 'icon-ic-plus-alt',
+    question: 'icon-ic-question',
+    refreshCW: 'icon-ic-refresh-cw',
+    search: 'icon-ic-search',
+    settings: 'icon-ic-settings',
+    shield: 'icon-ic-shield',
+    shoppingCart: 'icon-ic-shopping-cart',
+    slash: 'icon-ic-slash',
+    slashSolid: 'icon-ic-slash-solid',
+    star: 'icon-ic-star',
+    trendingUp: 'icon-ic-trending-up',
+    users: 'icon-ic-users',
+    xAlt: 'icon-ic-x-alt',
+};
+//# sourceMappingURL=iconClass.js.map

package/lib/src/components/Icon/iconClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconClass.js","sourceRoot":"","sources":["../../../../src/components/Icon/iconClass.ts"],"names":[],"mappings":";;AAAa,QAAA,KAAK,GAAG;IACnB,QAAQ,EAAE,kBAAkB;IAC5B,cAAc,EAAE,0BAA0B;IAC1C,MAAM,EAAE,gBAAgB;IACxB,OAAO,EAAE,kBAAkB;IAC3B,SAAS,EAAE,oBAAoB;IAC/B,SAAS,EAAE,mBAAmB;IAC9B,QAAQ,EAAE,kBAAkB;IAC5B,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE,mBAAmB;IAC7B,WAAW,EAAE,sBAAsB;IACnC,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE,mBAAmB;IAC7B,UAAU,EAAE,qBAAqB;IACjC,eAAe,EAAE,2BAA2B;IAC5C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,WAAW,EAAE,sBAAsB;IACnC,WAAW,EAAE,qBAAqB;IAClC,gBAAgB,EAAE,4BAA4B;IAC9C,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,cAAc;IACpB,aAAa,EAAE,wBAAwB;IACvC,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,iBAAiB;IACzB,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,iBAAiB;IACzB,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE,mBAAmB;IAC7B,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,iBAAiB;IAC1B,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,kBAAkB;IAC3B,QAAQ,EAAE,kBAAkB;IAC5B,SAAS,EAAE,oBAAoB;IAC/B,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,uBAAuB;IACrC,KAAK,EAAE,eAAe;IACtB,UAAU,EAAE,qBAAqB;IACjC,IAAI,EAAE,cAAc;IACpB,UAAU,EAAE,qBAAqB;IACjC,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,eAAe;CACtB,CAAC"}

package/lib/src/components/Icon/index.d.ts

@@ -1 +1 @@
-export { default as Icon } from './Icon';
+export { default as Icon } from './Icon';

package/lib/src/components/Icon/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Icon_1 = require("./Icon");
+exports.Icon = Icon_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Icon/index.ts"],"names":[],"mappings":";;AAAA,+BAAyC;AAAhC,sBAAA,OAAO,CAAQ"}

package/lib/src/components/Icon/stories/Icon.dev.stories.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("../Icon").IIconProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const AllIcons: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../Icon").IIconProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const AllIcons: () => JSX.Element;

package/lib/src/components/Icon/stories/Icon.stories.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("../Icon").IIconProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Default: () => JSX.Element;
-export declare const WithColorProp: () => JSX.Element;
-export declare const WithCustomColor: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../Icon").IIconProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const WithColorProp: () => JSX.Element;
+export declare const WithCustomColor: () => JSX.Element;

package/lib/src/components/Icon/tests/stories/Icon.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/Image/Image.d.ts

@@ -1,17 +1,17 @@
-import * as React from 'react';
-export interface ISourceSet {
-    source: string;
-    descriptor?: string;
-}
-export declare type CrossOrigin = 'anonymous' | 'use-credentials' | '' | undefined;
-export interface IImageProps extends React.HTMLProps<HTMLImageElement> {
-    alt: string;
-    source: string;
-    sourceSet?: ISourceSet[];
-    responsive?: boolean;
-    rounded?: boolean;
-    onLoad?(): void;
-    onError?(): void;
-}
-declare const Image: React.SFC<IImageProps>;
-export default Image;
+import * as React from 'react';
+export interface ISourceSet {
+    source: string;
+    descriptor?: string;
+}
+export declare type CrossOrigin = 'anonymous' | 'use-credentials' | '' | undefined;
+export interface IImageProps extends React.HTMLProps<HTMLImageElement> {
+    alt: string;
+    source: string;
+    sourceSet?: ISourceSet[];
+    responsive?: boolean;
+    rounded?: boolean;
+    onLoad?(): void;
+    onError?(): void;
+}
+declare const Image: React.FC<IImageProps>;
+export default Image;

package/lib/src/components/Image/Image.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var React = tslib_1.__importStar(require("react"));
+var styles = tslib_1.__importStar(require("./Image.module.scss"));
+var Image = function (_a) {
+    var sourceSet = _a.sourceSet, source = _a.source, responsive = _a.responsive, rounded = _a.rounded, crossOrigin = _a.crossOrigin, rest = tslib_1.__rest(_a, ["sourceSet", "source", "responsive", "rounded", "crossOrigin"]);
+    var _b, _c;
+    var finalSourceSet = sourceSet
+        ? sourceSet.map(function (_a) {
+            var subSource = _a.source, descriptor = _a.descriptor;
+            return subSource + " " + descriptor;
+        }).join(',')
+        : null;
+    var classNames = classnames_1.default((_b = {}, _b[styles['Responsive']] = responsive, _b), (_c = {}, _c[styles['Rounded']] = rounded, _c));
+    return finalSourceSet ? (React.createElement("img", tslib_1.__assign({ className: classNames, src: source, srcSet: finalSourceSet, crossOrigin: crossOrigin }, rest))) : (React.createElement("img", tslib_1.__assign({ src: source, className: classNames }, rest, { crossOrigin: crossOrigin })));
+};
+exports.default = Image;
+//# sourceMappingURL=Image.js.map

package/lib/src/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,kEAA8C;AAmB9C,IAAM,KAAK,GAA2B,UAAC,EAAgE;IAA9D,IAAA,wBAAS,EAAE,kBAAM,EAAE,0BAAU,EAAE,oBAAO,EAAE,4BAAW,EAAE,0FAAO;;IACnG,IAAM,cAAc,GAAG,SAAS;QAC9B,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAC,EAAiC;gBAA/B,qBAAiB,EAAE,0BAAU;YAAO,OAAG,SAAS,SAAI,UAAY;QAA5B,CAA4B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9F,CAAC,CAAC,IAAI,CAAC;IAET,IAAM,UAAU,GAAG,oBAAU,WAAG,GAAC,MAAM,CAAC,YAAY,CAAC,IAAG,UAAU,iBAAM,GAAC,MAAM,CAAC,SAAS,CAAC,IAAG,OAAO,MAAG,CAAC;IAExG,OAAO,cAAc,CAAC,CAAC,CAAC,CAEtB,8CACE,SAAS,EAAE,UAAU,EACrB,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,WAA0B,IACnC,IAAI,EACR,CACH,CAAC,CAAC,CAAC,CAEF,8CAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,IAAM,IAAI,IAAE,WAAW,EAAE,WAA0B,IAAI,CAC/F,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/lib/src/components/Image/index.d.ts

@@ -1 +1 @@
-export { default as Image } from './Image';
+export { default as Image } from './Image';

package/lib/src/components/Image/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Image_1 = require("./Image");
+exports.Image = Image_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Image/index.ts"],"names":[],"mappings":";;AAAA,iCAA2C;AAAlC,wBAAA,OAAO,CAAS"}

package/lib/src/components/InputFile/InputFile.d.ts

@@ -1,22 +1,22 @@
-import * as React from 'react';
-export interface IInputFile {
-    setFieldValue?: any;
-    label: string;
-    placeholder?: string;
-    buttonLabel?: string;
-    dropAreaLabel?: string;
-    value?: string;
-    helpText?: React.ReactNode;
-    labelHidden?: boolean;
-    focused?: boolean;
-    disabled?: boolean;
-    error?: Error | boolean | string;
-    name?: string;
-    id?: string;
-    onFocus?: any;
-    onBlur?: any;
-    onChange?(e: React.ChangeEvent<any> | string, id?: string): void;
-    dragDropHidden?: boolean;
-}
-declare const InputFile: React.FC<IInputFile>;
-export default InputFile;
+import * as React from 'react';
+export interface IInputFile {
+    setFieldValue?: any;
+    label: string;
+    placeholder?: string;
+    buttonLabel?: string;
+    dropAreaLabel?: string;
+    value?: string;
+    helpText?: React.ReactNode;
+    labelHidden?: boolean;
+    focused?: boolean;
+    disabled?: boolean;
+    error?: Error | boolean | string;
+    name?: string;
+    id?: string;
+    onFocus?: any;
+    onBlur?: any;
+    onChange?(e: React.ChangeEvent<any> | string, id?: string): void;
+    dragDropHidden?: boolean;
+}
+declare const InputFile: React.FC<IInputFile>;
+export default InputFile;

package/lib/src/components/InputFile/index.d.ts

@@ -1 +1 @@
-export { default as InputFile } from './InputFile';
+export { default as InputFile } from './InputFile';

package/lib/src/components/InputFile/stories/InputFile.stories.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("../InputFile").IInputFile>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Basic: () => JSX.Element;
-export declare const LabelHidden: () => JSX.Element;
-export declare const WithHelpText: () => JSX.Element;
-export declare const Disabled: () => JSX.Element;
-export declare const WithOnChange: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../InputFile").IInputFile>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const LabelHidden: () => JSX.Element;
+export declare const WithHelpText: () => JSX.Element;
+export declare const Disabled: () => JSX.Element;
+export declare const WithOnChange: () => JSX.Element;

package/lib/src/components/InputFile/tests/stories/InputFile.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/Label/Label.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-export interface ILabelProps {
-    children?: React.ReactNode;
-    id: string;
-    hidden?: boolean;
-}
-declare const Label: React.SFC<ILabelProps>;
-export default Label;
+import * as React from 'react';
+export interface ILabelProps {
+    children?: React.ReactNode;
+    id: string;
+    hidden?: boolean;
+}
+declare const Label: React.FC<ILabelProps>;
+export default Label;

package/lib/src/components/Label/Label.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var React = tslib_1.__importStar(require("react"));
+var styles = tslib_1.__importStar(require("./Label.module.scss"));
+var labelID = function (id) {
+    return id + "Label";
+};
+var Label = function (_a) {
+    var children = _a.children, id = _a.id, hidden = _a.hidden;
+    var className = classnames_1.default(styles['Label'], hidden && styles['hidden']);
+    return (React.createElement("div", { className: className },
+        React.createElement("label", { id: labelID(id), htmlFor: id, className: styles['Text'] }, children)));
+};
+exports.default = Label;
+//# sourceMappingURL=Label.js.map

package/lib/src/components/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,kEAA8C;AAW9C,IAAM,OAAO,GAAG,UAAC,EAAU;IACzB,OAAU,EAAE,UAAO,CAAC;AACtB,CAAC,CAAC;AAEF,IAAM,KAAK,GAA2B,UAAC,EAAqC;QAAnC,sBAAQ,EAAE,UAAE,EAAE,kBAAM;IAC3D,IAAM,SAAS,GAAG,oBAAU,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1E,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,IAC3D,QAAQ,CACH,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/lib/src/components/Label/index.d.ts

@@ -1 +1 @@
-export { default as Label } from './Label';
+export { default as Label } from './Label';

package/lib/src/components/Label/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Label_1 = require("./Label");
+exports.Label = Label_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Label/index.ts"],"names":[],"mappings":";;AAAA,iCAA2C;AAAlC,wBAAA,OAAO,CAAS"}

package/lib/src/components/Labelled/Labelled.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-export interface ILabelledProps {
-    id: string;
-    label: string;
-    error?: Error | boolean | string;
-    disabled?: boolean;
-    focused?: boolean;
-    helpText?: React.ReactNode;
-    children?: React.ReactNode;
-    labelHidden?: boolean;
-}
-declare const Labelled: React.SFC<ILabelledProps>;
-export default Labelled;
-export declare function helpTextID(id: string): string;
+import * as React from 'react';
+export interface ILabelledProps {
+    id: string;
+    label: string;
+    error?: Error | boolean | string;
+    disabled?: boolean;
+    focused?: boolean;
+    helpText?: React.ReactNode;
+    children?: React.ReactNode;
+    labelHidden?: boolean;
+}
+declare const Labelled: React.FC<ILabelledProps>;
+export default Labelled;
+export declare function helpTextID(id: string): string;

package/lib/src/components/Labelled/Labelled.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var React = tslib_1.__importStar(require("react"));
+var Icon_1 = tslib_1.__importDefault(require("../Icon/Icon"));
+var Label_1 = tslib_1.__importDefault(require("../Label/Label"));
+var styles = tslib_1.__importStar(require("./Labelled.module.scss"));
+var Labelled = function (_a) {
+    var id = _a.id, label = _a.label, error = _a.error, helpText = _a.helpText, disabled = _a.disabled, children = _a.children, focused = _a.focused, labelHidden = _a.labelHidden, props = tslib_1.__rest(_a, ["id", "label", "error", "helpText", "disabled", "children", "focused", "labelHidden"]);
+    var _b, _c;
+    var className = classnames_1.default(labelHidden && styles['hidden'], styles['LabelContainer'], (_b = {},
+        _b[styles['Focus']] = focused,
+        _b), (_c = {},
+        _c[styles['Disabled']] = disabled,
+        _c));
+    var helpTextHTML = helpText ? (React.createElement("div", { className: styles['HelpText'], id: helpTextID(id) }, helpText)) : null;
+    var errorHTML = error && typeof error !== 'boolean' && (React.createElement("div", { className: styles['Error'] },
+        React.createElement("span", { className: styles['ErrorIcon'] },
+            React.createElement(Icon_1.default, { source: "exclamation", size: 10, color: "N000" })),
+        error));
+    var labelMarkup = label ? (React.createElement("div", { className: styles['LabelWrapper'] },
+        React.createElement(Label_1.default, tslib_1.__assign({ id: id }, props, { hidden: false }), label))) : null;
+    return (React.createElement("div", { className: className },
+        labelMarkup,
+        children,
+        errorHTML,
+        helpTextHTML));
+};
+exports.default = Labelled;
+function helpTextID(id) {
+    return id + "HelpText";
+}
+exports.helpTextID = helpTextID;
+//# sourceMappingURL=Labelled.js.map

package/lib/src/components/Labelled/Labelled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Labelled.js","sourceRoot":"","sources":["../../../../src/components/Labelled/Labelled.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,8DAAgC;AAChC,iEAAmC;AACnC,qEAAiD;AAqBjD,IAAM,QAAQ,GAA8B,UAAC,EAU5C;IATC,IAAA,UAAE,EACF,gBAAK,EACL,gBAAK,EACL,sBAAQ,EACR,sBAAQ,EACR,sBAAQ,EACR,oBAAO,EACP,4BAAW,EACX,kHAAQ;;IAER,IAAM,SAAS,GAAG,oBAAU,CAC1B,WAAW,IAAI,MAAM,CAAC,QAAQ,CAAC,EAC/B,MAAM,CAAC,gBAAgB,CAAC;QAEtB,GAAC,MAAM,CAAC,OAAO,CAAC,IAAG,OAAO;;QAG1B,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,QAAQ;YAEjC,CAAC;IAEF,IAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,CAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,UAAU,CAAC,EAAE,CAAC,IACnD,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,IAAM,SAAS,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,SAAS,IAAI,CACvD,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC;QAC7B,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC;YAClC,oBAAC,cAAI,IAAC,MAAM,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,CAC/C;QACN,KAAK,CACF,CACP,CAAC;IAEF,IAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAC1B,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;QACpC,oBAAC,eAAK,qBAAC,EAAE,EAAE,EAAE,IAAM,KAAK,IAAE,MAAM,EAAE,KAAK,KACpC,KAAK,CACA,CACJ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,WAAW;QACX,QAAQ;QACR,SAAS;QACT,YAAY,CACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC;AAExB,SAAgB,UAAU,CAAC,EAAU;IACnC,OAAU,EAAE,aAAU,CAAC;AACzB,CAAC;AAFD,gCAEC"}

package/lib/src/components/Labelled/index.d.ts

@@ -1 +1 @@
-export { default as Labelled } from './Labelled';
+export { default as Labelled } from './Labelled';

package/lib/src/components/Labelled/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Labelled_1 = require("./Labelled");
+exports.Labelled = Labelled_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Labelled/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Labelled/index.ts"],"names":[],"mappings":";;AAAA,uCAAiD;AAAxC,8BAAA,OAAO,CAAY"}

package/lib/src/components/Link/Link.d.ts

@@ -1,7 +1,8 @@
-import * as React from 'react';
-interface ILinkProps {
-    url: string;
-    size?: number;
-}
-declare const Link: React.SFC<ILinkProps>;
-export default Link;
+import * as React from 'react';
+interface ILinkProps {
+    url: string;
+    size?: number;
+    children: React.ReactNode;
+}
+declare const Link: React.FC<ILinkProps>;
+export default Link;