@gobizweb/core 0.0.7

package/lib/components/Box/index.js

@@ -0,0 +1,51 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = void 0;
+var React = __importStar(require("react"));
+var withStyles_1 = require("../../decorators/withStyles");
+exports.Box = withStyles_1.withStyles(function (_a) {
+    var _b = _a.as, as = _b === void 0 ? "div" : _b, other = __rest(_a, ["as"]);
+    var Component = as;
+    return React.createElement(Component, __assign({}, other));
+});

package/lib/components/Breakpoint/Breakpoint.component.js

@@ -0,0 +1,63 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breakpoint = void 0;
+var React = __importStar(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+var constants_1 = require("../../constants");
+var BreakpointEl = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: block;\n\n  ", "\n\n  ", "\n"], ["\n  display: block;\n\n  ",
+    "\n\n  ",
+    "\n"])), function (props) {
+    return props.medium && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", " {\n        display: ", ";\n      }\n\n      ", " {\n        display: ", ";\n      }\n    "], ["\n      ", " {\n        display: ", ";\n      }\n\n      ", " {\n        display: ", ";\n      }\n    "])), constants_1.MediaQueries.screen.medium.minWidth, props.up ? "block" : "none", constants_1.MediaQueries.screen.medium.maxWidth, props.up ? "none" : "block");
+}, function (props) {
+    return props.large && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", " {\n        display: ", ";\n      }\n\n      ", " {\n        display: ", ";\n      }\n    "], ["\n      ", " {\n        display: ", ";\n      }\n\n      ", " {\n        display: ", ";\n      }\n    "])), constants_1.MediaQueries.screen.large.minWidth, props.up ? "block" : "none", constants_1.MediaQueries.screen.large.maxWidth, props.up ? "none" : "block");
+});
+exports.Breakpoint = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return React.createElement(BreakpointEl, __assign({}, props), children);
+};
+var templateObject_1, templateObject_2, templateObject_3;

package/lib/components/Breakpoint/index.js

@@ -0,0 +1,13 @@
+"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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Breakpoint.component"), exports);

package/lib/components/Button/Button.js

