quicksnack 3.31.1 → 3.33.0

package/dist/components/Modal/Modal.js

@@ -1,51 +0,0 @@
-"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.Modal = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var SlideInFromTop_1 = require("../../animation/SlideInFromTop/SlideInFromTop");
-var Panel_1 = require("../Panel/Panel");
-var Box_1 = require("../Box/Box");
-var Overlay_1 = require("../Overlay/Overlay");
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  \n  display: flex;\n  align-items: center;\n  justify-content: center;\n  \n  z-index: 50;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  \n  display: flex;\n  align-items: center;\n  justify-content: center;\n  \n  z-index: 50;\n"])));
-var StyledPanel = (0, styled_components_1.default)(Panel_1.Panel)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);\n"], ["\n  box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);\n"])));
-var Content = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  line-height: ", ";\n  font-size: 15px;\n"], ["\n  line-height: ", ";\n  font-size: 15px;\n"])), function (props) { return props.theme.spacing(6); });
-var Modal = function (_a) {
-    var children = _a.children, handleClickOverlay = _a.handleClickOverlay, buttons = _a.buttons, panelProps = __rest(_a, ["children", "handleClickOverlay", "buttons"]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Overlay_1.Overlay, { onClick: handleClickOverlay }),
-        react_1.default.createElement(Wrapper, null,
-            react_1.default.createElement(SlideInFromTop_1.SlideInFromTop, null,
-                react_1.default.createElement(StyledPanel, __assign({ footer: buttons ? (react_1.default.createElement(Box_1.Box, { display: "flex", justifyContent: "flex-end" }, buttons)) : undefined }, panelProps), children && (react_1.default.createElement(Content, null, children)))))));
-};
-exports.Modal = Modal;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/Overlay/Overlay.js

@@ -1,34 +0,0 @@
-"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;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Overlay = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var delay = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    opacity: 0;\n  }    \n  100% {\n    opacity: 1;\n  }\n"], ["\n  0% {\n    opacity: 0;\n  }    \n  100% {\n    opacity: 1;\n  }\n"])));
-exports.Overlay = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;  \n  top: 0;\n  left: 0; \n  right: 0;\n  bottom: 0;\n  z-index: 10;\n  opacity: 0;\n  background-color: rgba(0,0,0,0.6);\n  animation: ", " 0.2s forwards;\n"], ["\n  position: fixed;  \n  top: 0;\n  left: 0; \n  right: 0;\n  bottom: 0;\n  z-index: 10;\n  opacity: 0;\n  background-color: rgba(0,0,0,0.6);\n  animation: ", " 0.2s forwards;\n"])), delay);
-var templateObject_1, templateObject_2;

package/dist/components/Paginator/Paginator.js

