fuse-importer 0.0.6-testing → 0.0.8-testing

package/lib/esm/styled/theme/debugCss.js

@@ -1,16 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { css } from "../themeType";
-export var debugCss = {
-    border: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border: solid 1px black;\n  "], ["\n    border: solid 1px black;\n  "]))),
-    outline: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    outline: solid 1px black;\n  "], ["\n    outline: solid 1px black;\n  "]))),
-    borderwhite: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    border: solid 1px white;\n  "], ["\n    border: solid 1px white;\n  "]))),
-    borderred: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    border: solid 1px red;\n  "], ["\n    border: solid 1px red;\n  "]))),
-    bgred: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    background: red;\n  "], ["\n    background: red;\n  "]))),
-    bgblue: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    background: blue;\n  "], ["\n    background: blue;\n  "]))),
-    opacity5: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    opacity: 0.5;\n  "], ["\n    opacity: 0.5;\n  "]))),
-    divider: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    height: 1px;\n    background: ", ";\n  "], ["\n    height: 1px;\n    background: ", ";\n  "])), function (props) { return props.theme.colors.gray300; }),
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/lib/esm/styled/theme/dimensionsCss.js

@@ -1,20 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { getCssValue } from ".";
-import { css } from "../themeType";
-export var dimensionsCss = {
-    w50: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 50%;\n  "], ["\n    width: 50%;\n  "]))),
-    w100: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", ";\n  "], ["\n    ", ";\n  "])), function (props) { return (props.w100 ? "width: 100%" : null); }),
-    h100: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    height: 100%;\n  "], ["\n    height: 100%;\n  "]))),
-    w: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    /* width in px when w is type number */\n    width: ", ";\n  "], ["\n    /* width in px when w is type number */\n    width: ", ";\n  "])), function (p) { return getCssValue(p.w); }),
-    h: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    /* height in px when h is type number */\n    height: ", ";\n  "], ["\n    /* height in px when h is type number */\n    height: ", ";\n  "])), function (p) { return getCssValue(p.h); }),
-    dim: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    height: ", ";\n    width: ", ";\n  "], ["\n    height: ", ";\n    width: ", ";\n  "])), function (p) { return getCssValue(p.dim); }, function (p) { return getCssValue(p.dim); }),
-    maxw: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    /* maximum width in px */\n    ", "\n  "], ["\n    /* maximum width in px */\n    ", "\n  "])), function (p) { return (p.maxw ? "max-width: ".concat(p.maxw, "px;") : null); }),
-    maxh: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    /* maxinum height in px */\n    max-height: ", "px;\n  "], ["\n    /* maxinum height in px */\n    max-height: ", "px;\n  "])), function (p) { return p.maxh; }),
-    minw: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    /* minimum width in px */\n    ", "\n  "], ["\n    /* minimum width in px */\n    ", "\n  "])), function (p) { return (p.minw ? "min-width: ".concat(p.minw, "px;") : null); }),
-    minh: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    /* minimum height in px */\n    min-height: ", "px;\n  "], ["\n    /* minimum height in px */\n    min-height: ", "px;\n  "])), function (p) { return p.minh; }),
-    br: css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    /* border radius in px */\n    border-radius: ", ";\n  "], ["\n    /* border radius in px */\n    border-radius: ", ";\n  "])), function (p) { return getCssValue(p.br); }),
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;

package/lib/esm/styled/theme/fontCss.js

@@ -1,17 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { css } from "../themeType";
-export var fontCss = {
-    semiBold: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-weight: 500;\n  "], ["\n    font-weight: 500;\n  "]))),
-    bold: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-weight: 600;\n  "], ["\n    font-weight: 600;\n  "]))),
-    extraBold: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-weight: 700;\n  "], ["\n    font-weight: 700;\n  "]))),
-    fontweight_800: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    font-weight: 800;\n  "], ["\n    font-weight: 800;\n  "]))),
-    italic: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    font-style: italic;\n  "], ["\n    font-style: italic;\n  "]))),
-    DM4: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    font-family: DM Serif Text;\n    font-weight: 400;\n  "], ["\n    font-family: DM Serif Text;\n    font-weight: 400;\n  "]))),
-    fs: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    /* font size in px */\n    font-size: ", "px;\n  "], ["\n    /* font size in px */\n    font-size: ", "px;\n  "])), function (props) { return props.fs; }),
-    lh: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    /* line height in px */\n    line-height: ", "px;\n  "], ["\n    /* line height in px */\n    line-height: ", "px;\n  "])), function (props) { return props.lh; }),
-    ls: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    /* letter spacing in px */\n    letter-spacing: ", "px;\n  "], ["\n    /* letter spacing in px */\n    letter-spacing: ", "px;\n  "])), function (props) { return props.ls; }),
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

package/lib/esm/styled/theme/globalCss.js

@@ -1,26 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { css } from "../themeType";
-import { colors } from "./colorPalette";
-import { mediaQueries } from "./mediaQueries";
-export var globalCss = {
-    clickable: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    user-select: none;\n    :hover {\n      cursor: pointer;\n      opacity: 0.8;\n    }\n  "], ["\n    user-select: none;\n    :hover {\n      cursor: pointer;\n      opacity: 0.8;\n    }\n  "]))),
-    disabledWhen: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), function (p) {
-        return p.disabledWhen && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        pointer-events: none;\n      "], ["\n        pointer-events: none;\n      "])));
-    }),
-    selectNone: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    user-select: none;\n  "], ["\n    user-select: none;\n  "]))),
-    yscroll: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    overflow-y: scroll;\n  "], ["\n    overflow-y: scroll;\n  "]))),
-    overflowHidden: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    overflow: hidden;\n  "], ["\n    overflow: hidden;\n  "]))),
-    rotate180: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    transform: rotate(180deg);\n  "], ["\n    transform: rotate(180deg);\n  "]))),
-    rotate180If: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    transform: rotate(", ");\n  "], ["\n    transform: rotate(", ");\n  "])), function (props) { return (props.rotate180If ? "180deg" : "0 deg"); }),
-    forMobile: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    @media all and ", " {\n      display: none;\n    }\n  "], ["\n    @media all and ", " {\n      display: none;\n    }\n  "])), mediaQueries.desktop),
-    forDesktop: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    @media all and ", " {\n      display: none;\n    }\n  "], ["\n    @media all and ", " {\n      display: none;\n    }\n  "])), mediaQueries.mobile),
-    mcontainer: css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    @media all and ", " {\n      padding-left: 6%;\n      padding-right: 6%;\n    }\n  "], ["\n    @media all and ", " {\n      padding-left: 6%;\n      padding-right: 6%;\n    }\n  "])), mediaQueries.mobile),
-    c: css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    /* set color based on colors defined in theme */\n    color: ", ";\n  "], ["\n    /* set color based on colors defined in theme */\n    color: ", ";\n  "])), function (props) { return props.c; }),
-    bg: css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    /* set background color based on colors defined in theme  */\n    background-color: ", ";\n  "], ["\n    /* set background color based on colors defined in theme  */\n    background-color: ", ";\n  "])), function (props) { return props.bg; }),
-    css: css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    ", ";\n  "], ["\n    ", ";\n  "])), function (p) { return p.css; }),
-    scrollbarDark: css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    scrollbar-width: thin;\n    scrollbar-color: ", ";\n    /* width */\n    ::-webkit-scrollbar {\n      width: 5px;\n      height: 5px;\n    }\n\n    /* Handle */\n    ::-webkit-scrollbar-thumb {\n      background-color: ", ";\n      border-radius: 3px;\n    }\n\n    /* Track */\n    ::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n\n    /* Handle on hover */\n    ::-webkit-scrollbar-thumb:hover {\n      border-radius: 3px;\n      background-color: ", ";\n    }\n  "], ["\n    scrollbar-width: thin;\n    scrollbar-color: ", ";\n    /* width */\n    ::-webkit-scrollbar {\n      width: 5px;\n      height: 5px;\n    }\n\n    /* Handle */\n    ::-webkit-scrollbar-thumb {\n      background-color: ", ";\n      border-radius: 3px;\n    }\n\n    /* Track */\n    ::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n\n    /* Handle on hover */\n    ::-webkit-scrollbar-thumb:hover {\n      border-radius: 3px;\n      background-color: ", ";\n    }\n  "])), colors.gray400, colors.gray400, colors.gray400),
-};
-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;

package/lib/esm/styled/theme/index.js

@@ -1,33 +0,0 @@
-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);
-};
-import "styled-components";
-import { colors } from "./colorPalette";
-import { debugCss } from "./debugCss";
-import { fontCss } from "./fontCss";
-import { dimensionsCss } from "./dimensionsCss";
-import { layoutCss } from "./layoutCss";
-import { textCss } from "./textCss";
-import { textStyles } from "./textStyles";
-import { animations } from "./animations";
-import { absolutePosition, marginCss, paddingCss } from "./positionCss";
-import { globalCss } from "./globalCss";
-import { mediaQueries } from "./mediaQueries";
-export var getCssValue = function (v) { return v + (typeof v === "number" ? "px" : ""); };
-export { colors };
-export var appCss = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, animations), dimensionsCss), layoutCss), textCss), textStyles), fontCss), debugCss), globalCss), absolutePosition), marginCss), paddingCss);
-export var theme = {
-    colors: colors,
-    textStyles: textStyles,
-    css: appCss,
-    media: mediaQueries,
-};
-export default theme;