@@ -0,0 +1,109 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var React = __importStar(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+var withStyles_1 = require("../../decorators/withStyles");
+var Loading_1 = require("../Loading");
+var ButtonEl = styled_components_1.default.button(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border: none;\n  border-radius: ", "px;\n  color: white;\n  cursor: pointer;\n  display: inline-flex;\n  font-size: ", ";\n  font-weight: ", ";\n  height: 40px;\n  min-height: 40px;\n  padding: 0 1rem;\n  outline: none;\n  transition: all 0.2s ease-in-out;\n\n  ", "\n\n  ", "\n\n    ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n  \n  ", "\n  \n  ", "\n  \n  ", "\n\n  ", "\n  \n  ", "\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border: none;\n  border-radius: ", "px;\n  color: white;\n  cursor: pointer;\n  display: inline-flex;\n  font-size: ", ";\n  font-weight: ", ";\n  height: 40px;\n  min-height: 40px;\n  padding: 0 1rem;\n  outline: none;\n  transition: all 0.2s ease-in-out;\n\n  ",
+    "\n\n  ",
+    "\n\n    ",
+    "\n\n  ",
+    "\n\n  ",
+    "\n\n  ",
+    "\n\n  ",
+    "\n  \n  ",
+    "\n  \n  ",
+    "\n  \n  ",
+    "\n\n  ",
+    "\n  \n  ",
+    "\n"])), function (p) { return p.theme.colors.background.primary; }, function (p) { return p.theme.dimension.borderRadius[0]; }, function (p) { return p.theme.text.size.normal; }, function (p) { return p.theme.text.fontWeight.demi; }, function (props) {
+    return props.loading && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      cursor: none;\n      pointer-events: none;\n    "], ["\n      cursor: none;\n      pointer-events: none;\n    "])));
+}, function (props) {
+    return props.stretch && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      width: 100%;\n    "], ["\n      width: 100%;\n    "])));
+}, function (props) {
+    return props.size === "xs" && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      font-size: ", ";\n      height: 24px;\n      min-height: 24px;\n      padding: 0 ", "px;\n    "], ["\n      font-size: ", ";\n      height: 24px;\n      min-height: 24px;\n      padding: 0 ", "px;\n    "])), function (p) { return p.theme.text.size.medium; }, function (p) { return p.theme.dimension.spacing.s; });
+}, function (props) {
+    return props.size === "s" && styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      font-size: ", ";\n      height: 32px;\n      min-height: 32px;\n    "], ["\n      font-size: ", ";\n      height: 32px;\n      min-height: 32px;\n    "])), function (p) { return p.theme.text.size.medium; });
+}, function (props) {
+    return props.secondary && styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background-color: transparent;\n      border: none;\n      color: ", ";\n    "], ["\n      background-color: transparent;\n      border: none;\n      color: ", ";\n    "])), props.theme.colors.text.primary);
+}, function (props) {
+    return props.nude && styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      background-color: transparent;\n      border: none;\n      color: ", ";\n    "], ["\n      background-color: transparent;\n      border: none;\n      color: ", ";\n    "])), props.theme.colors.text.primary);
+}, function (props) {
+    return props.outline && styled_components_1.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      background-color: transparent;\n      border: 1px solid ", ";\n      color: ", ";\n      :hover {\n        background-color: ", ";\n        color: #fff;\n      }\n    "], ["\n      background-color: transparent;\n      border: 1px solid ", ";\n      color: ", ";\n      :hover {\n        background-color: ", ";\n        color: #fff;\n      }\n    "])), props.theme.colors.background.primary, props.theme.colors.text.primary, props.theme.colors.background.primary);
+}, function (props) {
+    return props.error && styled_components_1.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), props.theme.colors.background.danger);
+}, function (props) {
+    return props.error &&
+        props.outline && styled_components_1.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      background-color: transparent;\n      border: 1px solid ", ";\n      color: ", ";\n    "], ["\n      background-color: transparent;\n      border: 1px solid ", ";\n      color: ", ";\n    "])), props.theme.colors.background.danger, props.theme.colors.text.danger);
+}, function (props) {
+    return props.warning && styled_components_1.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), props.theme.colors.background.warning);
+}, function (props) {
+    return props.warning &&
+        props.outline && styled_components_1.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      background-color: transparent;\n      color: ", ";\n      border-color: ", ";\n    "], ["\n      background-color: transparent;\n      color: ", ";\n      border-color: ", ";\n    "])), props.theme.colors.text.warning, props.theme.colors.background.warning);
+}, function (props) {
+    return props.disabled && styled_components_1.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n      pointer-events: none;\n    "], ["\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n      pointer-events: none;\n    "])), props.theme.colors.background.disabled, props.theme.colors.text.disabled, props.theme.colors.text.disabled);
+});
+var ButtonContentWrapperEl = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  align-items: center;\n  display: inline-flex;\n  margin-left: auto;\n  margin-right: auto;\n  white-space: nowrap;\n\n  ", "\n"], ["\n  align-items: center;\n  display: inline-flex;\n  margin-left: auto;\n  margin-right: auto;\n  white-space: nowrap;\n\n  ",
+    "\n"])), function (p) {
+    return p.iconAlign === "right" && styled_components_1.css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      flex-direction: row-reverse;\n    "], ["\n      flex-direction: row-reverse;\n    "])));
+});
+var IconWrapperEl = styled_components_1.default.span(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  margin-right: 8px;\n  min-height: 14px;\n  min-width: 14px;\n\n  ", "\n"], ["\n  align-items: center;\n  display: flex;\n  margin-right: 8px;\n  min-height: 14px;\n  min-width: 14px;\n\n  ",
+    "\n"])), function (p) {
+    return p.iconAlign === "right" && styled_components_1.css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      margin-left: 8px;\n      margin-right: 0;\n    "], ["\n      margin-left: 8px;\n      margin-right: 0;\n    "])));
+});
+exports.Button = withStyles_1.withStyles(function (_a) {
+    var children = _a.children, icon = _a.icon, iconAlign = _a.iconAlign, _b = _a.type, type = _b === void 0 ? "button" : _b, loading = _a.loading, other = __rest(_a, ["children", "icon", "iconAlign", "type", "loading"]);
+    var secondaryLoading = !other.outline && !other.secondary && !other.nude;
+    var content = loading ? (React.createElement(Loading_1.Loading, { noMargin: true, secondary: secondaryLoading })) : (React.createElement(React.Fragment, null,
+        icon && React.createElement(IconWrapperEl, { iconAlign: iconAlign }, icon),
+        children));
+    return (React.createElement(ButtonEl, __assign({}, other, { type: type }),
+        React.createElement(ButtonContentWrapperEl, { iconAlign: iconAlign }, content)));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;

package/lib/components/Button/index.js

@@ -0,0 +1,13 @@
+"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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Button"), exports);

