fuse-importer 0.7.0

package/lib/esm/hooks/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const useDebounce: (value: any, onChange: any, timeoutMs?: number) => {
+    _value: any;
+    set_Value: import("react").Dispatch<any>;
+};

package/lib/esm/hooks/index.js

@@ -0,0 +1,17 @@
+import { useEffect, useRef, useState } from "react";
+export var useDebounce = function (value, onChange, timeoutMs) {
+    if (timeoutMs === void 0) { timeoutMs = 300; }
+    var _a = useState(value), _value = _a[0], set_Value = _a[1];
+    var tid = useRef(null);
+    useEffect(function () {
+        if (_value !== value) {
+            clearTimeout(tid.current);
+            tid.current = setTimeout(function () { return onChange(_value); }, timeoutMs);
+        }
+    }, [_value]);
+    useEffect(function () {
+        set_Value(value);
+    }, [value]);
+    return { _value: _value, set_Value: set_Value };
+};
+//# sourceMappingURL=index.js.map

package/lib/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAK,EAAE,QAAQ,EAAE,SAAe;IAAf,0BAAA,EAAA,eAAe;IACpD,IAAA,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAC5C,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzB,SAAS,CAAC;QACR,IAAI,MAAM,KAAK,KAAK,EAAE;YACpB,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC1B,GAAG,CAAC,OAAO,GAAG,UAAU,CAAC,cAAM,OAAA,QAAQ,CAAC,MAAM,CAAC,EAAhB,CAAgB,EAAE,SAAS,CAAC,CAAC;SAC7D;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC;QACR,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,CAAC;AAC/B,CAAC,CAAC"}

package/lib/esm/index.d.ts

@@ -0,0 +1,19 @@
+import { EnvironmentType, OnSubmit, OnValidateBatch, OnValidateRecord } from "./types";
+declare class FuseImporter {
+    apiToken: string;
+    templateId: string;
+    env: EnvironmentType;
+    constructor(apiToken: string, templateId: string, env?: EnvironmentType);
+    onValidateRecord: OnValidateRecord;
+    onValidateBatch: OnValidateBatch;
+    onSubmit: OnSubmit;
+    show(): void;
+}
+export default FuseImporter;
+export * from "./api";
+export * from "./common";
+export * from "./hooks";
+export * from "./Importer";
+export * from "./styled";
+export * from "./utils";
+export * from "./types";

package/lib/esm/index.js

@@ -0,0 +1,34 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import { Importer } from "./Importer";
+var FuseImporter = /** @class */ (function () {
+    function FuseImporter(apiToken, templateId, env) {
+        if (env === void 0) { env = "local"; }
+        this.apiToken = apiToken;
+        this.templateId = templateId;
+        this.env = env;
+    }
+    FuseImporter.prototype.show = function () {
+        var div = document.createElement("div");
+        div.setAttribute("id", "dw-root");
+        document.body.appendChild(div);
+        ReactDOM.render(React.createElement(Importer, {
+            apiToken: this.apiToken,
+            environment: this.env,
+            templateId: this.templateId,
+            onValidateRecord: this.onValidateRecord,
+            onValidateBatch: this.onValidateBatch,
+            onSubmit: this.onSubmit,
+        }), document.getElementById("dw-root"));
+    };
+    return FuseImporter;
+}());
+export default FuseImporter;
+export * from "./api";
+export * from "./common";
+export * from "./hooks";
+export * from "./Importer";
+export * from "./styled";
+export * from "./utils";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AAOjC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC;IAKE,sBACE,QAAgB,EAChB,UAAkB,EAClB,GAA8B;QAA9B,oBAAA,EAAA,aAA8B;QAE9B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,CAAC;IAQM,2BAAI,GAAX;QACE,IAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAClC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC/B,QAAQ,CAAC,MAAM,CACb,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;YAC5B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,WAAW,EAAE,IAAI,CAAC,GAAG;YACrB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,EACF,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CACnC,CAAC;IACJ,CAAC;IACH,mBAAC;AAAD,CAAC,AArCD,IAqCC;AAED,eAAe,YAAY,CAAC;AAE5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/lib/esm/styled/index.d.ts

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

package/lib/esm/styled/index.js