package/lib/esm/styled/theme/layoutCss.js

@@ -1,26 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { css } from "../themeType";
-export var layoutCss = {
-    dflex: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n  "], ["\n    display: flex;\n  "]))),
-    centered: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  "], ["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  "]))),
-    flexColumn: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n  "], ["\n    display: flex;\n    flex-direction: column;\n  "]))),
-    flexColumnCentered: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  "], ["\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  "]))),
-    flexRowReverse: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row-reverse;\n  "], ["\n    display: flex;\n    flex-direction: row-reverse;\n  "]))),
-    spaceBetween: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: flex;\n    justify-content: space-between;\n  "], ["\n    display: flex;\n    justify-content: space-between;\n  "]))),
-    spaceBetweenAligned: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  "], ["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  "]))),
-    spaceAround: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    display: flex;\n    justify-content: space-around;\n  "], ["\n    display: flex;\n    justify-content: space-around;\n  "]))),
-    justifyEnd: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    display: flex;\n    justify-content: flex-end;\n  "], ["\n    display: flex;\n    justify-content: flex-end;\n  "]))),
-    justifyCenter: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n  "], ["\n    display: flex;\n    justify-content: center;\n  "]))),
-    alignEnd: css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    display: flex;\n    align-items: flex-end;\n  "], ["\n    display: flex;\n    align-items: flex-end;\n  "]))),
-    alignStart: css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    display: flex;\n    align-items: flex-start;\n  "], ["\n    display: flex;\n    align-items: flex-start;\n  "]))),
-    alignCenter: css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n  "], ["\n    display: flex;\n    align-items: center;\n  "]))),
-    grow: css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    display: flex;\n    flex-grow: 1;\n  "], ["\n    display: flex;\n    flex-grow: 1;\n  "]))),
-    pAbsolute: css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    position: absolute;\n  "], ["\n    position: absolute;\n  "]))),
-    pRelative: css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    position: relative;\n  "], ["\n    position: relative;\n  "]))),
-    pSticky: css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    position: sticky;\n    position: -webkit-sticky;\n    top: 0;\n    z-index: 100;\n  "], ["\n    position: sticky;\n    position: -webkit-sticky;\n    top: 0;\n    z-index: 100;\n  "]))),
-    floatLeft: css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    float: left;\n  "], ["\n    float: left;\n  "]))),
-};
-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, templateObject_18;