@@ -1,41 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paginator = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var useResponsiveBreakpoints_1 = require("../../responsiveness/useResponsiveBreakpoints");
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var Button = styled_components_1.default.button.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  user-select:none;\n  cursor: pointer;\n\n  min-height: ", ";\n  padding: .2em 1.3em .2em;\n  margin: 0;\n  line-height: 1em;  \n  outline: 0;\n  border: 1px solid rgba(34,36,38,.15);\n  \n  font-family: Lato, \"Helvetica Neue\", Arial, Helvetica, sans-serif;   \n  background-color: ", ";\n \n  &:not(:first-of-type) {\n    border-left: 0;\n  }\n \n  ", "      \n"], ["\n  user-select:none;\n  cursor: pointer;\n\n  min-height: ", ";\n  padding: .2em 1.3em .2em;\n  margin: 0;\n  line-height: 1em;  \n  outline: 0;\n  border: 1px solid rgba(34,36,38,.15);\n  \n  font-family: Lato, \"Helvetica Neue\", Arial, Helvetica, sans-serif;   \n  background-color: ", ";\n \n  &:not(:first-of-type) {\n    border-left: 0;\n  }\n \n  ", "      \n"])), function (props) { return props.theme.spacing(8); }, function (props) { return props.active ? '#F2F2F2' : '#fff'; }, function (props) { return !props.disabled && ("\n    &:hover {    \n      background-color: #E9E9E9;        \n    }\n  "); });
-var range = function (start, end) {
-    var nums = [];
-    for (var i = start; i < end; i++) {
-        nums.push(i);
-    }
-    return nums;
-};
-var Paginator = function (props) {
-    var isTablet = (0, useResponsiveBreakpoints_1.useResponsiveBreakpoints)().isTablet;
-    var pageCount = props.pageCount, onChange = props.onChange;
-    var currentPage = Math.min(Math.max(props.currentPage, 0), pageCount);
-    var clamSize = isTablet ? 2 : 0;
-    var clamLower = Math.max(1, currentPage - clamSize);
-    var clamUpper = Math.min(pageCount, currentPage + clamSize);
-    return (react_1.default.createElement(Wrapper, null,
-        react_1.default.createElement(Button, { "data-testid": "paginate-prev", disabled: currentPage === 1, onClick: function () { return onChange(currentPage - 1); } }, "\u27E8"),
-        clamLower > 1 && (react_1.default.createElement(Button, { "data-testid": "paginate-page-1", active: currentPage === 1, onClick: function () { return onChange(1); } }, "1")),
-        clamLower > 2 && (react_1.default.createElement(Button, { disabled: true }, "...")),
-        range(clamLower, clamUpper + 1).map(function (pageNumber) { return (react_1.default.createElement(Button, { "data-testid": "paginate-page-".concat(pageNumber), key: pageNumber, active: currentPage === pageNumber, onClick: function () { return onChange(pageNumber); } }, pageNumber)); }),
-        clamUpper < pageCount - 1 && (react_1.default.createElement(Button, { disabled: true }, "...")),
-        clamUpper < pageCount && (react_1.default.createElement(Button, { "data-testid": "paginate-page-".concat(pageCount), active: currentPage === pageCount, onClick: function () { return onChange(pageCount); } }, pageCount)),
-        react_1.default.createElement(Button, { "data-testid": "paginate-next", disabled: currentPage === pageCount, onClick: function () { return onChange(currentPage + 1); } }, "\u27E9")));
-};
-exports.Paginator = Paginator;
-var templateObject_1, templateObject_2;

package/dist/components/Panel/Panel.js

@@ -1,54 +0,0 @@
-"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;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Panel = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var Box_1 = require("../Box/Box");
-var Header_1 = require("../../typography/Header/Header");
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["       \n  background-color: ", ";\n  border-radius: 4px;\n  border: 1px solid #DEDEDF;\n  box-shadow: 0px 2px 3px rgb(0 0 0 / 6%);      \n"], ["       \n  background-color: ", ";\n  border-radius: 4px;\n  border: 1px solid #DEDEDF;\n  box-shadow: 0px 2px 3px rgb(0 0 0 / 6%);      \n"])), function (props) { return props.theme.palette.common.white; });
-var Meta = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["       \n  font-size: 12px;\n  font-style: italic;              \n"], ["       \n  font-size: 12px;\n  font-style: italic;              \n"])));
-var Title = (0, styled_components_1.default)(Box_1.Box)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n  \n  ", "        \n"], ["\n  ", "\n  \n  ", "        \n"])), function (props) { return props.panelHasChildren && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    border-radius: 4px;   \n    border-bottom: 1px solid rgba(34,36,38,.15);\n  "], ["\n    border-radius: 4px;   \n    border-bottom: 1px solid rgba(34,36,38,.15);\n  "]))); }, function (props) { return !!props.onClick && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    cursor: pointer;\n    user-select: none;\n  "], ["\n    cursor: pointer;\n    user-select: none;\n  "]))); });
-var Footer = (0, styled_components_1.default)(Box_1.Box)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["  \n  border-radius: 4px;   \n  background-color: #FFF;\n  border-top: 1px solid rgba(34,36,38,.15);\n"], ["  \n  border-radius: 4px;   \n  background-color: #FFF;\n  border-top: 1px solid rgba(34,36,38,.15);\n"])));
-var Panel = function (_a) {
-    var children = _a.children, className = _a.className, title = _a.title, titleAction = _a.titleAction, titleMeta = _a.titleMeta, onClickTitle = _a.onClickTitle, footer = _a.footer, _b = _a.p, p = _b === void 0 ? 3 : _b, _c = _a.titleLevel, titleLevel = _c === void 0 ? 5 : _c;
-    return (react_1.default.createElement(Wrapper, { className: className },
-        title && (react_1.default.createElement(Title, { p: 3, panelHasChildren: !!children, display: "flex", alignItems: "center", onClick: onClickTitle },
-            react_1.default.createElement(Box_1.Box, { flexGrow: 1 },
-                react_1.default.createElement(Header_1.Header, { level: titleLevel }, title)),
-            titleMeta && react_1.default.createElement(Meta, null, titleMeta),
-            titleAction && react_1.default.createElement(Box_1.Box, { pl: 5 }, titleAction))),
-        children && (react_1.default.createElement(Box_1.Box, { p: p }, children)),
-        footer && (react_1.default.createElement(Footer, { p: 3 }, footer))));
-};
-exports.Panel = Panel;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/Section/Section.js