@@ -0,0 +1,4 @@
+export * from "./utils";
+export * from "./theme";
+export * from "./themeType";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styled/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/lib/esm/styled/theme/animations.d.ts

@@ -0,0 +1,3 @@
+export declare const animations: {
+    fadeIn: import("styled-components").FlattenSimpleInterpolation;
+};

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

@@ -0,0 +1,10 @@
+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;
+//# sourceMappingURL=animations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../../../src/styled/theme/animations.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,MAAM,EAAE,GAAG,sWAAA,mSAcV,IAAA;CACF,CAAC"}

package/lib/esm/styled/theme/colorPalette.d.ts

@@ -0,0 +1,155 @@
+export declare const colorPalette: {
+    red: string;
+    black: string;
+    gold: string;
+    pink200: string;
+    pink500: string;
+    pink700: string;
+    pink900: string;
+    white: string;
+    white50: string;
+    red50: string;
+    red100: string;
+    red200: string;
+    red300: string;
+    red400: string;
+    red500: string;
+    error: string;
+    red600: string;
+    red700: string;
+    red800: string;
+    red900: string;
+    red1000: string;
+    red2000: string;
+    blue50: string;
+    blue100: string;
+    blue400: string;
+    blue500: string;
+    blue900: string;
+    gray10: string;
+    gray50: string;
+    gray100: string;
+    gray200: string;
+    gray300: string;
+    gray390: string;
+    gray400: string;
+    gray500: string;
+    gray600: string;
+    gray700: string;
+    gray800: string;
+    gray900: string;
+    gray1000: string;
+    green50: string;
+    green100: string;
+    green200: string;
+    green300: string;
+    green400: string;
+    green500: string;
+    green600: string;
+    green700: string;
+    green800: string;
+    green900: string;
+    green1000: string;
+    orange50: string;
+    orange100: string;
+    orange200: string;
+    orange300: string;
+    orange400: string;
+    orange500: string;
+    orange600: string;
+    orange700: string;
+    orange800: string;
+    orange900: string;
+    orange1000: string;
+};
+export declare const colorLabels: {
+    error: string;
+    highlight01: string;
+    outlineInputs: string;
+    text: string;
+    textPrim: string;
+    textSec: string;
+    textTert: string;
+    textLink: string;
+    placeholder: string;
+    disabled1: string;
+    disabled2: string;
+    disabled3: string;
+    background: string;
+};
+export declare const colors: {
+    error: string;
+    highlight01: string;
+    outlineInputs: string;
+    text: string;
+    textPrim: string;
+    textSec: string;
+    textTert: string;
+    textLink: string;
+    placeholder: string;
+    disabled1: string;
+    disabled2: string;
+    disabled3: string;
+    background: string;
+    red: string;
+    black: string;
+    gold: string;
+    pink200: string;
+    pink500: string;
+    pink700: string;
+    pink900: string;
+    white: string;
+    white50: string;
+    red50: string;
+    red100: string;
+    red200: string;
+    red300: string;
+    red400: string;
+    red500: string;
+    red600: string;
+    red700: string;
+    red800: string;
+    red900: string;
+    red1000: string;
+    red2000: string;
+    blue50: string;
+    blue100: string;
+    blue400: string;
+    blue500: string;
+    blue900: string;
+    gray10: string;
+    gray50: string;
+    gray100: string;
+    gray200: string;
+    gray300: string;
+    gray390: string;
+    gray400: string;
+    gray500: string;
+    gray600: string;
+    gray700: string;
+    gray800: string;
+    gray900: string;
+    gray1000: string;
+    green50: string;
+    green100: string;
+    green200: string;
+    green300: string;
+    green400: string;
+    green500: string;
+    green600: string;
+    green700: string;
+    green800: string;
+    green900: string;
+    green1000: string;
+    orange50: string;
+    orange100: string;
+    orange200: string;
+    orange300: string;
+    orange400: string;
+    orange500: string;
+    orange600: string;
+    orange700: string;
+    orange800: string;
+    orange900: string;
+    orange1000: string;
+};

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