package/lib/esm/styled/theme/mediaQueries.js

@@ -1,4 +0,0 @@
-export var mediaQueries = {
-    desktop: "(min-width: 1051px)",
-    mobile: "(max-width: 1050px)",
-};

package/lib/esm/styled/theme/positionCss.js

@@ -1,27 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { getCssValue } from ".";
-import { css } from "../themeType";
-export var absolutePosition = {
-    top: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    top: ", ";\n  "], ["\n    top: ", ";\n  "])), function (p) { return getCssValue(p.top); }),
-    bottom: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    bottom: ", ";\n  "], ["\n    bottom: ", ";\n  "])), function (p) { return getCssValue(p.bottom); }),
-    left: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    left: ", ";\n  "], ["\n    left: ", ";\n  "])), function (p) { return getCssValue(p.left); }),
-    right: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    right: ", ";\n  "], ["\n    right: ", ";\n  "])), function (p) { return getCssValue(p.right); }),
-};
-export var marginCss = {
-    mt: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    margin-top: ", ";\n  "], ["\n    margin-top: ", ";\n  "])), function (p) { return getCssValue(p.mt); }),
-    mb: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    margin-bottom: ", ";\n  "], ["\n    margin-bottom: ", ";\n  "])), function (p) { return getCssValue(p.mb); }),
-    ml: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    margin-left: ", ";\n  "], ["\n    margin-left: ", ";\n  "])), function (p) { return getCssValue(p.ml); }),
-    mr: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    margin-right: ", ";\n  "], ["\n    margin-right: ", ";\n  "])), function (p) { return getCssValue(p.mr); }),
-    m: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    margin: ", ";\n  "], ["\n    margin: ", ";\n  "])), function (p) { return getCssValue(p.m); }),
-};
-export var paddingCss = {
-    pt: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    padding-top: ", ";\n  "], ["\n    padding-top: ", ";\n  "])), function (p) { return getCssValue(p.pt); }),
-    pb: css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    padding-bottom: ", ";\n  "], ["\n    padding-bottom: ", ";\n  "])), function (p) { return getCssValue(p.pb); }),
-    pl: css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    padding-left: ", ";\n  "], ["\n    padding-left: ", ";\n  "])), function (p) { return getCssValue(p.pl); }),
-    pr: css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    padding-right: ", ";\n  "], ["\n    padding-right: ", ";\n  "])), function (p) { return getCssValue(p.pr); }),
-    p: css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    padding: ", ";\n  "], ["\n    padding: ", ";\n  "])), function (p) { return getCssValue(p.p); }),
-};
-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;