package/lib/components/Card/Card.js

@@ -0,0 +1,75 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardActionItem = exports.CardActions = exports.CardTitle = exports.CardHeader = exports.CardFooter = exports.CardBody = exports.Card = void 0;
+var React = __importStar(require("react"));
+var withStyles_1 = require("../../decorators/withStyles");
+var Card_styled_1 = require("./Card.styled");
+exports.Card = withStyles_1.withStyles(function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(Card_styled_1.CardEl, __assign({ className: className }, props), children));
+});
+exports.CardBody = withStyles_1.withStyles(function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(Card_styled_1.CardBodyEl, __assign({ className: className }, props), children));
+});
+exports.CardFooter = withStyles_1.withStyles(function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(Card_styled_1.CardFooterEl, __assign({ className: className }, props), children));
+});
+exports.CardHeader = withStyles_1.withStyles(function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(Card_styled_1.CardHeaderEl, __assign({ className: className }, props), children));
+});
+exports.CardTitle = function (_a) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    return (React.createElement(Card_styled_1.CardTitleEl, __assign({ className: className }, other), children));
+};
+exports.CardActions = function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(Card_styled_1.CardActionEl, __assign({ className: className }, props), children));
+};
+exports.CardActionItem = function (_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(Card_styled_1.CardActionItemEl, __assign({ className: className }, props), children));
+};

package/lib/components/Card/Card.styled.js

