quicksnack 3.32.0 → 3.34.0

package/dist/index.js

@@ -1,74 +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 });
-exports.FormGrid = void 0;
-__exportStar(require("./UiProvider"), exports);
-__exportStar(require("./UiWrapper"), exports);
-__exportStar(require("./animation/SlideInFromTop/SlideInFromTop"), exports);
-__exportStar(require("./components/Alert/Alert"), exports);
-__exportStar(require("./components/AnimatedCheckmark/AnimatedCheckmark"), exports);
-__exportStar(require("./components/Box/Box"), exports);
-__exportStar(require("./components/BreadCrumbs/BreadCrumbs"), exports);
-__exportStar(require("./components/CollapsiblePanel/CollapsiblePanel"), exports);
-__exportStar(require("./components/ConfirmButton/ConfirmButton"), exports);
-__exportStar(require("./components/ConfirmModal/ConfirmModal"), exports);
-__exportStar(require("./components/Details/Details"), exports);
-__exportStar(require("./components/Dropdown/Dropdown"), exports);
-__exportStar(require("./components/Dropzone/Dropzone"), exports);
-__exportStar(require("./components/Feedback/Feedback"), exports);
-__exportStar(require("./components/Floater/Floater"), exports);
-__exportStar(require("./components/Footer/Footer"), exports);
-__exportStar(require("./components/Menu/HamburgerButton"), exports);
-__exportStar(require("./components/Menu/Menu"), exports);
-__exportStar(require("./components/Menu/MenuCloseButton"), exports);
-__exportStar(require("./components/Menu/MenuSlideOpenIndicator"), exports);
-__exportStar(require("./components/Menu/useToggleMobileMenu"), exports);
-__exportStar(require("./components/Menu/useCloseSidebarOnNavigate"), exports);
-__exportStar(require("./components/Menu/SideBarHeader"), exports);
-__exportStar(require("./components/Modal/Modal"), exports);
-__exportStar(require("./components/Overlay/Overlay"), exports);
-__exportStar(require("./components/Paginator/Paginator"), exports);
-__exportStar(require("./components/Panel/Panel"), exports);
-__exportStar(require("./components/Section/Section"), exports);
-__exportStar(require("./components/Statistic/Statistic"), exports);
-__exportStar(require("./components/Table/Table"), exports);
-__exportStar(require("./components/Tabs/Tabs"), exports);
-__exportStar(require("./components/Tabs/Tab"), exports);
-__exportStar(require("./components/Tabs/TabContent"), exports);
-__exportStar(require("./components/Timeline/Timeline"), exports);
-__exportStar(require("./components/TopBar/TopBar"), exports);
-__exportStar(require("./form/Button/Button"), exports);
-__exportStar(require("./form/Checkbox/Checkbox"), exports);
-__exportStar(require("./form/FileField/FileField"), exports);
-__exportStar(require("./form/Select/Select"), exports);
-__exportStar(require("./form/TextField/TextField"), exports);
-__exportStar(require("./form/PasswordStrengthField/PasswordStrenghField"), exports);
-__exportStar(require("./form/ScaffoldForm/FormGrid/FormGridWrapper"), exports);
-var FormGrid_1 = require("./form/ScaffoldForm/FormGrid/FormGrid");
-Object.defineProperty(exports, "FormGrid", { enumerable: true, get: function () { return FormGrid_1.FormGrid; } });
-__exportStar(require("./layouts/BasicLayout/BasicLayout"), exports);
-__exportStar(require("./layouts/FloatingPanelLayout/FloatingPanelLayout"), exports);
-__exportStar(require("./layouts/constants"), exports);
-__exportStar(require("./form/ScaffoldForm/utils/FormPositioner"), exports);
-__exportStar(require("./form/ScaffoldForm/ScaffoldForm"), exports);
-__exportStar(require("./form/ScaffoldForm/ScaffoldField"), exports);
-__exportStar(require("./form/ScaffoldForm/ScaffoldFormProvider"), exports);
-__exportStar(require("./form/ScaffoldForm/types"), exports);
-__exportStar(require("./responsiveness/responsiveProps"), exports);
-__exportStar(require("./responsiveness/useResponsiveBreakpoints"), exports);
-__exportStar(require("./typography/Header/Header"), exports);
-__exportStar(require("./typography/Paragraph/Paragraph"), exports);
-__exportStar(require("./theme"), exports);

package/dist/layouts/BasicLayout/BasicLayout.js