package/lib/esm/styled/theme/textCss.js

@@ -1,18 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { css } from "../themeType";
-export var textCss = {
-    truncateText: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    overflow: hidden;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    -webkit-hyphens: auto;\n    -moz-hyphens: auto;\n    hyphens: auto;\n  "], ["\n    overflow: hidden;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    display: -webkit-box;\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    -webkit-hyphens: auto;\n    -moz-hyphens: auto;\n    hyphens: auto;\n  "]))),
-    dInline: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: inline-block;\n  "], ["\n    display: inline-block;\n  "]))),
-    flexWrap: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n  "], ["\n    display: flex;\n    flex-wrap: wrap;\n  "]))),
-    underline: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    text-decoration: underline;\n  "], ["\n    text-decoration: underline;\n  "]))),
-    textAlignCenter: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    text-align: center;\n  "], ["\n    text-align: center;\n  "]))),
-    textAlignRight: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    text-align: right;\n  "], ["\n    text-align: right;\n  "]))),
-    textAlignLeft: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    text-align: left;\n  "], ["\n    text-align: left;\n  "]))),
-    uppercase: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    text-transform: uppercase;\n  "], ["\n    text-transform: uppercase;\n  "]))),
-    capitalize: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    text-transform: capitalize;\n  "], ["\n    text-transform: capitalize;\n  "]))),
-    lowercase: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    text-transform: lowercase;\n  "], ["\n    text-transform: lowercase;\n  "]))),
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

package/lib/esm/styled/theme/textStyles.js

@@ -1,27 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { css } from "../themeType";
-export var textStyles = {
-    h1: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: DM Serif Display;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 48px;\n    line-height: 72px;\n  "], ["\n    font-family: DM Serif Display;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 48px;\n    line-height: 72px;\n  "]))),
-    h2: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 28px;\n    line-height: 36px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 28px;\n    line-height: 36px;\n  "]))),
-    h3: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 40px;\n    line-height: 48px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 40px;\n    line-height: 48px;\n  "]))),
-    h4: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 32px;\n    line-height: 48px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 32px;\n    line-height: 48px;\n  "]))),
-    h5: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 24px;\n    line-height: 36px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 24px;\n    line-height: 36px;\n  "]))),
-    h6: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 20px;\n    line-height: 32px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 20px;\n    line-height: 32px;\n  "]))),
-    subtitle: css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 500;\n    font-style: normal;\n    font-size: 18px;\n    line-height: 24px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 500;\n    font-style: normal;\n    font-size: 18px;\n    line-height: 24px;\n  "]))),
-    body1: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 16px;\n    line-height: 28px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 16px;\n    line-height: 28px;\n  "]))),
-    body2: css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 16px;\n    line-height: 28px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 16px;\n    line-height: 28px;\n  "]))),
-    body3: css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n  "]))),
-    body4: css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 20px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 20px;\n  "]))),
-    label1: css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 16px;\n    letter-spacing: 0.5px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 16px;\n    letter-spacing: 0.5px;\n  "]))),
-    label2: css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 12px;\n    line-height: 16px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 12px;\n    line-height: 16px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  "]))),
-    label3: css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 10px;\n    line-height: 16px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 10px;\n    line-height: 16px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  "]))),
-    helperText: css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 12px;\n    line-height: 18px;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 12px;\n    line-height: 18px;\n  "]))),
-    buttonText: css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: 0.02em;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: 0.02em;\n  "]))),
-    buttonTextSmall: css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: 0.02em;\n  "], ["\n    font-family: DM Sans;\n    font-weight: 700;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: 0.02em;\n  "]))),
-    link: css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n    font-family: DM Sans;\n    font-weight: 500;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 24px;\n    user-select: none;\n    :hover {\n      cursor: pointer;\n      text-decoration-line: underline;\n      opacity: 0.8;\n    }\n  "], ["\n    font-family: DM Sans;\n    font-weight: 500;\n    font-style: normal;\n    font-size: 14px;\n    line-height: 24px;\n    user-select: none;\n    :hover {\n      cursor: pointer;\n      text-decoration-line: underline;\n      opacity: 0.8;\n    }\n  "]))),
-    stepper: css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n    font-family: \"Montserrat\";\n    font-style: normal;\n    font-weight: 700;\n    font-size: 14px;\n    line-height: 16px;\n  "], ["\n    font-family: \"Montserrat\";\n    font-style: normal;\n    font-weight: 700;\n    font-size: 14px;\n    line-height: 16px;\n  "]))),
-};
-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, templateObject_18, templateObject_19;