@@ -1,22 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Section = void 0;
-var react_1 = __importDefault(require("react"));
-var Box_1 = require("../Box/Box");
-var constants_1 = require("../../layouts/constants");
-var Section = function (props) { return (react_1.default.createElement(Box_1.Box, __assign({ pb: { laptop: constants_1.VerticalRhythmLaptop, mobile: constants_1.VerticalRhythmMobile } }, props))); };
-exports.Section = Section;

package/dist/components/Statistic/Statistic.js

@@ -1,28 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Statistic = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Box_1 = require("../Box/Box");
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var Wrapper = styled_components_1.default.div.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  border-radius: ", ";\n  padding: ", ";\n  background-color: ", ";  \n  box-sizing: border-box;\n  height: 100%;\n"], ["\n  display: flex;\n  border-radius: ", ";\n  padding: ", ";\n  background-color: ", ";  \n  box-sizing: border-box;\n  height: 100%;\n"])), function (props) { return props.theme.spacing(1); }, function (props) { return props.theme.spacing(4); }, function (props) { return props.theme.palette.colors[props.backgroundColor]; });
-var Label = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-transform: uppercase;\n  color: ", ";\n  font-size: ", ";  \n"], ["\n  text-transform: uppercase;\n  color: ", ";\n  font-size: ", ";  \n"])), function (props) { return props.theme.palette.common.white; }, function (props) { return props.theme.spacing(3); });
-var Value = styled_components_1.default.div.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";  \n  font-weight: bold;  \n  font-size: ", ";     \n"], ["\n  color: ", ";  \n  font-weight: bold;  \n  font-size: ", ";     \n"])), function (props) { return props.theme.palette.common.white; }, function (props) { return props.theme.spacing(props.smallerValue ? 5.5 : 7.5); });
-var IconWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: ", " 0 auto 0; \n  & svg {\n    height: 100%;\n    width: ", ";\n    color: white;\n  }\n"], ["\n  margin: ", " 0 auto 0; \n  & svg {\n    height: 100%;\n    width: ", ";\n    color: white;\n  }\n"])), function (props) { return props.theme.spacing(1); }, function (props) { return props.theme.spacing(10); });
-var Statistic = function (_a) {
-    var icon = _a.icon, value = _a.value, label = _a.label, backgroundColor = _a.backgroundColor, smallerValue = _a.smallerValue;
-    return (react_1.default.createElement(Wrapper, { backgroundColor: backgroundColor },
-        react_1.default.createElement(IconWrapper, null, icon),
-        react_1.default.createElement(Box_1.Box, { flexGrow: 1, textAlign: "right" },
-            react_1.default.createElement(Label, null, label),
-            react_1.default.createElement(Value, { smallerValue: smallerValue }, value))));
-};
-exports.Statistic = Statistic;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/Table/Table.js

