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

package/lib/src/components/Box/Box.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+var styled_components_2 = require("styled-components");
+var styled_system_1 = require("styled-system");
+var DEFAULT_BREAKPOINTS = {
+    xs: 0,
+    sm: 576,
+    md: 768,
+    lg: 992,
+    xl: 1200,
+};
+var theme = {
+    breakpoints: DEFAULT_BREAKPOINTS,
+    space: [0, 4, 8, 16, 24, 32, 40, 64, 128, 256, 512],
+};
+var Box = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), styled_system_1.space, styled_system_1.width);
+Box.propTypes = tslib_1.__assign({}, styled_system_1.space.propTypes, styled_system_1.width.propTypes);
+Box.displayName = 'Box';
+var ThemedBox = function (props) {
+    return (React.createElement(styled_components_2.ThemeProvider, { theme: theme },
+        React.createElement(Box, tslib_1.__assign({}, props), props.children)));
+};
+exports.default = ThemedBox;
+var templateObject_1;
+//# sourceMappingURL=Box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,gFAAuC;AACvC,uDAAkD;AAClD,+CAAoD;AAsBpD,IAAM,mBAAmB,GAAG;IAC1B,EAAE,EAAE,CAAC;IAEL,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;CACT,CAAC;AAEF,IAAM,KAAK,GAAG;IACZ,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;CACpD,CAAC;AAEF,IAAM,GAAG,GAAG,2BAAM,CAAC,GAAG,+FAAA,MAClB,EAAK,MACL,EAAK,IACR,KAFG,qBAAK,EACL,qBAAK,CACR,CAAC;AAGF,GAAG,CAAC,SAAS,wBACR,qBAAK,CAAC,SAAS,EACf,qBAAK,CAAC,SAAS,CACnB,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,IAAM,SAAS,GAA6C,UAAA,KAAK;IAC/D,OAAO,CACL,oBAAC,iCAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,GAAG,uBAAK,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAO,CACxB,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Box/index.ts"],"names":[],"mappings":";;AAAA,6BAAuC;AAA9B,oBAAA,OAAO,CAAO"}

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

@@ -1,14 +1,14 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("@material-ui/core/Box/Box").BoxProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const WithCard: () => JSX.Element;
-export declare const WithRowAndCol: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("@material-ui/core/Box/Box").BoxProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const WithCard: () => JSX.Element;
+export declare const WithRowAndCol: () => JSX.Element;

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

@@ -1,14 +1,14 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("@material-ui/core/Box/Box").BoxProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Basic: () => JSX.Element;
-export declare const Responsive: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("@material-ui/core/Box/Box").BoxProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const Responsive: () => JSX.Element;

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

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

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

@@ -1,10 +1,10 @@
-import * as React from 'react';
-export declare type BreadcrumbItem = {
-    text: string;
-    href: string;
-};
-export interface IBreadcrumbsProps {
-    items: BreadcrumbItem[];
-}
-declare const Breadcrumb: React.FC<IBreadcrumbsProps>;
-export default Breadcrumb;
+import * as React from 'react';
+export declare type BreadcrumbItem = {
+    text: string;
+    href: string;
+};
+export interface IBreadcrumbsProps {
+    items: BreadcrumbItem[];
+}
+declare const Breadcrumb: React.FC<IBreadcrumbsProps>;
+export default Breadcrumb;

package/lib/src/components/Breadcrumb/Breadcrumb.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"breadcrumbs">;
-export default useStyles;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"breadcrumbs">;
+export default useStyles;

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

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

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

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

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

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

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

@@ -1,22 +1,22 @@
-import * as React from 'react';
-export interface IButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    children?: React.ReactNode;
-    plain?: boolean;
-    primary?: boolean;
-    success?: boolean;
-    danger?: boolean;
-    secondary?: boolean;
-    subtle?: boolean;
-    disabled?: boolean;
-    outline?: boolean;
-    tabbed?: boolean;
-    loading?: boolean;
-    fullWidth?: boolean;
-    size?: 'small' | 'medium' | 'large' | 'xlarge';
-    type?: 'button' | 'submit' | 'reset' | undefined;
-    ariaLabel?: string;
-    startIcon?: React.ReactNode;
-    onClick?(event?: any): void;
-}
-declare const Button: React.SFC<IButtonProps>;
-export default Button;
+import * as React from 'react';
+export interface IButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    children?: React.ReactNode;
+    plain?: boolean;
+    primary?: boolean;
+    success?: boolean;
+    danger?: boolean;
+    secondary?: boolean;
+    subtle?: boolean;
+    disabled?: boolean;
+    outline?: boolean;
+    tabbed?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+    size?: 'small' | 'medium' | 'large' | 'xlarge';
+    type?: 'button' | 'submit' | 'reset' | undefined;
+    ariaLabel?: string;
+    startIcon?: React.ReactNode;
+    onClick?(event?: any): void;
+}
+declare const Button: React.FC<IButtonProps>;
+export default Button;

