fuse-importer 0.0.7-testing → 0.0.8-testing

package/lib/esm/locales/fr.js

@@ -1,126 +0,0 @@
-/* eslint-disable import/no-anonymous-default-export */
-export default {
-    preview: {
-        title: "Vous êtes sur le point de prévisualiser votre importateur.",
-        description: "Téléchargez notre exemple CSV pour essayer votre importateur. Nous l'avons généré aléatoirement afin que vous puissiez voir comment Fuse transforme les données..",
-        download: "Télécharger CSV",
-        note: {
-            title: "Remarque:",
-            description: "Cet écran n'existera plus une fois que vous aurez installé l'importateur sur votre site Web.",
-        },
-    },
-    upload: {
-        headers_preview: {
-            title: "Sélectionnez une ligne d'en-tête",
-            description: "Le fichier doit contenir des en-têtes de colonne pour continuer.",
-            cancel: "Non, re-télécharger le fichier",
-            continue: "Oui, continuer",
-        },
-        error: {
-            title: "Quelque chose ne va pas",
-        },
-        header: {
-            title: "Assurez-vous que votre document contient des données similaires à celles-ci:",
-            required_headers: "En-têtes requis",
-            optional_headers: "En-têtes facultatifs",
-        },
-        title: "Téléchargez un fichier pour importer vos données",
-        description: "\n    T\u00E9l\u00E9chargez tout fichier de tableur .csv, .xls, .xlsx avec n'importe quel ensemble de\n    colonnes tant qu'il a une seule ligne par ligne.\n  ",
-        loading: {
-            title: "Téléchargement en cours...",
-        },
-        dropzone: {
-            title: "Glissez et déposez votre fichier ici",
-            description: "ou",
-            button: "Parcourir les fichiers",
-            enter_data_manually: "Entrer les données manuellement",
-        },
-    },
-    match: {
-        title: "Associez vos colonnes aux nôtres",
-        description: "Nous avons pu associer {{numberOfMatchedHeaders}} des {{totalNumberOfHeaders}} colonnes correctement!",
-        enum_description: "\n    Notre syst\u00E8me n'accepte que certaines valeurs pour certaines colonnes. Ci-dessous, vous pouvez\n    associez les valeurs de votre tableur aux valeurs que nous acceptons.\n  ",
-        columns: {
-            your_columns: "Vos colonnes",
-            our_columns: "Nos colonnes",
-            status: "Statut",
-            placeholder: "Sélectionnez une option...",
-            values_for_the_column: "Valeurs pour la colonne {{column}}",
-            matched: "Assorti",
-            unmatched: "Non apparié",
-        },
-    },
-    review: {
-        title: "Revoir et Envoyer",
-        manual_importer_title: "Saisir Des Données et Envoyer",
-        export: "Exporter",
-        description: "Certaines cellules du document peuvent avoir des erreurs de format ou des informations manquantes. Veuillez les examiner pour continuer.",
-        table_actions: {
-            filters_by_rows: {
-                all_rows: "Toutes les lignes",
-                valid_rows: "Lignes valides",
-                invalid_rows: "Lignes invalides",
-            },
-            search_rows: {
-                tooltip: "Rechercher quelque chose",
-                placeholder: "Rechercher quelque chose...",
-            },
-            filter_by_errors: {
-                search_or_select: "Rechercher ou sélectionner",
-                filter_by_errors: "Filtrer par erreurs",
-            },
-            delete_rows: {
-                confirmation_modal: "Voulez-vous vraiment supprimer {{length}} ligne",
-                modal_title: "Supprimer la ligne sélectionnée",
-                yes_delete: "Oui, supprimer",
-                select_rows: "Sélectionnez les lignes à supprimer",
-                delete_row: "Supprimer la ligne",
-            },
-            export_your_data: {
-                tooltip: "Exporter vos données",
-            },
-            transformed_records: {
-                auto_corrections_done: "corrections automatiques effectuées",
-                example: "Exemple",
-                auto_corrections_amount: "Nous avons corrigé automatiquement {{amount}} problèmes.",
-            },
-        },
-    },
-    general: {
-        autocomplete: {
-            placeholder: "Sélectionnez une option...",
-        },
-        steps: {
-            upload: "Télécharger",
-            match: "Correspondre",
-            review: "Revoir",
-        },
-        stepper: {
-            go_back: "Retour",
-            continue: "Continuer",
-            submit: "Soumettre",
-        },
-        unmatched_headers_modal: {
-            title: "En-têtes de colonne non appariés",
-            description_singular: "Il y a {{count}} en-têtes de colonne non appariés. Vous devrez remplir ces informations manuellement si vous continuez.",
-            description_plural: "Il y a {{count}} en-têtes de colonne non appariés. Vous devrez remplir ces informations manuellement si vous continuez.",
-            assign_headers: "Attribuer des en-têtes",
-            skip: "Sauter",
-        },
-        submit_modal: {
-            title: "Prêt à soumettre?",
-            description: "Nous n'avons rien trouvé de mal avec votre fichier. Vous êtes prêt à partir!",
-            submit: "Oui, soumettre",
-            cancel: "Retour",
-        },
-        confirm_close_modal: {
-            title: "Êtes-vous sûr?",
-            description: "Fermer l'importateur fera perdre toutes les modifications.",
-            close: "Fermer",
-            cancel: "Annuler",
-        },
-        preview_mode_banner: {
-            title: "Vous êtes actuellement en mode Aperçu.",
-        },
-    },
-};