@@ -1,83 +0,0 @@
-"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;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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.prototype.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.Table = exports.StyledTable = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var responsiveProps_1 = require("../../responsiveness/responsiveProps");
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-exports.StyledTable = styled_components_1.default.table.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 4px;\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  \n  ", "      \n"], ["\n  border-radius: 4px;\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  \n  ", "      \n"])), function (props) { return (0, responsiveProps_1.responsiveProps)(props, {
-    "tableLayout": function (unit) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["table-layout: ", ";"], ["table-layout: ", ";"])), unit); },
-}); });
-var StyledTableRow = styled_components_1.default.tr.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  & > td {\n    transition: background-color .1s ease, color .1s ease;\n  }\n  \n  ", "    \n"], ["\n  & > td {\n    transition: background-color .1s ease, color .1s ease;\n  }\n  \n  ", "    \n"])), function (props) { return Object.entries(props.theme.palette.pane).map(function (_a) {
-    var variant = _a[0], value = _a[1];
-    return "\n    &:nth-child(odd) > td.".concat(variant, " {    \n      color: ").concat(value.main.idle.text, ";\n      background-color: ").concat(value.main.idle.background, ";        \n    }                  \n    &:nth-child(even) > td.").concat(variant, " {    \n      color: ").concat(value.alternate.idle.text, ";\n      background-color: ").concat(value.alternate.idle.background, ";        \n    }            \n    \n    \n    ").concat(!props.disableHover && "\n      &:nth-child(odd):hover > td.".concat(variant, " {\n        color: ").concat(value.main.hover.text, ";\n        background-color: ").concat(value.main.hover.background, ";          \n      }\n      &:nth-child(even):hover > td.").concat(variant, " {\n        color: ").concat(value.alternate.hover.text, ";\n        background-color: ").concat(value.alternate.hover.background, ";          \n      }\n    "), " \n  ");
-}); });
-var StyledTableCell = styled_components_1.default.td.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border-top: 1px solid rgba(34,36,38,.1);\n  border-right: 1px solid rgba(34,36,38,.1);    \n  padding: ", ";\n  \n  &:last-of-type {\n    border-right: 0;\n  }\n        \n  ", "\n"], ["\n  border-top: 1px solid rgba(34,36,38,.1);\n  border-right: 1px solid rgba(34,36,38,.1);    \n  padding: ", ";\n  \n  &:last-of-type {\n    border-right: 0;\n  }\n        \n  ", "\n"])), function (props) { return props.theme.spacing(2, 3); }, function (props) { return (0, responsiveProps_1.responsiveProps)(props, {
-    width: function (unit) { return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["width: ", ";"], ["width: ", ";"])), unit); },
-}); });
-var StyledTableHeadCell = styled_components_1.default.th.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_7 || (templateObject_7 = __makeTemplateObject(["  \n  border-right: 1px solid rgba(34,36,38,.1); \n  text-align: left;\n  padding: ", ";  \n  font-weight: 700;\n  transition: background-color .1s ease, color .1s ease;\n\n  &:last-of-type {\n    border-right: 0;\n  }\n  \n  ", "\n  \n  ", "\n \n  ", " \n  \n  ", "\n"], ["  \n  border-right: 1px solid rgba(34,36,38,.1); \n  text-align: left;\n  padding: ", ";  \n  font-weight: 700;\n  transition: background-color .1s ease, color .1s ease;\n\n  &:last-of-type {\n    border-right: 0;\n  }\n  \n  ", "\n  \n  ", "\n \n  ", " \n  \n  ", "\n"
-    // Wrapper to allow for dot notated components:
-])), function (props) { return props.theme.spacing(2, 3); }, function (props) { return !!props.variant && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    color: ", ";\n    background-color: ", ";\n    \n    &:hover {\n      color: ", ";\n      background-color: ", ";\n    }    \n  "], ["\n    color: ", ";\n    background-color: ", ";\n    \n    &:hover {\n      color: ", ";\n      background-color: ", ";\n    }    \n  "])), props.theme.palette.pane[props.variant].main.idle.text, props.theme.palette.pane[props.variant].main.idle.background, props.theme.palette.pane[props.variant].main.hover.text, props.theme.palette.pane[props.variant].main.hover.background); }, function (props) { return props.width ? "width: ".concat(props.width, ";") : ''; }, function (props) { return props.sortable && "\n    cursor: pointer;\n    user-select: none;\n    \n    &:hover {      \n      background-color: ".concat(props.theme.palette.pane.basic.main.hover.background, ";   \n    }       \n  "); }, function (props) { return props.sortDirection && "         \n    position:relative;\n         \n    &:after {\n      content: \" \";\n      position: absolute; \n      right: 15px;\n      top: 50%;\n                     \n      height: 0;\n      width: 0;\n      border: 5px solid transparent;\n      \n      ".concat(props.sortDirection === 'asc' ? "\n        border-top-color: #000;\n        transform: translateY(-25%);\n      " : "\n        border-bottom-color: #000;\n        transform: translateY(-75%);\n      ", "                            \n    }       \n  "); });
-// Wrapper to allow for dot notated components:
-var Table = function (props) { return (react_1.default.createElement(exports.StyledTable, __assign({}, props))); };
-exports.Table = Table;
-var TableCell = function (_a) {
-    var variant = _a.variant, className = _a.className, rest = __rest(_a, ["variant", "className"]);
-    return (react_1.default.createElement(StyledTableCell, __assign({ className: "".concat(className || '', " ").concat(variant || 'basic') }, rest)));
-};
-exports.Table.Row = StyledTableRow;
-exports.Table.HeadCell = StyledTableHeadCell;
-exports.Table.Cell = TableCell;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/Tabs/Tab.js