@@ -0,0 +1,102 @@
+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 = {
+    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 = {
+    pink200: "#FEB0BD",
+    pink500: "#FD395A",
+    pink700: "#CA2E48",
+    pink900: "#651724",
+};
+var orange = {
+    orange50: "#FAF8F6",
+    orange100: "##FDEAC7",
+    orange200: "#FBDCA0",
+    orange300: "#FACD78",
+    orange400: "#F8BE51",
+    orange500: "#EF9F09",
+    orange600: "#CD8808",
+    orange700: "#AA7106",
+    orange800: "#885A05",
+    orange900: "#654304",
+    orange1000: "#432D03",
+};
+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 = {
+    error: colorPalette.red600,
+    highlight01: colorPalette.blue500,
+    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);
+//# sourceMappingURL=colorPalette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colorPalette.js","sourceRoot":"","sources":["../../../../src/styled/theme/colorPalette.tsx"],"names":[],"mappings":"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"}

package/lib/esm/styled/theme/debugCss.d.ts

@@ -0,0 +1,9 @@
+export declare const debugCss: {
+    border: import("styled-components").FlattenSimpleInterpolation;
+    outline: import("styled-components").FlattenSimpleInterpolation;
+    borderwhite: import("styled-components").FlattenSimpleInterpolation;
+    borderred: import("styled-components").FlattenSimpleInterpolation;
+    bgred: import("styled-components").FlattenSimpleInterpolation;
+    bgblue: import("styled-components").FlattenSimpleInterpolation;
+    opacity5: import("styled-components").FlattenSimpleInterpolation;
+};

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  "]))),
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=debugCss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debugCss.js","sourceRoot":"","sources":["../../../../src/styled/theme/debugCss.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG,uGAAA,oCAEV,IAAA;IACD,OAAO,EAAE,GAAG,wGAAA,qCAEX,IAAA;IACD,WAAW,EAAE,GAAG,uGAAA,oCAEf,IAAA;IACD,SAAS,EAAE,GAAG,qGAAA,kCAEb,IAAA;IACD,KAAK,EAAE,GAAG,+FAAA,4BAET,IAAA;IACD,MAAM,EAAE,GAAG,gGAAA,6BAEV,IAAA;IACD,QAAQ,EAAE,GAAG,4FAAA,yBAEZ,IAAA;CACF,CAAC"}

package/lib/esm/styled/theme/dimensionsCss.d.ts

@@ -0,0 +1,13 @@
+export declare const dimensionsCss: {
+    w50: import("styled-components").FlattenSimpleInterpolation;
+    w100: import("styled-components").FlattenSimpleInterpolation;
+    h100: import("styled-components").FlattenSimpleInterpolation;
+    w: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    h: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    dim: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    maxw: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    maxh: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    minw: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    minh: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    br: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+};

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

@@ -0,0 +1,21 @@
+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    width: 100%;\n  "], ["\n    width: 100%;\n  "]))),
+    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    max-width: ", "px;\n  "], ["\n    /* maximum width in px */\n    max-width: ", "px;\n  "])), function (p) { return p.maxw; }),
+    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    min-width: ", "px;\n  "], ["\n    /* minimum width in px */\n    min-width: ", "px;\n  "])), function (p) { return p.minw; }),
+    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: ", "px;\n  "], ["\n    /* border radius in px */\n    border-radius: ", "px;\n  "])), function (p) { return 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;
+//# sourceMappingURL=dimensionsCss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dimensionsCss.js","sourceRoot":"","sources":["../../../../src/styled/theme/dimensionsCss.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,MAAM,CAAC,IAAM,aAAa,GAAG;IAC3B,GAAG,EAAE,GAAG,0FAAA,uBAEP,IAAA;IACD,IAAI,EAAE,GAAG,2FAAA,wBAER,IAAA;IACD,IAAI,EAAE,GAAG,4FAAA,yBAER,IAAA;IACD,CAAC,EAAE,GAAG,wIAAA,4DAEK,EAA4B,OACtC,KADU,UAAC,CAAM,IAAK,OAAA,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAhB,CAAgB,CACtC;IACD,CAAC,EAAE,GAAG,0IAAA,8DAEM,EAA4B,OACvC,KADW,UAAC,CAAM,IAAK,OAAA,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAhB,CAAgB,CACvC;IACD,GAAG,EAAE,GAAG,8GAAA,gBACI,EAA8B,gBAC/B,EAA8B,OACxC,KAFW,UAAC,CAAM,IAAK,OAAA,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAlB,CAAkB,EAC/B,UAAC,CAAM,IAAK,OAAA,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAlB,CAAkB,CACxC;IACD,IAAI,EAAE,GAAG,gIAAA,kDAEM,EAAkB,SAChC,KADc,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAChC;IACD,IAAI,EAAE,GAAG,kIAAA,oDAEO,EAAkB,SACjC,KADe,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CACjC;IACD,IAAI,EAAE,GAAG,gIAAA,kDAEM,EAAkB,SAChC,KADc,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAChC;IACD,IAAI,EAAE,GAAG,oIAAA,oDAEO,EAAkB,SACjC,KADe,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CACjC;IACD,EAAE,EAAE,GAAG,sIAAA,sDAEY,EAAgB,SAClC,KADkB,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,EAAE,EAAJ,CAAI,CAClC;CACF,CAAC"}

package/lib/esm/styled/theme/fontCss.d.ts

@@ -0,0 +1,12 @@
+export declare const fontCss: {
+    normal: import("styled-components").FlattenSimpleInterpolation;
+    semiBold: import("styled-components").FlattenSimpleInterpolation;
+    bold: import("styled-components").FlattenSimpleInterpolation;
+    extraBold: import("styled-components").FlattenSimpleInterpolation;
+    fontweight_800: import("styled-components").FlattenSimpleInterpolation;
+    italic: import("styled-components").FlattenSimpleInterpolation;
+    DM4: import("styled-components").FlattenSimpleInterpolation;
+    fs: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    lh: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    ls: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+};

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

@@ -0,0 +1,19 @@
+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 = {
+    normal: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-weight: 400;\n  "], ["\n    font-weight: 400;\n  "]))),
+    semiBold: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-weight: 500;\n  "], ["\n    font-weight: 500;\n  "]))),
+    bold: css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font-weight: 600;\n  "], ["\n    font-weight: 600;\n  "]))),
+    extraBold: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    font-weight: 700;\n  "], ["\n    font-weight: 700;\n  "]))),
+    fontweight_800: css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    font-weight: 800;\n  "], ["\n    font-weight: 800;\n  "]))),
+    italic: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    font-style: italic;\n  "], ["\n    font-style: italic;\n  "]))),
+    DM4: css(templateObject_7 || (templateObject_7 = __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_8 || (templateObject_8 = __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_9 || (templateObject_9 = __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_10 || (templateObject_10 = __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, templateObject_10;
+//# sourceMappingURL=fontCss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fontCss.js","sourceRoot":"","sources":["../../../../src/styled/theme/fontCss.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,MAAM,EAAE,GAAG,gGAAA,6BAEV,IAAA;IACD,QAAQ,EAAE,GAAG,gGAAA,6BAEZ,IAAA;IACD,IAAI,EAAE,GAAG,gGAAA,6BAER,IAAA;IACD,SAAS,EAAE,GAAG,gGAAA,6BAEb,IAAA;IACD,cAAc,EAAE,GAAG,gGAAA,6BAElB,IAAA;IACD,MAAM,EAAE,GAAG,kGAAA,+BAEV,IAAA;IACD,GAAG,EAAE,GAAG,iIAAA,8DAGP,IAAA;IACD,EAAE,EAAE,GAAG,4HAAA,8CAEQ,EAAwB,SACtC,KADc,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,EAAE,EAAR,CAAQ,CACtC;IACD,EAAE,EAAE,GAAG,gIAAA,kDAEU,EAAwB,SACxC,KADgB,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,EAAE,EAAR,CAAQ,CACxC;IACD,EAAE,EAAE,GAAG,wIAAA,wDAEa,EAAwB,SAC3C,KADmB,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,EAAE,EAAR,CAAQ,CAC3C;CACF,CAAC"}

package/lib/esm/styled/theme/globalCss.d.ts

@@ -0,0 +1,15 @@
+export declare const globalCss: {
+    clickable: import("styled-components").FlattenSimpleInterpolation;
+    disabledWhen: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    selectNone: import("styled-components").FlattenSimpleInterpolation;
+    yscroll: import("styled-components").FlattenSimpleInterpolation;
+    overflowHidden: import("styled-components").FlattenSimpleInterpolation;
+    rotate180: import("styled-components").FlattenSimpleInterpolation;
+    forMobile: import("styled-components").FlattenSimpleInterpolation;
+    forDesktop: import("styled-components").FlattenSimpleInterpolation;
+    mcontainer: import("styled-components").FlattenSimpleInterpolation;
+    c: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    bg: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    css: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    scrollbarDark: import("styled-components").FlattenSimpleInterpolation;
+};

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  "]))),
+    forMobile: css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    @media all and ", " {\n      display: none;\n    }\n  "], ["\n    @media all and ", " {\n      display: none;\n    }\n  "])), mediaQueries.desktop),
+    forDesktop: 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.mobile),
+    mcontainer: css(templateObject_10 || (templateObject_10 = __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_11 || (templateObject_11 = __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_12 || (templateObject_12 = __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_13 || (templateObject_13 = __makeTemplateObject(["\n    ", ";\n  "], ["\n    ", ";\n  "])), function (p) { return p.css; }),
+    scrollbarDark: css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    scrollbar-width: thin;\n    scrollbar-color: ", " transparent;\n    /* width */\n    ::-webkit-scrollbar {\n      width: 5px;\n      height: 5px;\n      opacity: 0.3;\n    }\n\n    /* Handle */\n    ::-webkit-scrollbar-thumb {\n      background-color: ", ";\n      opacity: 0.3;\n      border-radius: 3px;\n    }\n\n    /* Track */\n    ::-webkit-scrollbar-track {\n      background: 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: ", " transparent;\n    /* width */\n    ::-webkit-scrollbar {\n      width: 5px;\n      height: 5px;\n      opacity: 0.3;\n    }\n\n    /* Handle */\n    ::-webkit-scrollbar-thumb {\n      background-color: ", ";\n      opacity: 0.3;\n      border-radius: 3px;\n    }\n\n    /* Track */\n    ::-webkit-scrollbar-track {\n      background: 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;
+//# sourceMappingURL=globalCss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"globalCss.js","sourceRoot":"","sources":["../../../../src/styled/theme/globalCss.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,SAAS,EAAE,GAAG,mKAAA,gGAMb,IAAA;IACD,YAAY,EAAE,GAAG,mFAAA,QACb,EAIC,MACJ,KALG,UAAC,CAAM;QACP,OAAA,CAAC,CAAC,YAAY,IACd,GAAG,4GAAA,yCAEF,IAAA;IAHD,CAGC,CACJ;IACD,UAAU,EAAE,GAAG,iGAAA,8BAEd,IAAA;IACD,OAAO,EAAE,GAAG,kGAAA,+BAEX,IAAA;IACD,cAAc,EAAE,GAAG,gGAAA,6BAElB,IAAA;IACD,SAAS,EAAE,GAAG,yGAAA,sCAEb,IAAA;IACD,SAAS,EAAE,GAAG,iIAAA,uBACK,EAAoB,qCAGtC,KAHkB,YAAY,CAAC,OAAO,CAGtC;IACD,UAAU,EAAE,GAAG,iIAAA,uBACI,EAAmB,qCAGrC,KAHkB,YAAY,CAAC,MAAM,CAGrC;IACD,UAAU,EAAE,GAAG,gKAAA,uBACI,EAAmB,kEAIrC,KAJkB,YAAY,CAAC,MAAM,CAIrC;IACD,CAAC,EAAE,GAAG,mJAAA,qEAEK,EAAuB,OACjC,KADU,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,CAAC,EAAP,CAAO,CACjC;IACD,EAAE,EAAE,GAAG,0KAAA,4FAEe,EAAwB,OAC7C,KADqB,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,EAAE,EAAR,CAAQ,CAC7C;IACD,GAAG,EAAE,GAAG,sFAAA,QACJ,EAAiB,OACpB,KADG,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,GAAG,EAAL,CAAK,CACpB;IACD,aAAa,EAAE,GAAG,ymBAAA,qDAEG,EAAc,6MAUX,EAAc,8QAad,EAAc,cAErC,KAzBoB,MAAM,CAAC,OAAO,EAUX,MAAM,CAAC,OAAO,EAad,MAAM,CAAC,OAAO,CAErC;CACF,CAAC"}