package/lib/src/components/Button/Button.js

@@ -0,0 +1,21 @@
+"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("./Button.module.scss"));
+var Button = function (_a) {
+    var primary = _a.primary, success = _a.success, danger = _a.danger, _b = _a.disabled, disabled = _b === void 0 ? false : _b, fullWidth = _a.fullWidth, outline = _a.outline, size = _a.size, onClick = _a.onClick, children = _a.children, _c = _a.type, type = _c === void 0 ? 'button' : _c;
+    var _d, _e, _f, _g, _h, _j, _k, _l;
+    var classNames = classnames_1.default(styles['Button'], (_d = {}, _d[styles['primary']] = primary, _d), (_e = {}, _e[styles['danger']] = danger, _e), (_f = {}, _f[styles['success']] = success, _f), (_g = {}, _g[styles['disabled']] = disabled, _g), (_h = {}, _h[styles['fullWidth']] = fullWidth, _h), (_j = {}, _j[styles['outline']] = outline, _j), (_k = {}, _k[styles['sm']] = size === 'sm', _k), (_l = {}, _l[styles['lg']] = size === 'lg', _l));
+    var handleClick = function (e) {
+        if (onClick) {
+            onClick(e);
+        }
+    };
+    return (React.createElement("button", { type: type, className: classNames, onClick: handleClick, disabled: disabled },
+        React.createElement("span", { className: "" },
+            React.createElement("span", null, children))));
+};
+exports.default = Button;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,mEAA+C;AAiB/C,IAAM,MAAM,GAA4B,UAAC,EAWxC;QAVC,oBAAO,EACP,oBAAO,EACP,kBAAM,EACN,gBAAgB,EAAhB,qCAAgB,EAChB,wBAAS,EACT,oBAAO,EACP,cAAI,EACJ,oBAAO,EACP,sBAAQ,EACR,YAAe,EAAf,oCAAe;;IAEf,IAAM,UAAU,GAAG,oBAAU,CAC3B,MAAM,CAAC,QAAQ,CAAC,YACd,GAAC,MAAM,CAAC,SAAS,CAAC,IAAG,OAAO,iBAC5B,GAAC,MAAM,CAAC,QAAQ,CAAC,IAAG,MAAM,iBAC1B,GAAC,MAAM,CAAC,SAAS,CAAC,IAAG,OAAO,iBAC5B,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,QAAQ,iBAC9B,GAAC,MAAM,CAAC,WAAW,CAAC,IAAG,SAAS,iBAChC,GAAC,MAAM,CAAC,SAAS,CAAC,IAAG,OAAO,iBAC5B,GAAC,MAAM,CAAC,IAAI,CAAC,IAAG,IAAI,KAAK,IAAI,iBAC7B,GAAC,MAAM,CAAC,IAAI,CAAC,IAAG,IAAI,KAAK,IAAI,MAChC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAA,CAAC;QACnB,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;IACH,CAAC,CAAC;IAEF,OAAO,CACL,gCAAQ,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ;QACjF,8BAAM,SAAS,EAAC,EAAE;YAChB,kCAAO,QAAQ,CAAQ,CAClB,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/lib/src/components/Button/Button.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"button" | "container" | "iconLeft">;
-export default useStyles;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"button" | "container" | "iconLeft">;
+export default useStyles;

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

@@ -1,14 +1,14 @@
-import React from 'react';
-import { IButtonProps } from '../Button';
-declare const _default: {
-    title: string;
-    component: React.SFC<IButtonProps>;
-    parameters: {
-        jest: string[];
-    };
-};
-export default _default;
-export declare const sizes: () => JSX.Element;
-export declare const fullWidth: () => JSX.Element;
-export declare const disabledState: () => JSX.Element;
-export declare const loadingState: () => JSX.Element;
+import React from 'react';
+import { IButtonProps } from '../Button';
+declare const _default: {
+    title: string;
+    component: React.FC<IButtonProps>;
+    parameters: {
+        jest: string[];
+    };
+};
+export default _default;
+export declare const sizes: () => JSX.Element;
+export declare const fullWidth: () => JSX.Element;
+export declare const disabledState: () => JSX.Element;
+export declare const loadingState: () => JSX.Element;

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

