fuse-importer 0.0.8-testing → 0.1.1-testing

package/lib/esm/locales/en.js

@@ -0,0 +1,126 @@
+/* eslint-disable import/no-anonymous-default-export */
+export default {
+    preview: {
+        title: "You're about to preview your importer.",
+        description: "Download our example CSV to try out your importer. We have randomly generated it so you can see how Fuse transforms the data..",
+        download: "Download CSV",
+        note: {
+            title: "Note:",
+            description: "This screen will not exist once you install the importer on your website.",
+        },
+    },
+    upload: {
+        headers_preview: {
+            title: "Select a Header Row",
+            description: "File must contain column headers to proceed.",
+            cancel: "Re-upload file",
+            continue: "Continue",
+        },
+        error: {
+            title: "Something’s wrong",
+        },
+        header: {
+            title: "Make sure your document contains data similar to this:",
+            required_headers: "Required Headers",
+            optional_headers: "Optional Headers",
+        },
+        title: "Upload a File to Import your Data",
+        description: "\n    Upload any .csv, .xls, .xlsx file with any set of\n    columns as long as it has one record per row.\n  ",
+        loading: {
+            title: "Uploading...",
+        },
+        dropzone: {
+            title: "Drag & drop your file here",
+            description: "or",
+            button: "Browse Files",
+            enter_data_manually: "Enter data manually",
+        },
+    },
+    match: {
+        title: "Match Your Columns with Ours",
+        description: "We were able to match {{numberOfMatchedHeaders}} of {{totalNumberOfHeaders}} columns correctly!",
+        enum_description: "\n    Our system only accepts certain values for some columns. Below you can\n    match the values from your spreadsheet to the values we accept.\n  ",
+        columns: {
+            your_columns: "Your Columns",
+            our_columns: "Our Columns",
+            status: "Status",
+            placeholder: "Select an option...",
+            values_for_the_column: "Values for the {{column}} Column",
+            matched: "Matched",
+            unmatched: "Unmatched",
+        },
+    },
+    review: {
+        title: "Review & Submit",
+        manual_importer_title: "Enter Data & Submit",
+        export: "Export",
+        description: "Some cells in the document might have errors in format or missing information. Please review these to continue.",
+        table_actions: {
+            filters_by_rows: {
+                all_rows: "All Rows",
+                valid_rows: "Valid Rows",
+                invalid_rows: "Invalid Rows",
+            },
+            search_rows: {
+                tooltip: "Search something",
+                placeholder: "Search something...",
+            },
+            filter_by_errors: {
+                search_or_select: "Search or select",
+                filter_by_errors: "Filter by errors",
+            },
+            delete_rows: {
+                confirmation_modal: "Are you sure you want to delete {{length}} row",
+                modal_title: "Delete Selected Row",
+                yes_delete: "Yes, delete",
+                select_rows: "Select rows to delete",
+                delete_row: "Delete Row",
+            },
+            export_your_data: {
+                tooltip: "Export your data",
+            },
+            transformed_records: {
+                auto_corrections_done: "cells auto-corrected",
+                example: "Example",
+                auto_corrections_amount: "We have auto-corrected {{amount}} issues.",
+            },
+        },
+    },
+    general: {
+        autocomplete: {
+            placeholder: "Select an option...",
+        },
+        steps: {
+            upload: "Upload",
+            match: "Match",
+            review: "Review",
+        },
+        stepper: {
+            go_back: "Go back",
+            continue: "Continue",
+            submit: "Submit",
+        },
+        unmatched_headers_modal: {
+            title: "Unmatched Column Headers",
+            description_singular: "There is {{count}} unmatched column headers. You will have to fill these out manually if you proceed.",
+            description_plural: "There are {{count}} unmatched column headers. You will have to fill these out manually if you proceed.",
+            assign_headers: "Assign Headers",
+            skip: "Skip",
+        },
+        submit_modal: {
+            title: "Ready to submit?",
+            description: "We didn't find anything wrong with your file. You're good to go!",
+            submit: "Yes, submit",
+            cancel: "Go back",
+        },
+        confirm_close_modal: {
+            title: "Are you sure?",
+            description: "Closing the importer will lose any changes.",
+            close: "Close",
+            cancel: "Cancel",
+        },
+        preview_mode_banner: {
+            title: "You’re currently in Preview mode.",
+        },
+    },
+};

package/lib/esm/locales/es.js