@@ -1,47 +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.BasicLayout = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var TopBar_1 = require("../../components/TopBar/TopBar");
-var Box_1 = require("../../components/Box/Box");
-var Footer_1 = require("../../components/Footer/Footer");
-var constants_1 = require("../constants");
-var SideBar_1 = require("../../components/Menu/SideBar");
-var Wrapper = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject([" \n  background-color: #F3F3F4;\n"], [" \n  background-color: #F3F3F4;\n"])));
-var WrapperInner = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject([" \n  position: relative;\n"], [" \n  position: relative;\n"])));
-var SidebarWrapper = (0, styled_components_1.default)(Box_1.Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject([" \n  position: absolute;\n  height: 100%;\n  z-index: 50;\n  pointer-events: none;\n"], [" \n  position: absolute;\n  height: 100%;\n  z-index: 50;\n  pointer-events: none;\n"])));
-var ContentBox = (0, styled_components_1.default)(Box_1.Box)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
-var BasicLayout = function (_a) {
-    var sideBarProps = _a.sideBarProps, topBarProps = _a.topBarProps, footerProps = _a.footerProps, isLoading = _a.isLoading, loader = _a.loader, children = _a.children;
-    return (react_1.default.createElement(Wrapper, { flexGrow: 1, display: "flex", flexDirection: "column" },
-        react_1.default.createElement(WrapperInner, { flexGrow: 1, flexShrink: 0 },
-            sideBarProps && (react_1.default.createElement(SidebarWrapper, null,
-                react_1.default.createElement(SideBar_1.SideBar, __assign({}, sideBarProps)))),
-            react_1.default.createElement(ContentBox, { display: "flex", flexDirection: "column" },
-                react_1.default.createElement(TopBar_1.TopBar, __assign({}, topBarProps)),
-                react_1.default.createElement(Box_1.Box, { p: { laptop: constants_1.VerticalRhythmLaptop, mobile: constants_1.VerticalRhythmMobile }, pl: { laptop: constants_1.VerticalRhythmLaptop + SideBar_1.SIDEBAR_COLLAPSED_WIDTH }, flexGrow: 1 }, isLoading && loader
-                    ? loader
-                    : children),
-                react_1.default.createElement(Footer_1.Footer, __assign({}, footerProps))))));
-};
-exports.BasicLayout = BasicLayout;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/layouts/FloatingPanelLayout/FloatingPanelLayout.js