@@ -0,0 +1,60 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardActionItemEl = exports.CardActionEl = exports.CardFooterEl = exports.CardBodyEl = exports.CardTitleEl = exports.CardHeaderEl = exports.CardEl = void 0;
+var MediaQueries_1 = require("../..//constants/MediaQueries");
+var styled_components_1 = __importStar(require("styled-components"));
+exports.CardEl = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (props) {
+    return props && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background: ", ";\n      border-radius: ", "px;\n      box-shadow: 0 0 10px 0 rgba(9, 13, 22, 0.1);\n      margin-bottom: ", "px;\n      overflow: hidden;\n      position: relative;\n    "], ["\n      background: ", ";\n      border-radius: ", "px;\n      box-shadow: 0 0 10px 0 rgba(9, 13, 22, 0.1);\n      margin-bottom: ", "px;\n      overflow: hidden;\n      position: relative;\n    "])), props.theme.colors.background.white, props.theme.dimension.borderRadius[2], props.theme.dimension.spacing.l);
+});
+exports.CardHeaderEl = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (props) {
+    return props && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      align-items: center;\n      border-bottom: 1px solid #e9ecef;\n      display: flex;\n      justify-content: space-between;\n    "], ["\n      align-items: center;\n      border-bottom: 1px solid #e9ecef;\n      display: flex;\n      justify-content: space-between;\n    "])));
+});
+exports.CardTitleEl = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (props) {
+    return props && styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      width: auto;\n      align-items: center;\n      color: currentColor;\n      display: flex;\n      font-weight: 400;\n      margin: 0;\n      overflow: hidden;\n      padding: 0 ", "px;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      width: 100%;\n      font-family: \"Maison Neue\", sans-serif;\n      font-weight: 600;\n      font-size: 18px;\n      min-height: 52px;\n    "], ["\n      width: auto;\n      align-items: center;\n      color: currentColor;\n      display: flex;\n      font-weight: 400;\n      margin: 0;\n      overflow: hidden;\n      padding: 0 ", "px;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      width: 100%;\n      font-family: \"Maison Neue\", sans-serif;\n      font-weight: 600;\n      font-size: 18px;\n      min-height: 52px;\n    "])), props.theme.dimension.spacing.l);
+});
+exports.CardBodyEl = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (props) {
+    return props && styled_components_1.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      padding: ", "px;\n      position: relative;\n\n      ", "\n\n      :before,\n      :after {\n        content: \" \";\n        display: table;\n      }\n\n      :after {\n        clear: both;\n      }\n    "], ["\n      padding: ", "px;\n      position: relative;\n\n      ",
+        "\n\n      :before,\n      :after {\n        content: \" \";\n        display: table;\n      }\n\n      :after {\n        clear: both;\n      }\n    "])), props.theme.dimension.spacing.l, props.noPadding && styled_components_1.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        padding: 0;\n      "], ["\n        padding: 0;\n      "]))));
+});
+exports.CardFooterEl = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (props) {
+    return props && styled_components_1.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      padding: ", "px;\n      position: relative;\n      border-top: 1px solid rgb(230, 233, 239);\n\n      ", "\n\n      :before,\n      :after {\n        content: \" \";\n        display: table;\n      }\n\n      :after {\n        clear: both;\n      }\n    "], ["\n      padding: ", "px;\n      position: relative;\n      border-top: 1px solid rgb(230, 233, 239);\n\n      ",
+        "\n\n      :before,\n      :after {\n        content: \" \";\n        display: table;\n      }\n\n      :after {\n        clear: both;\n      }\n    "])), props.theme.dimension.spacing.l, props.noPadding && styled_components_1.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        padding: 0;\n      "], ["\n        padding: 0;\n      "]))));
+});
+exports.CardActionEl = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (props) {
+    return props && styled_components_1.css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      display: inline-flex;\n      font-size: 1em;\n      height: 64px;\n      justify-content: flex-end;\n    "], ["\n      display: inline-flex;\n      font-size: 1em;\n      height: 64px;\n      justify-content: flex-end;\n    "])));
+});
+exports.CardActionItemEl = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (props) {
+    return props && styled_components_1.css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      padding: 0;\n      align-content: center;\n      align-items: center;\n      border-left: 1px solid rgb(230, 233, 239);\n      color: currentColor;\n      cursor: pointer;\n      display: none;\n      height: 64px;\n      justify-content: center;\n      min-width: 64px;\n      padding: ", "px\n        ", "px;\n      position: relative;\n      text-align: center;\n      vertical-align: middle;\n\n      &:hover,\n      &:active {\n        background: #e9ecef;\n      }\n\n      ", "\n\n      ", " {\n        padding: 0 ", "px;\n      }\n    "], ["\n      padding: 0;\n      align-content: center;\n      align-items: center;\n      border-left: 1px solid rgb(230, 233, 239);\n      color: currentColor;\n      cursor: pointer;\n      display: none;\n      height: 64px;\n      justify-content: center;\n      min-width: 64px;\n      padding: ", "px\n        ", "px;\n      position: relative;\n      text-align: center;\n      vertical-align: middle;\n\n      &:hover,\n      &:active {\n        background: #e9ecef;\n      }\n\n      ",
+        "\n\n      ", " {\n        padding: 0 ", "px;\n      }\n    "])), props.theme.dimension.spacing.s, props.theme.dimension.spacing.l, props.persistent && styled_components_1.css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        display: flex;\n        width: auto;\n      "], ["\n        display: flex;\n        width: auto;\n      "]))), MediaQueries_1.MediaQueries.screen.medium.minWidth, function (props) { return props.theme.dimension.spacing.l; });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;