package/lib/esm/styled/themeType.js

@@ -1,6 +0,0 @@
-import { css as cssBase } from "styled-components";
-// prevents circular definition since:
-// - type for `css` is  ThemedCssFunction<DefaultTheme>
-// - theme will be used to define DefaultTheme
-export var css = cssBase;
-// `css` shouldn't use ${(props) => props.theme.css.};

package/lib/esm/styled/utils.js

@@ -1,17 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled, { css } from "styled-components";
-export var themeProps = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) {
-    return Object.keys(props)
-        .map(function (p) { return props.theme.css[p]; })
-        .filter(function (c) { return c; });
-});
-export var Div = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
-export var HTMLButton = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
-export var Span = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
-export var Label = styled.label(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
-export var P = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), themeProps);
-export var BaseButton = styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n  outline: none;\n  margin: none;\n  padding: none;\n  background: transparent;\n  border: none;\n"], ["\n  ", ";\n  outline: none;\n  margin: none;\n  padding: none;\n  background: transparent;\n  border: none;\n"])), themeProps);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/lib/esm/types.js

@@ -1,65 +0,0 @@
-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));
-};
-var EnvironmentTypes = [
-    "local",
-    "development",
-    "production",
-    "test",
-];
-export var FieldTypes;
-(function (FieldTypes) {
-    FieldTypes["boolean"] = "boolean";
-    FieldTypes["integer"] = "integer";
-    FieldTypes["float"] = "float";
-    FieldTypes["string"] = "string";
-    FieldTypes["email"] = "email";
-    FieldTypes["enum"] = "enum";
-    FieldTypes["url"] = "url";
-    FieldTypes["date"] = "date";
-    FieldTypes["datetime"] = "datetime";
-    FieldTypes["time"] = "time";
-})(FieldTypes || (FieldTypes = {}));
-export var validationTypesBase = [
-    "cannot_contain",
-    "contain",
-    "max_length",
-    "min_length",
-    "length_exactly",
-    "unique_case_sensitive",
-    "unique_case_insensitive",
-    "regex",
-    "integer",
-    "less_than",
-    "greater_than",
-    "even",
-    "odd",
-    "float",
-    "email",
-    "url",
-    "boolean",
-    "before_date",
-    "after_date",
-];
-export var mutableValidationTypes = __spreadArray([], validationTypesBase, true);
-export var transformationTypesBase = [
-    "sentence_case",
-    "capitalize",
-    "uppercase",
-    "lowercase",
-    "trim_whitespace",
-    "autoformat",
-    "prefix",
-    "number_of_decimals",
-    "round",
-    "floor",
-    "ceiling",
-    "autodetect",
-];
-export var mutableTransformationTypes = __spreadArray([], transformationTypesBase, true);