@@ -1,70 +0,0 @@
-"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;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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.prototype.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.Tab = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var Box_1 = require("../Box/Box");
-var react_1 = __importDefault(require("react"));
-var StyledBox = (0, styled_components_1.default)(Box_1.Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    \n    padding: ", ";\n    \n    ", "\n           \n    ", "       \n    \n    ", "\n    \n"], ["\n    \n    padding: ", ";\n    \n    ", "\n           \n    ", "       \n    \n    ", "\n    \n"])), function (props) { return props.theme.spacing(2.5, 5); }, function (props) { return !props.isActive && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        cursor: pointer;               \n        color: #337ab7;                \n        &:hover,\n        &:focus {\n          color: #23527c;\n          text-decoration: underline;\n        }\n    "], ["\n        cursor: pointer;               \n        color: #337ab7;                \n        &:hover,\n        &:focus {\n          color: #23527c;\n          text-decoration: underline;\n        }\n    "]))); }, function (props) { return props.isActive && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        font-weight: bold;\n        border: 1px solid rgba(34,36,38,.15);\n        border-bottom: 0px;\n        margin-bottom: -1px;\n        border-top-left-radius: 4px;  \n        border-top-right-radius: 4px;  \n        background-color: ", ";            \n    "], ["\n        font-weight: bold;\n        border: 1px solid rgba(34,36,38,.15);\n        border-bottom: 0px;\n        margin-bottom: -1px;\n        border-top-left-radius: 4px;  \n        border-top-right-radius: 4px;  \n        background-color: ", ";            \n    "])), function (props) { return props.theme.palette.common.white; }); }, function (props) { return props.variant && "\n        font-weight: bold;\n        color: ".concat(props.theme.palette.form[props.variant], ";\n        &:hover {\n            color: ").concat(props.theme.palette.form[props.variant], ";\n        }\n    "); });
-var Tab = function (_a) {
-    var id = _a.id, isActive = _a.isActive, onClick = _a.onClick, restProps = __rest(_a, ["id", "isActive", "onClick"]);
-    var handleClick = react_1.default.useCallback(function () {
-        if (!isActive) {
-            onClick === null || onClick === void 0 ? void 0 : onClick(id);
-        }
-    }, [id, isActive, onClick]);
-    return react_1.default.createElement(StyledBox, __assign({}, restProps, { onClick: handleClick, isActive: isActive }));
-};
-exports.Tab = Tab;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/Tabs/TabContent.js

@@ -1,28 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabContent = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var Box_1 = require("../Box/Box");
-var react_1 = __importDefault(require("react"));
-var StyledBox = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    background-color: ", ";\n    border: 1px solid rgba(34,36,38,.15);\n    border-top: 0px;\n"], ["\n    background-color: ", ";\n    border: 1px solid rgba(34,36,38,.15);\n    border-top: 0px;\n"])), function (props) { return props.theme.palette.common.white; });
-var TabContent = function (props) { return react_1.default.createElement(StyledBox, __assign({ p: 3 }, props)); };
-exports.TabContent = TabContent;
-var templateObject_1;

package/dist/components/Tabs/Tabs.js

@@ -1,14 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var Box_1 = require("../Box/Box");
-exports.Tabs = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    border-bottom: 1px solid rgba(34,36,38,.15);     \n"], ["\n    display: flex;\n    border-bottom: 1px solid rgba(34,36,38,.15);     \n"])));
-var templateObject_1;

package/dist/components/Timeline/Timeline.js

@@ -1,39 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SimpleTimeline = exports.Timeline = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Box_1 = require("../Box/Box");
-var CollapsiblePanel_1 = require("../CollapsiblePanel/CollapsiblePanel");
-var Panel_1 = require("../Panel/Panel");
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var FlatPanel = (0, styled_components_1.default)(Panel_1.Panel)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-shadow: none;\n"], ["\n  box-shadow: none;\n"])));
-var Wrapper = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  \n  &:last-of-type .line:before {\n    background: none;\n  }\n"], ["\n  display: flex;\n  \n  &:last-of-type .line:before {\n    background: none;\n  }\n"])));
-var Line = (0, styled_components_1.default)(Box_1.Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  margin-right: ", ";\n  top: 4px;\n  \n  &:before {\n    background: #e7eaec;\n    content: '';\n    position: absolute;\n    top: 0;\n    left: ", ";\n    height: 100%;\n    width: ", ";\n  }\n    \n"], ["\n  position: relative;\n  margin-right: ", ";\n  top: 4px;\n  \n  &:before {\n    background: #e7eaec;\n    content: '';\n    position: absolute;\n    top: 0;\n    left: ", ";\n    height: 100%;\n    width: ", ";\n  }\n    \n"])), function (props) { return props.theme.spacing(4); }, function (props) { return props.theme.spacing(4.5); }, function (props) { return props.theme.spacing(1); });
-var Circle = styled_components_1.default.div.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  background-color: ", ";\n  color: #fff; \n  \n  left: 0;\n  width: ", ";\n  height: ", ";\n  border-radius: 50%;\n  font-size: ", ";\n  \n  & > * {\n     position: absolute;\n     top: 50%;\n     left: 50%;\n     transform: translate(-50%, -50%);\n  }\n"], ["\n  position: relative;\n  background-color: ", ";\n  color: #fff; \n  \n  left: 0;\n  width: ", ";\n  height: ", ";\n  border-radius: 50%;\n  font-size: ", ";\n  \n  & > * {\n     position: absolute;\n     top: 50%;\n     left: 50%;\n     transform: translate(-50%, -50%);\n  }\n"])), function (props) { return props.color; }, function (props) { return props.theme.spacing(10); }, function (props) { return props.theme.spacing(10); }, function (props) { return props.theme.spacing(4); });
-var Timeline = function (_a) {
-    var title = _a.title, icon = _a.icon, color = _a.color, isInitiallyOpen = _a.isInitiallyOpen, titleMeta = _a.titleMeta, chevron = _a.chevron, children = _a.children;
-    return (react_1.default.createElement(Wrapper, null,
-        react_1.default.createElement(Line, null,
-            react_1.default.createElement(Circle, { color: color }, icon)),
-        react_1.default.createElement(Box_1.Box, { pb: 4, flexGrow: 1 },
-            react_1.default.createElement(CollapsiblePanel_1.CollapsiblePanel, { isInitiallyOpen: isInitiallyOpen, titleMeta: titleMeta, title: title, titleAction: chevron }, children))));
-};
-exports.Timeline = Timeline;
-var SimpleTimeline = function (_a) {
-    var color = _a.color, icon = _a.icon, title = _a.title, titleMeta = _a.titleMeta;
-    return (react_1.default.createElement(Wrapper, null,
-        react_1.default.createElement(Line, { className: 'line' },
-            react_1.default.createElement(Circle, { color: color }, icon)),
-        react_1.default.createElement(Box_1.Box, { pb: 4, flexGrow: 1 },
-            react_1.default.createElement(FlatPanel, { titleMeta: titleMeta, title: title }))));
-};
-exports.SimpleTimeline = SimpleTimeline;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/TopBar/TopBar.js

@@ -1,24 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TopBar = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Box_1 = require("../Box/Box");
-var SideBar_1 = require("../Menu/SideBar");
-var StyledBox = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: #FFFFFF;\n  border-bottom: 1px solid #DDDDDD;\n  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);   \n  box-sizing: border-box;\n"], ["\n  background-color: #FFFFFF;\n  border-bottom: 1px solid #DDDDDD;\n  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);   \n  box-sizing: border-box;\n"])));
-var TopBar = function (_a) {
-    var left = _a.left, right = _a.right;
-    return (react_1.default.createElement(StyledBox, null,
-        react_1.default.createElement(Box_1.Box, { display: "flex", alignItems: "center", pb: 1, pt: 1, pr: 5, pl: { mobile: 5, laptop: 5 + SideBar_1.SIDEBAR_COLLAPSED_WIDTH } },
-            react_1.default.createElement(Box_1.Box, { flexGrow: 1, display: "flex", pl: 2 }, left),
-            react_1.default.createElement(Box_1.Box, { flexGrow: 1, display: "flex", justifyContent: 'flex-end' }, right))));
-};
-exports.TopBar = TopBar;
-var templateObject_1;

package/dist/fonts.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./typography/Fonts"), exports);