@@ -0,0 +1,126 @@
+/* eslint-disable import/no-anonymous-default-export */
+export default {
+    preview: {
+        title: "Estás a punto de previsualizar tu importador.",
+        description: "Descarga nuestro ejemplo CSV para probar tu importador. Lo hemos generado aleatoriamente para que veas cómo Fuse transforma los datos.",
+        download: "Descargar CSV",
+        note: {
+            title: "Nota:",
+            description: "Esta pantalla no existirá una vez que instales el importador en tu sitio web.",
+        },
+    },
+    upload: {
+        headers_preview: {
+            title: "Seleccione una fila de encabezado",
+            description: "El archivo debe contener encabezados de columna para continuar.",
+            cancel: "No, vuelva a cargar el archivo",
+            continue: "Sí, continuar",
+        },
+        error: {
+            title: "Algo está mal",
+        },
+        header: {
+            title: "Asegúrate de que tu documento contenga datos similares a estos:",
+            required_headers: "Encabezados requeridos",
+            optional_headers: "Encabezados opcionales",
+        },
+        title: "Cargue un archivo para importar sus datos",
+        description: "\n    Cargue cualquier archivo de hoja de c\u00E1lculo .csv, .xls, .xlsx con cualquier conjunto de\n    columnas siempre y cuando tenga un registro por fila.\n  ",
+        loading: {
+            title: "Cargando...",
+        },
+        dropzone: {
+            title: "Arrastra y suelta tu archivo aquí",
+            description: "o",
+            button: "Examinar archivos",
+            enter_data_manually: "Ingresar datos manualmente",
+        },
+    },
+    match: {
+        title: "Empareja tus columnas con las nuestras",
+        description: "¡Fue posible emparejar {{numberOfMatchedHeaders}} de {{totalNumberOfHeaders}} columnas correctamente!",
+        enum_description: "\n    Nuestro sistema solo acepta ciertos valores para algunas columnas. A continuaci\u00F3n, puede\n    emparejar los valores de su hoja de c\u00E1lculo con los valores que aceptamos.\n  ",
+        columns: {
+            your_columns: "Tus columnas",
+            our_columns: "Nuestras columnas",
+            status: "Estado",
+            placeholder: "Seleccione una opción...",
+            values_for_the_column: "Valores para la columna {{column}}",
+            matched: "Emparejado",
+            unmatched: "No emparejado",
+        },
+    },
+    review: {
+        title: "Revisar y Enviar",
+        manual_importer_title: "Ingresar Datos y Enviar",
+        export: "Exportar",
+        description: "Algunas celdas en el documento pueden tener errores en el formato o información faltante. Por favor revise esto para continuar.",
+        table_actions: {
+            filters_by_rows: {
+                all_rows: "Todas las Filas",
+                valid_rows: "Filas Válidas",
+                invalid_rows: "Filas Inválidas",
+            },
+            search_rows: {
+                tooltip: "Buscar algo",
+                placeholder: "Buscar algo...",
+            },
+            filter_by_errors: {
+                search_or_select: "Buscar o seleccionar",
+                filter_by_errors: "Filtrar por errores",
+            },
+            delete_rows: {
+                confirmation_modal: "¿Seguro que quieres eliminar {{length}} fila",
+                modal_title: "Eliminar la fila seleccionada",
+                yes_delete: "Sí, eliminar",
+                select_rows: "Seleccione las filas a eliminar",
+                delete_row: "Eliminar fila",
+            },
+            export_your_data: {
+                tooltip: "Exporta tus datos",
+            },
+            transformed_records: {
+                auto_corrections_done: "celdas corregidas automáticamente",
+                example: "Ejemplo",
+                auto_corrections_amount: "Hemos corregido automáticamente {{amount}} problemas.",
+            },
+        },
+    },
+    general: {
+        autocomplete: {
+            placeholder: "Seleccione una opción...",
+        },
+        steps: {
+            upload: "Subir",
+            match: "Emparejar",
+            review: "Revisión",
+        },
+        stepper: {
+            go_back: "Volver",
+            continue: "Continuar",
+            submit: "Enviar",
+        },
+        unmatched_headers_modal: {
+            title: "Encabezados de columna no emparejados",
+            description_singular: "Hay {{count}} encabezados de columna no emparejados. Tendrás que completar estos manualmente si procedes.",
+            description_plural: "Hay {{count}} encabezados de columna no emparejados. Tendrás que completar estos manualmente si procedes.",
+            assign_headers: "Asignar encabezados",
+            skip: "Saltar",
+        },
+        submit_modal: {
+            title: "¿Listo para enviar?",
+            description: "No encontramos nada mal con tu archivo. ¡Estás listo para irte!",
+            submit: "Sí, enviar",
+            cancel: "Volver",
+        },
+        confirm_close_modal: {
+            title: "¿Estás seguro?",
+            description: "Cerrar el importador hará que se pierdan todos los cambios.",
+            close: "Cerrar",
+            cancel: "Cancelar",
+        },
+        preview_mode_banner: {
+            title: "Actualmente estás en modo de vista previa.",
+        },
+    },
+};

package/lib/esm/locales/fr.js

@@ -0,0 +1,126 @@
+/* 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: "cellules corrigées automatiquement",
+                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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,27 @@
+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

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

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,109 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,26 @@
+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;