@@ -1,45 +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.FloatingPanelLayout = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Box_1 = require("../../components/Box/Box");
-var Panel_1 = require("../../components/Panel/Panel");
-var SlideInFromTop_1 = require("../../animation/SlideInFromTop/SlideInFromTop");
-var constants_1 = require("../constants");
-var responsiveProps_1 = require("../../responsiveness/responsiveProps");
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var Wrapper = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color:  ", ";\n  position: absolute;\n  min-width: 100%;\n  min-height: 100%;  \n"], ["\n  background-color:  ", ";\n  position: absolute;\n  min-width: 100%;\n  min-height: 100%;  \n"])), function (props) { return props.baseColor || 'white'; });
-var Background = styled_components_1.default.div.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n       \n  opacity: ", " ;\n  background: url(\"", "\");\n  background-size: cover;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n       \n  opacity: ", " ;\n  background: url(\"", "\");\n  background-size: cover;\n"])), function (props) { var _a; return (_a = props.opacity) !== null && _a !== void 0 ? _a : 1; }, function (props) { return props.imageUrl; });
-var StyledAnimation = (0, styled_components_1.default)(SlideInFromTop_1.SlideInFromTop)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  z-index: 10;\n  margin: auto auto;\n"], ["\n  z-index: 10;\n  margin: auto auto;\n"])));
-var StyledPanel = (0, styled_components_1.default)(Panel_1.Panel)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);  \n  min-width: 280px;   \n"], ["\n  box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);  \n  min-width: 280px;   \n"])));
-var Logo = styled_components_1.default.img(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display:none;\n  position: absolute;\n  left: 0;\n  top: ", ";\n  ", "\n"], ["\n  display:none;\n  position: absolute;\n  left: 0;\n  top: ", ";\n  ", "\n"])), function (props) { return props.theme.spacing(8); }, (0, responsiveProps_1.mq)("tablet", "display: block;"));
-var FloatingPanelLayout = function (_a) {
-    var panelProps = _a.panelProps, imageUrl = _a.imageUrl, alert = _a.alert, logoUrl = _a.logoUrl, backgroundBaseColor = _a.backgroundBaseColor, backgroundOpacity = _a.backgroundOpacity;
-    return (react_1.default.createElement(Wrapper, { display: "flex", alignItems: "center", baseColor: backgroundBaseColor },
-        react_1.default.createElement(Background, { imageUrl: imageUrl, opacity: backgroundOpacity }),
-        logoUrl && (react_1.default.createElement(Logo, { src: logoUrl, alt: "Logo" })),
-        react_1.default.createElement(StyledAnimation, null,
-            alert && (react_1.default.createElement(Box_1.Box, { pb: constants_1.VerticalRhythmLaptop }, alert)),
-            react_1.default.createElement(StyledPanel, __assign({}, panelProps)))));
-};
-exports.FloatingPanelLayout = FloatingPanelLayout;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/layouts/constants.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VerticalRhythmMobile = exports.VerticalRhythmLaptop = void 0;
-exports.VerticalRhythmLaptop = 7;
-exports.VerticalRhythmMobile = 4;

package/dist/responsiveness/responsiveProps.js

@@ -1,87 +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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.responsiveProps = exports.isResponsiveObject = exports.mq = exports.BreakPointValues = void 0;
-var styled_components_1 = require("styled-components");
-var breakPoints = [
-    "mobile",
-    "tablet",
-    "laptop",
-    "desktop",
-];
-exports.BreakPointValues = {
-    mobile: 0,
-    tablet: 768,
-    laptop: 1024,
-    desktop: 1430,
-};
-/**
- * Wraps given cssRules in the corresponding media-query:
- */
-var mq = function (bk, cssRules) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @media screen and (min-width: ", "px) {\n    ", "        \n  }        \n"], ["\n  @media screen and (min-width: ", "px) {\n    ", "        \n  }        \n"])), exports.BreakPointValues[bk], cssRules); };
-exports.mq = mq;
-var isResponsiveObject = function (obj) {
-    if (typeof obj !== "object") {
-        return false;
-    }
-    var keys = Object.keys(obj);
-    for (var _i = 0, breakPoints_1 = breakPoints; _i < breakPoints_1.length; _i++) {
-        var breakPoint = breakPoints_1[_i];
-        if (keys.includes(breakPoint)) {
-            return true;
-        }
-    }
-    return false;
-};
-exports.isResponsiveObject = isResponsiveObject;
-/**
- * Wraps 'responsive-props' in media-queries if necessary.
- */
-var responsiveProps = function (props, map) {
-    var nonResponsiveRules = Object
-        .entries(map)
-        .filter(function (_a) {
-        var key = _a[0];
-        return props[key] !== undefined && !(0, exports.isResponsiveObject)(props[key]);
-    })
-        .map(function (_a) {
-        var key = _a[0], fun = _a[1];
-        return fun(props[key]);
-    });
-    var mediaQueries = breakPoints
-        .map(function (bp) {
-        // See if we can make css-rules for this breakpoint:
-        var responsiveCssRules = Object
-            .entries(map)
-            .filter(function (_a) {
-            var _b;
-            var key = _a[0];
-            return ((_b = props === null || props === void 0 ? void 0 : props[key]) === null || _b === void 0 ? void 0 : _b[bp]) !== undefined;
-        })
-            .map(function (_a) {
-            var key = _a[0], fun = _a[1];
-            return fun(props[key][bp]);
-        });
-        return (responsiveCssRules.length > 0)
-            ? (0, exports.mq)(bp, responsiveCssRules) // Wrap css-rules in a mediaQuery
-            : undefined; // Undefined -> filter out later
-    })
-        .filter(function (_) { return _ !== undefined; });
-    return __spreadArray([
-        mediaQueries
-    ], nonResponsiveRules, true);
-};
-exports.responsiveProps = responsiveProps;
-var templateObject_1;

package/dist/responsiveness/useResponsiveBreakpoints.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResponsiveBreakpoints = void 0;
-var react_1 = __importDefault(require("react"));
-var responsiveProps_1 = require("./responsiveProps");
-var useResponsiveBreakpoints = function () {
-    var _a = react_1.default.useState(window.innerWidth), windowWidth = _a[0], setWindowWidth = _a[1];
-    react_1.default.useEffect(function () {
-        var onResize = function () { return setWindowWidth(window.innerWidth); };
-        window.addEventListener('resize', onResize);
-        return function () { return window.removeEventListener('resize', onResize); };
-    }, []);
-    var responsiveMap = react_1.default.useMemo(function () { return ({
-        isMobile: windowWidth >= responsiveProps_1.BreakPointValues.mobile,
-        isTablet: windowWidth >= responsiveProps_1.BreakPointValues.tablet,
-        isLaptop: windowWidth >= responsiveProps_1.BreakPointValues.laptop,
-        isDesktop: windowWidth >= responsiveProps_1.BreakPointValues.desktop
-    }); }, [windowWidth]);
-    return responsiveMap;
-};
-exports.useResponsiveBreakpoints = useResponsiveBreakpoints;

package/dist/theme.js

@@ -1,164 +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 __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.theme = void 0;
-var polished_1 = require("polished");
-var SPACING = 4;
-var BLACK = 'rgba(0,0,0,.87)';
-var WHITE = '#fff';
-var darkenPalette = function (amount, palette, colorsToDarken) { return Object
-    .entries(palette)
-    .reduce(function (acc, _a) {
-    var _b;
-    var key = _a[0], val = _a[1];
-    return (__assign(__assign({}, acc), (_b = {}, _b[key] = colorsToDarken.includes(key)
-        ? (0, polished_1.shade)(amount, val)
-        : val, _b)));
-}, palette); };
-var createButtonPalette = function (_a) {
-    var colorsToDarken = _a.colorsToDarken, palette = __rest(_a, ["colorsToDarken"]);
-    return ({
-        idle: palette,
-        hover: darkenPalette(.1, palette, colorsToDarken),
-        active: darkenPalette(.2, palette, colorsToDarken),
-    });
-};
-var createPanePalette = function (palette) { return ({
-    main: {
-        idle: palette,
-        hover: darkenPalette(.05, palette, ['background'])
-    },
-    alternate: {
-        idle: darkenPalette(.02, palette, ['background']),
-        hover: darkenPalette(.05, palette, ['background']),
-    }
-}); };
-exports.theme = {
-    spacing: function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        return args.map(function (arg) { return "".concat(arg * SPACING, "px"); }).join(' ');
-    },
-    palette: {
-        common: {
-            black: BLACK,
-            white: WHITE,
-        },
-        colors: {
-            blue: '#007bff',
-            indigo: '#6610f2',
-            purple: '#6f42c1',
-            pink: '#e83e8c',
-            red: '#e83e3e',
-            orange: '#fd7e14',
-            yellow: '#ffc107',
-            green: '#23B294',
-            teal: '#20c997',
-            cyan: '#17a2b8',
-            gray: '#6c757d',
-            grayDark: '#343a40',
-            light: '#f8f9fa',
-            dark: '#343a40',
-        },
-        form: {
-            hint: '#C7C7C7',
-            error: '#9f3a38',
-        },
-        button: {
-            basic: createButtonPalette({
-                colorsToDarken: ['background', 'text'],
-                background: WHITE,
-                text: BLACK,
-            }),
-            default: createButtonPalette({
-                colorsToDarken: ['background', 'text'],
-                background: '#e0e1e2',
-                text: BLACK,
-            }),
-            text: {
-                idle: {
-                    text: '#999c9e',
-                    background: 'transparent'
-                },
-                active: {
-                    text: BLACK,
-                    background: 'transparent'
-                },
-                hover: {
-                    text: BLACK,
-                    background: 'transparent'
-                }
-            },
-            danger: createButtonPalette({
-                colorsToDarken: ['background'],
-                background: '#EC5969',
-                text: WHITE,
-            }),
-            primary: createButtonPalette({
-                colorsToDarken: ['background'],
-                background: '#2284C4',
-                text: WHITE,
-            }),
-            secondary: createButtonPalette({
-                colorsToDarken: ['background'],
-                background: '#23B294',
-                text: WHITE
-            }),
-        },
-        pane: {
-            basic: createPanePalette({
-                text: BLACK,
-                background: WHITE,
-                border: '#ddd'
-            }),
-            emphasized: createPanePalette({
-                text: BLACK,
-                background: '#f3f3f3',
-                border: '#ddd'
-            }),
-            info: createPanePalette({
-                text: '#0c5460',
-                background: '#d1ecf1',
-                border: '#bee5eb'
-            }),
-            negative: createPanePalette({
-                text: '#721c24',
-                background: '#f8d7da',
-                border: '#f5c6cb'
-            }),
-            positive: createPanePalette({
-                text: '#155724',
-                background: '#d4edda',
-                border: '#c3e6cb',
-            }),
-            warning: createPanePalette({
-                text: '#856404',
-                background: '#fff3cd',
-                border: '#ffeeba'
-            })
-        }
-    }
-};