package/lib/esm/locales/index.js

@@ -1,4 +0,0 @@
-export { default as es } from "./es";
-export { default as en } from "./en";
-export { default as de } from "./de";
-export { default as fr } from "./fr";

package/lib/esm/styled/fontsURL.js

@@ -1,27 +0,0 @@
-export var fontsURL = [
-    {
-        href: "https://fonts.googleapis.com",
-        rel: "preconnect",
-    },
-    {
-        href: "https://fonts.gstatic.com",
-        rel: "preconnect",
-        crossOrigin: "",
-    },
-    {
-        href: "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600&display=swap",
-        rel: "stylesheet",
-    },
-    {
-        href: "https://fonts.googleapis.com/css?family=DM+Serif+Text:300,400,500,600&display=swap",
-        rel: "stylesheet",
-    },
-    {
-        href: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display&family=DM+Serif+Text&display=swap",
-        rel: "stylesheet",
-    },
-    {
-        href: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Text&display=swap",
-        rel: "stylesheet",
-    },
-];

package/lib/esm/styled/index.js

@@ -1,3 +0,0 @@
-export * from "./utils";
-export * from "./theme";
-export * from "./themeType";

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

@@ -1,9 +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 animations = {
-    fadeIn: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    @keyframes fadeInOpacity {\n      0% {\n        opacity: 0;\n      }\n      100% {\n        opacity: 1;\n      }\n    }\n    opacity: 1;\n    animation-name: fadeInOpacity;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n    animation-duration: 0.4s;\n  "], ["\n    @keyframes fadeInOpacity {\n      0% {\n        opacity: 0;\n      }\n      100% {\n        opacity: 1;\n      }\n    }\n    opacity: 1;\n    animation-name: fadeInOpacity;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n    animation-duration: 0.4s;\n  "]))),
-};
-var templateObject_1;

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

@@ -1,109 +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);
-};
-var gray = {
-    gray5: "#F9FAFB",
-    gray10: "#FCFCFD",
-    gray50: "#F8F8F9",
-    gray100: "#F0F0F1",
-    gray200: "#E4E4E5",
-    gray300: "#CAC4BF",
-    gray390: "#BFBFBF",
-    gray400: "#B1B1B2",
-    gray500: "#989898",
-    gray600: "#7F7F7F",
-    gray700: "#4D4D4D",
-    gray800: "#4C4C4C",
-    gray900: "#333333",
-    gray1000: "#1C1C1C",
-};
-var red = {
-    red50: "#E6DBDB",
-    red100: "#FCEDEA",
-    red200: "#F8DCD4",
-    red300: "#F2B9AA",
-    red400: "#EB967F",
-    red500: "#E57354",
-    error: "#CF4520",
-    red600: "#CF4520",
-    red700: "#A9381A",
-    red800: "#842C14",
-    red900: "#5E1F0F",
-    red1000: "#381309",
-    red2000: "#87464614",
-};
-var green = {
-    green50: "#EDFBEF",
-    green100: "#C3F2CC",
-    green200: "#9DEAAB",
-    green300: "#62DD79",
-    green400: "#2AC046",
-    green500: "#25AA3E",
-    green600: "#209135",
-    green700: "#1A782C",
-    green800: "#155F23",
-    green900: "#0F4519",
-    green1000: "#0A2C10",
-};
-var blue = {
-    blue50: "#CDFCEC",
-    blue100: "#CDFBFB",
-    blue400: "#71FCE4",
-    blue500: "#0EBEBE",
-    blue900: "#025B5B",
-};
-var pink = {
-    pink100: "#FED7DE",
-    pink300: "#FE889C",
-    pink500: "#FD395A",
-    pink700: "#CA2E48",
-    pink900: "#651724",
-};
-var orange = {
-    orange50: "#FAF8F6",
-    orange100: "#FDEAC7",
-    orange200: "#FBDCA0",
-    orange300: "#FACD78",
-    orange400: "#F8BE51",
-    orange500: "#FF9A34",
-    orange600: "#CD8808",
-    orange700: "#AA7106",
-    orange800: "#885A05",
-    orange900: "#654304",
-    orange1000: "#432D03",
-    orange1100: "#FEEBD9",
-    orange1200: "#78430D",
-};
-var white = {
-    white: "white",
-    white50: "#F3F2F1",
-};
-export var colorPalette = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, orange), green), gray), blue), red), white), pink), { red: "red", black: "black", gold: "#d0a617" });
-export var colorLabels = {
-    backgroundInterface: colorPalette.orange50,
-    interactiveDisabled: "#FEB0BD",
-    error: colorPalette.red600,
-    warning01: colorPalette.orange500,
-    highlight01: colorPalette.blue500,
-    tableHeader: colorPalette.white50,
-    outlineInputs: colorPalette.gray300,
-    text: colorPalette.gray1000,
-    textPrim: colorPalette.black,
-    textSec: colorPalette.gray700,
-    textTert: colorPalette.gray700,
-    textLink: colorPalette.blue500,
-    placeholder: colorPalette.gray300,
-    disabled1: colorPalette.gray50,
-    disabled2: colorPalette.gray300,
-    disabled3: colorPalette.gray400,
-    background: colorPalette.gray10,
-};
-export var colors = __assign(__assign({}, colorPalette), colorLabels);

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;