package/lib/components/Card/index.js

@@ -0,0 +1,13 @@
+"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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Card"), exports);

package/lib/components/CardList/CardList.component.js

@@ -0,0 +1,55 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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.CardListViewContent = exports.CardListViewLabel = exports.CardListView = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var react_router_dom_1 = require("react-router-dom");
+var ItemWrapperEl = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-bottom: 1px solid rgb(230, 233, 239);\n  display: block;\n  padding: 16px;\n\n  &:last-child {\n    border-bottom: none;\n  }\n"], ["\n  border-bottom: 1px solid rgb(230, 233, 239);\n  display: block;\n  padding: 16px;\n\n  &:last-child {\n    border-bottom: none;\n  }\n"])));
+var ItemWrapperLinkEl = styled_components_1.default(function (props) { return react_1.default.createElement(react_router_dom_1.Link, __assign({}, props)); })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-bottom: 1px solid rgb(230, 233, 239);\n  display: block;\n  padding: 16px;\n\n  &:last-child {\n    border-bottom: none;\n  }\n"], ["\n  border-bottom: 1px solid rgb(230, 233, 239);\n  display: block;\n  padding: 16px;\n\n  &:last-child {\n    border-bottom: none;\n  }\n"])));
+var ItemLabelEl = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: rgb(31, 36, 42);\n  font-size: 12px;\n  font-weight: 300;\n  height: 16px;\n  line-height: 16px;\n  margin: 0;\n"], ["\n  color: rgb(31, 36, 42);\n  font-size: 12px;\n  font-weight: 300;\n  height: 16px;\n  line-height: 16px;\n  margin: 0;\n"])));
+var ItemContentEl = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: rgba(31, 36, 42);\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 25px;\n"], ["\n  color: rgba(31, 36, 42);\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 25px;\n"])));
+exports.CardListView = function (_a) {
+    var to = _a.to, children = _a.children, props = __rest(_a, ["to", "children"]);
+    if (to) {
+        return (react_1.default.createElement(ItemWrapperLinkEl, __assign({ to: to }, props), children));
+    }
+    return react_1.default.createElement(ItemWrapperEl, __assign({}, props), children);
+};
+exports.CardListViewLabel = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (react_1.default.createElement(ItemLabelEl, __assign({}, props), children));
+};
+exports.CardListViewContent = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (react_1.default.createElement(ItemContentEl, __assign({}, props), children));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/lib/components/CardList/index.js

@@ -0,0 +1,13 @@
+"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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CardList.component"), exports);

package/lib/components/Checkbox/Checkbox.js

@@ -0,0 +1,60 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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.Checkbox = void 0;
+var React = __importStar(require("react"));
+var Box_1 = require("../../components/Box");
+var helpers_1 = require("../../helpers");
+var checkbox_1 = __importDefault(require("@asphalt-react/checkbox"));
+exports.Checkbox = function (_a) {
+    var _b = _a.align, align = _b === void 0 ? "left" : _b, _c = _a.id, id = _c === void 0 ? helpers_1.shortID() : _c, label = _a.label, props = __rest(_a, ["align", "id", "label"]);
+    var LabelEl = function () {
+        return React.createElement(Box_1.Box, { alignSelfCenter: true }, label);
+    };
+    return (React.createElement(Box_1.Box, { flex: true, justifyBetween: align === "right", "data-testid": "checkbox" },
+        align === "right" && React.createElement(LabelEl, null),
+        React.createElement(checkbox_1.default, __assign({}, props, { id: id, label: align === "left" ? label : "" }))));
+};

package/lib/components/Checkbox/index.js

@@ -0,0 +1,13 @@
+"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" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Checkbox"), exports);