@@ -1,25 +1,25 @@
-import React from 'react';
-import { IButtonProps } from '../Button';
-declare const _default: {
-    title: string;
-    component: React.SFC<IButtonProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const basic: () => JSX.Element;
-export declare const test: () => JSX.Element;
-export declare const primary: () => JSX.Element;
-export declare const secondary: () => JSX.Element;
-export declare const danger: () => JSX.Element;
-export declare const success: () => JSX.Element;
-export declare const disabled: () => JSX.Element;
-export declare const outlineButton: () => JSX.Element;
-export declare const subtle: () => JSX.Element;
-export declare const tabbed: () => JSX.Element;
-export declare const startIcon: () => JSX.Element;
-export declare const loading: () => JSX.Element;
+import React from 'react';
+import { IButtonProps } from '../Button';
+declare const _default: {
+    title: string;
+    component: React.FC<IButtonProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const basic: () => JSX.Element;
+export declare const test: () => JSX.Element;
+export declare const primary: () => JSX.Element;
+export declare const secondary: () => JSX.Element;
+export declare const danger: () => JSX.Element;
+export declare const success: () => JSX.Element;
+export declare const disabled: () => JSX.Element;
+export declare const outlineButton: () => JSX.Element;
+export declare const subtle: () => JSX.Element;
+export declare const tabbed: () => JSX.Element;
+export declare const startIcon: () => JSX.Element;
+export declare const loading: () => JSX.Element;

package/lib/src/components/Button/tests/Button.test.js

@@ -0,0 +1,7 @@
+"use strict";
+describe('<Button />', function () {
+    it('it should pass', function () {
+        var passed = true;
+    });
+});
+//# sourceMappingURL=Button.test.js.map

package/lib/src/components/Button/tests/Button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../../src/components/Button/tests/Button.test.tsx"],"names":[],"mappings":";AAAA,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,gBAAgB,EAAE;QACnB,IAAM,MAAM,GAAG,IAAI,CAAC;IACtB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import { CalendarProps } from 'react-calendar';
-import 'react-calendar/dist/Calendar.css';
-interface AgileProps {
-    onClick?: any;
-}
-declare type AgileCalendarProps = CalendarProps & AgileProps;
-declare const Calendar: React.FC<AgileCalendarProps>;
-export default Calendar;
+import React from 'react';
+import { CalendarProps } from 'react-calendar';
+import 'react-calendar/dist/Calendar.css';
+interface AgileProps {
+    onClick?: any;
+}
+declare type AgileCalendarProps = CalendarProps & AgileProps;
+declare const Calendar: React.FC<AgileCalendarProps>;
+export default Calendar;

package/lib/src/components/Calendar/Calendar.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "rootRange">;
-export default useStyles;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "rootRange">;
+export default useStyles;

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

@@ -1,16 +1,16 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<any>;
-    decorators: ((...args: any) => any)[];
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Default: React.FC;
-export declare const Range: React.FC;
-export declare const Month: React.FC;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<any>;
+    decorators: ((...args: any) => any)[];
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: React.FC;
+export declare const Range: React.FC;
+export declare const Month: React.FC;

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

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { BoxProps } from '@material-ui/core';
-export interface ICardProp extends BoxProps {
-    children?: React.ReactNode;
-    header?: React.ReactNode;
-    body?: React.ReactNode;
-    footer?: React.ReactNode;
-    title?: string;
-    icon?: React.ReactNode;
-    customColor?: string;
-    actions?: React.ReactNode;
-    elevation?: number;
-}
-declare const Card: React.FC<ICardProp>;
-export default Card;
+import * as React from 'react';
+import { BoxProps } from '@material-ui/core';
+export interface ICardProp extends BoxProps {
+    children?: React.ReactNode;
+    header?: React.ReactNode;
+    body?: React.ReactNode;
+    footer?: React.ReactNode;
+    title?: string;
+    icon?: React.ReactNode;
+    customColor?: string;
+    actions?: React.ReactNode;
+    elevation?: number;
+}
+declare const Card: React.FC<ICardProp>;
+export default Card;

package/lib/src/components/Card/Card.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 styles = tslib_1.__importStar(require("./Card.module.scss"));
+var Box_1 = require("../Box");
+var CardBody_1 = require("./components/CardBody");
+var CardFooter_1 = require("./components/CardFooter");
+var CardHeader_1 = require("./components/CardHeader");
+var Card = (function (_super) {
+    tslib_1.__extends(Card, _super);
+    function Card() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Card.prototype.renderCardHeader = function () {
+        var title = this.props.title;
+        return (title && (React.createElement(Card.Header, null,
+            React.createElement("p", { className: styles['title-header'] }, title))));
+    };
+    Card.prototype.render = function () {
+        var children = this.props.children;
+        return (React.createElement(Box_1.Box, tslib_1.__assign({}, this.props),
+            React.createElement("div", { className: classnames_1.default(styles['Card'], 'card') },
+                this.renderCardHeader(),
+                children)));
+    };
+    Card.defaultProps = { width: 1 };
+    Card.Header = CardHeader_1.CardHeader;
+    Card.Footer = CardFooter_1.CardFooter;
+    Card.Body = CardBody_1.CardBody;
+    return Card;
+}(React.Component));
+exports.default = Card;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAC/B,iEAA6C;AAE7C,8BAA6B;AAE7B,kDAAiD;AACjD,sDAAqD;AACrD,sDAAqD;AAOrD;IAAmB,gCAA8B;IAAjD;;IA6BA,CAAC;IAtBQ,+BAAgB,GAAvB;QACU,IAAA,wBAAK,CAAgB;QAC7B,OAAO,CACL,KAAK,IAAI,CACP,oBAAC,IAAI,CAAC,MAAM;YACV,2BAAG,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,IAAG,KAAK,CAAK,CACrC,CACf,CACF,CAAC;IACJ,CAAC;IAEM,qBAAM,GAAb;QACU,IAAA,8BAAQ,CAAgB;QAChC,OAAO,CACL,oBAAC,SAAG,uBAAK,IAAI,CAAC,KAAK;YACjB,6BAAK,SAAS,EAAE,oBAAU,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;gBAC/C,IAAI,CAAC,gBAAgB,EAAE;gBACvB,QAAQ,CACL,CACF,CACP,CAAC;IACJ,CAAC;IA3Ba,iBAAY,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAC5B,WAAM,GAAG,uBAAU,CAAC;IACpB,WAAM,GAAG,uBAAU,CAAC;IACpB,SAAI,GAAG,mBAAQ,CAAC;IAyBhC,WAAC;CAAA,AA7BD,CAAmB,KAAK,CAAC,SAAS,GA6BjC;AAED,kBAAe,IAAI,CAAC"}

package/lib/src/components/Card/Card.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"card" | "cardHeader" | "cardHeaderContainer" | "cardHeaderContent" | "cardHeaderTitle" | "cardHeaderIcon" | "cardTitle" | "cardBody" | "cardFooter" | "elevation1" | "elevation2" | "elevation3" | "elevation4" | "elevation5">;
-export default useStyles;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"card" | "cardHeader" | "cardHeaderContainer" | "cardHeaderContent" | "cardHeaderTitle" | "cardHeaderIcon" | "cardTitle" | "cardBody" | "cardFooter" | "elevation1" | "elevation2" | "elevation3" | "elevation4" | "elevation5">;
+export default useStyles;

package/lib/src/components/Card/components/CardBody/CardBody.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { BoxProps } from '@material-ui/core';
+export interface ICardBody extends BoxProps {
+    children: React.ReactNode;
+}
+declare const CardBody: React.SFC<ICardBody>;
+export default CardBody;

package/lib/src/components/Card/components/CardBody/CardBody.js

@@ -0,0 +1,14 @@
+"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("../../Card.module.scss"));
+var Box_1 = require("../../../Box");
+var CardBody = function (_a) {
+    var children = _a.children, px = _a.px, py = _a.py;
+    return (React.createElement(Box_1.Box, { px: px || 5, py: py || 5 },
+        React.createElement("div", { className: classnames_1.default(styles['CardBody'], 'card-body') }, children)));
+};
+exports.default = CardBody;
+//# sourceMappingURL=CardBody.js.map

package/lib/src/components/Card/components/CardBody/CardBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBody.js","sourceRoot":"","sources":["../../../../../../src/components/Card/components/CardBody/CardBody.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAC/B,qEAAiD;AAEjD,oCAAmC;AAOnC,IAAM,QAAQ,GAAyB,UAAC,EAAoB;QAAlB,sBAAQ,EAAE,UAAE,EAAE,UAAE;IACxD,OAAO,CACL,oBAAC,SAAG,IAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC;QAC3B,6BAAK,SAAS,EAAE,oBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,IAAG,QAAQ,CAAO,CACzE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/lib/src/components/Card/components/CardBody/index.d.ts

@@ -0,0 +1 @@
+export { default as CardBody } from './CardBody';

package/lib/src/components/Card/components/CardBody/index.js

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

package/lib/src/components/Card/components/CardBody/index.js.map

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

package/lib/src/components/Card/components/CardFooter/CardFooter.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { BoxProps } from '@material-ui/core';
+export interface ICardFooter extends BoxProps {
+    children: React.ReactNode;
+}
+declare const CardFooter: React.SFC<ICardFooter>;
+export default CardFooter;

package/lib/src/components/Card/components/CardFooter/CardFooter.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var styles = tslib_1.__importStar(require("../../Card.module.scss"));
+var CardFooter = function (_a) {
+    var children = _a.children;
+    return React.createElement("div", { className: styles['CardFooter'] }, children);
+};
+exports.default = CardFooter;
+//# sourceMappingURL=CardFooter.js.map

package/lib/src/components/Card/components/CardFooter/CardFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFooter.js","sourceRoot":"","sources":["../../../../../../src/components/Card/components/CardFooter/CardFooter.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,qEAAiD;AAEjD,IAAM,UAAU,GAAc,UAAC,EAAY;QAAV,sBAAQ;IACvC,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO,CAAC;AAChE,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/lib/src/components/Card/components/CardFooter/index.d.ts

@@ -0,0 +1 @@
+export { default as CardFooter } from './CardFooter';

package/lib/src/components/Card/components/CardFooter/index.js

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

package/lib/src/components/Card/components/CardFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Card/components/CardFooter/index.ts"],"names":[],"mappings":";;AAAA,2CAAqD;AAA5C,kCAAA,OAAO,CAAc"}

package/lib/src/components/Card/components/CardHeader/CardHeader.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { BoxProps } from '@material-ui/core';
+import { IconName } from '../../../Icon/iconClass';
+export interface ICardHeader extends BoxProps {
+    children?: React.ReactNode;
+    title?: string;
+    icon?: IconName;
+    customColor?: string;
+    actions?: React.ReactNode;
+}
+declare const CardHeader: React.SFC<ICardHeader>;
+export default CardHeader;

package/lib/src/components/Card/components/CardHeader/CardHeader.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var styles = tslib_1.__importStar(require("../../Card.module.scss"));
+var Box_1 = require("../../../Box");
+var Icon_1 = require("../../../Icon");
+var CardHeader = function (_a) {
+    var children = _a.children, icon = _a.icon, title = _a.title, px = _a.px, py = _a.py, customColor = _a.customColor;
+    return (React.createElement("div", { className: styles['CardHeader'] },
+        React.createElement(Box_1.Box, { px: px || 5, py: py || 3 },
+            React.createElement("div", { className: styles['CardHeader-Container'] },
+                icon && (React.createElement("div", { className: styles['CardHeader-Icon'] },
+                    React.createElement(Icon_1.Icon, { source: icon, color: "N800", customColor: customColor, size: 22 }))),
+                title && (React.createElement("div", { className: styles['CardHeader-Title'] },
+                    React.createElement("p", null, title))),
+                React.createElement("div", null, children)))));
+};
+exports.default = CardHeader;
+//# sourceMappingURL=CardHeader.js.map

package/lib/src/components/Card/components/CardHeader/CardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../../src/components/Card/components/CardHeader/CardHeader.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,qEAAiD;AAEjD,oCAAmC;AAEnC,sCAAqC;AAUrC,IAAM,UAAU,GAA2B,UAAC,EAA8C;QAA5C,sBAAQ,EAAE,cAAI,EAAE,gBAAK,EAAE,UAAE,EAAE,UAAE,EAAE,4BAAW;IACtF,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC;QAClC,oBAAC,SAAG,IAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC;YAC3B,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;gBAC3C,IAAI,IAAI,CACP,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;oBACvC,oBAAC,WAAI,IAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,GAAI,CACnE,CACP;gBAEA,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC;oBACxC,+BAAI,KAAK,CAAK,CACV,CACP;gBACD,iCAAM,QAAQ,CAAO,CACjB,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/lib/src/components/Card/components/CardHeader/index.d.ts

@@ -0,0 +1 @@
+export { default as CardHeader } from './CardHeader';

package/lib/src/components/Card/components/CardHeader/index.js

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

package/lib/src/components/Card/components/CardHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Card/components/CardHeader/index.ts"],"names":[],"mappings":";;AAAA,2CAAqD;AAA5C,kCAAA,OAAO,CAAc"}