package/dist/typography/Fonts.js

@@ -1,19 +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.Fonts = void 0;
-var styled_components_1 = require("styled-components");
-var Lato_Regular_ttf_1 = __importDefault(require("../assets/fonts/Lato-Regular.ttf"));
-var Lato_Regular_woff_1 = __importDefault(require("../assets/fonts/Lato-Regular.woff"));
-var Lato_Regular_woff2_1 = __importDefault(require("../assets/fonts/Lato-Regular.woff2"));
-var Lato_Bold_ttf_1 = __importDefault(require("../assets/fonts/Lato-Bold.ttf"));
-var Lato_Bold_woff_1 = __importDefault(require("../assets/fonts/Lato-Bold.woff"));
-var Lato_Bold_woff2_1 = __importDefault(require("../assets/fonts/Lato-Bold.woff2"));
-exports.Fonts = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @font-face {\n    font-family: 'Lato';\n    src: url('", "') format('woff2'),\n         url('", "') format('woff'),\n         url('", "') format('truetype');\n    font-style: normal;\n    font-weight: normal;\n    text-rendering: optimizeLegibility;               \n  }\n  @font-face {\n    font-family: 'Lato';\n    src: url('", "') format('woff2'),\n         url('", "') format('woff'),\n         url('", "') format('truetype');\n    font-style: normal;\n    font-weight: bold;\n    text-rendering: optimizeLegibility;\n  }\n"], ["\n  @font-face {\n    font-family: 'Lato';\n    src: url('", "') format('woff2'),\n         url('", "') format('woff'),\n         url('", "') format('truetype');\n    font-style: normal;\n    font-weight: normal;\n    text-rendering: optimizeLegibility;               \n  }\n  @font-face {\n    font-family: 'Lato';\n    src: url('", "') format('woff2'),\n         url('", "') format('woff'),\n         url('", "') format('truetype');\n    font-style: normal;\n    font-weight: bold;\n    text-rendering: optimizeLegibility;\n  }\n"])), Lato_Regular_woff2_1.default, Lato_Regular_woff_1.default, Lato_Regular_ttf_1.default, Lato_Bold_woff2_1.default, Lato_Bold_woff_1.default, Lato_Bold_ttf_1.default);
-var templateObject_1;