package/lib/esm/utils/hooks/useWindowSize.js

@@ -1,23 +0,0 @@
-import { useEffect, useState } from "react";
-var useWindowDimensions = function () {
-    var _a = useState({
-        width: undefined,
-        height: undefined,
-    }), windowDimensions = _a[0], setWindowDimensions = _a[1];
-    useEffect(function () {
-        var handleResize = function () {
-            setWindowDimensions({
-                width: window.innerWidth,
-                height: window.innerHeight,
-            });
-        };
-        handleResize();
-        window.addEventListener("resize", handleResize);
-        return function () { return window.removeEventListener("resize", handleResize); };
-    }, []);
-    var isOnSmallScreens = windowDimensions.width
-        ? windowDimensions.width <= 1050
-        : false;
-    return { windowDimensions: windowDimensions, isOnSmallScreens: isOnSmallScreens };
-};
-export default useWindowDimensions;

package/lib/esm/utils/hooks.js

@@ -1 +0,0 @@
-export * from "./hooks/useWindowSize";

package/lib/esm/utils/index.js

@@ -1,37 +0,0 @@
-export var isString = function (variable) {
-    return typeof variable === "string" || variable instanceof String;
-};
-export var sleep = function (n) {
-    return new Promise(function (resolve) { return setTimeout(resolve, n); });
-};
-export var addLinkToHead = function (document, head, href, rel, crossOrigin) {
-    if (crossOrigin === void 0) { crossOrigin = ""; }
-    var link = document.createElement("link");
-    link.href = href;
-    link.rel = rel;
-    link.crossOrigin = crossOrigin;
-    head.appendChild(link);
-};
-// Add dynamic columns
-export var addValidation = function (value, label) {
-    return {
-        validation_type: value,
-        message: label,
-    };
-};
-export var getDefaultValidations = function (columnType) {
-    switch (columnType) {
-        case "email":
-            return [addValidation("email", "Must be an email")];
-        case "url":
-            return [addValidation("url", "Must be a URL")];
-        case "boolean":
-            return [addValidation("boolean", "Must be True or False")];
-        case "integer":
-            return [addValidation("integer", "Must be an integer")];
-        case "float":
-            return [addValidation("float", "Must be a float")];
-        default:
-            return [];
-    }
-};