package/dist/typography/Header/Header.js

@@ -1,79 +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.Header = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var sharedStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0 0;  \n  padding: 0 0;\n  font-weight: 700;\n  line-height: 1.28571429em;    \n"], ["\n  margin: 0 0;  \n  padding: 0 0;\n  font-weight: 700;\n  line-height: 1.28571429em;    \n"])));
-var H1 = styled_components_1.default.h1.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 2rem;\n  min-height: 1rem;\n  ", "\n"], ["\n  font-size: 2rem;\n  min-height: 1rem;\n  ", "\n"])), sharedStyles);
-var H2 = styled_components_1.default.h2.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 1.71428571rem;\n  ", "\n"], ["\n  font-size: 1.71428571rem;\n  ", "\n"])), sharedStyles);
-var H3 = styled_components_1.default.h3.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 1.28571429rem;\n  ", "\n"], ["\n  font-size: 1.28571429rem;\n  ", "\n"])), sharedStyles);
-var H4 = styled_components_1.default.h4.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 1.07142857rem;\n  ", "\n"], ["\n  font-size: 1.07142857rem;\n  ", "\n"])), sharedStyles);
-var H5 = styled_components_1.default.h5.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: 1rem;\n  ", "\n"], ["\n  font-size: 1rem;\n  ", "\n"])), sharedStyles);
-var mapping = {
-    1: H1,
-    2: H2,
-    3: H3,
-    4: H4,
-    5: H5,
-};
-var Header = function (_a) {
-    var _b = _a.level, level = _b === void 0 ? 1 : _b, restProps = __rest(_a, ["level"]);
-    var Component = mapping[level];
-    // @ts-ignore
-    return react_1.default.createElement(Component, __assign({}, restProps));
-};
-exports.Header = Header;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/typography/Paragraph/Paragraph.js

@@ -1,13 +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.Paragraph = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.Paragraph = styled_components_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-size: 14px;\n    line-height: 20px;\n    // margin: 0 0 1em;\n    margin: 0;\n"], ["\n    font-size: 14px;\n    line-height: 20px;\n    // margin: 0 0 1em;\n    margin: 0;\n"])));
-var templateObject_1;