fuse-importer 0.0.1-staging

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

@@ -0,0 +1,345 @@
+import "styled-components";
+import { colors } from "./colorPalette";
+export declare const getCssValue: (v: any) => string;
+export { colors };
+export declare const appCss: {
+    pt: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    pb: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    pl: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    pr: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    p: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    mt: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    mb: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    ml: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    mr: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    m: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    top: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    bottom: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    left: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    right: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    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;
+    rotate180If: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+        rotate180If: boolean;
+    }, any>>;
+    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;
+    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;
+    divider: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    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>>;
+    h1: import("styled-components").FlattenSimpleInterpolation;
+    h2: import("styled-components").FlattenSimpleInterpolation;
+    h3: import("styled-components").FlattenSimpleInterpolation;
+    h4: import("styled-components").FlattenSimpleInterpolation;
+    h5: import("styled-components").FlattenSimpleInterpolation;
+    h6: import("styled-components").FlattenSimpleInterpolation;
+    subtitle: import("styled-components").FlattenSimpleInterpolation;
+    body1: import("styled-components").FlattenSimpleInterpolation;
+    body2: import("styled-components").FlattenSimpleInterpolation;
+    body3: import("styled-components").FlattenSimpleInterpolation;
+    body4: import("styled-components").FlattenSimpleInterpolation;
+    label1: import("styled-components").FlattenSimpleInterpolation;
+    label2: import("styled-components").FlattenSimpleInterpolation;
+    label3: import("styled-components").FlattenSimpleInterpolation;
+    helperText: import("styled-components").FlattenSimpleInterpolation;
+    buttonText: import("styled-components").FlattenSimpleInterpolation;
+    buttonTextSmall: import("styled-components").FlattenSimpleInterpolation;
+    link: import("styled-components").FlattenSimpleInterpolation;
+    stepper: import("styled-components").FlattenSimpleInterpolation;
+    truncateText: import("styled-components").FlattenSimpleInterpolation;
+    dInline: import("styled-components").FlattenSimpleInterpolation;
+    flexWrap: import("styled-components").FlattenSimpleInterpolation;
+    underline: import("styled-components").FlattenSimpleInterpolation;
+    textAlignCenter: import("styled-components").FlattenSimpleInterpolation;
+    textAlignRight: import("styled-components").FlattenSimpleInterpolation;
+    textAlignLeft: import("styled-components").FlattenSimpleInterpolation;
+    uppercase: import("styled-components").FlattenSimpleInterpolation;
+    capitalize: import("styled-components").FlattenSimpleInterpolation;
+    lowercase: import("styled-components").FlattenSimpleInterpolation;
+    dflex: import("styled-components").FlattenSimpleInterpolation;
+    centered: import("styled-components").FlattenSimpleInterpolation;
+    flexColumn: import("styled-components").FlattenSimpleInterpolation;
+    flexColumnCentered: import("styled-components").FlattenSimpleInterpolation;
+    flexRowReverse: import("styled-components").FlattenSimpleInterpolation;
+    spaceBetween: import("styled-components").FlattenSimpleInterpolation;
+    spaceBetweenAligned: import("styled-components").FlattenSimpleInterpolation;
+    spaceAround: import("styled-components").FlattenSimpleInterpolation;
+    justifyEnd: import("styled-components").FlattenSimpleInterpolation;
+    justifyCenter: import("styled-components").FlattenSimpleInterpolation;
+    alignEnd: import("styled-components").FlattenSimpleInterpolation;
+    alignStart: import("styled-components").FlattenSimpleInterpolation;
+    alignCenter: import("styled-components").FlattenSimpleInterpolation;
+    grow: import("styled-components").FlattenSimpleInterpolation;
+    pAbsolute: import("styled-components").FlattenSimpleInterpolation;
+    pRelative: import("styled-components").FlattenSimpleInterpolation;
+    pSticky: import("styled-components").FlattenSimpleInterpolation;
+    floatLeft: import("styled-components").FlattenSimpleInterpolation;
+    w50: import("styled-components").FlattenSimpleInterpolation;
+    w100: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+        w100: boolean;
+    }, any>>;
+    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").ThemedStyledProps<{
+        maxw?: number;
+    }, 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>>;
+    fadeIn: import("styled-components").FlattenSimpleInterpolation;
+};
+export declare const theme: {
+    readonly colors: {
+        backgroundInterface: string;
+        interactiveDisabled: "#FEB0BD";
+        error: string;
+        warning01: string;
+        highlight01: string;
+        tableHeader: 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;
+        pink100: string;
+        pink300: 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;
+        gray5: 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;
+        orange1100: string;
+        orange1200: string;
+    };
+    readonly textStyles: {
+        h1: import("styled-components").FlattenSimpleInterpolation;
+        h2: import("styled-components").FlattenSimpleInterpolation;
+        h3: import("styled-components").FlattenSimpleInterpolation;
+        h4: import("styled-components").FlattenSimpleInterpolation;
+        h5: import("styled-components").FlattenSimpleInterpolation;
+        h6: import("styled-components").FlattenSimpleInterpolation;
+        subtitle: import("styled-components").FlattenSimpleInterpolation;
+        body1: import("styled-components").FlattenSimpleInterpolation;
+        body2: import("styled-components").FlattenSimpleInterpolation;
+        body3: import("styled-components").FlattenSimpleInterpolation;
+        body4: import("styled-components").FlattenSimpleInterpolation;
+        label1: import("styled-components").FlattenSimpleInterpolation;
+        label2: import("styled-components").FlattenSimpleInterpolation;
+        label3: import("styled-components").FlattenSimpleInterpolation;
+        helperText: import("styled-components").FlattenSimpleInterpolation;
+        buttonText: import("styled-components").FlattenSimpleInterpolation;
+        buttonTextSmall: import("styled-components").FlattenSimpleInterpolation;
+        link: import("styled-components").FlattenSimpleInterpolation;
+        stepper: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readonly css: {
+        pt: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        pb: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        pl: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        pr: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        p: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        mt: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        mb: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        ml: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        mr: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        m: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        top: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        bottom: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        left: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        right: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        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;
+        rotate180If: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+            rotate180If: boolean;
+        }, any>>;
+        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;
+        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;
+        divider: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+        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>>;
+        h1: import("styled-components").FlattenSimpleInterpolation;
+        h2: import("styled-components").FlattenSimpleInterpolation;
+        h3: import("styled-components").FlattenSimpleInterpolation;
+        h4: import("styled-components").FlattenSimpleInterpolation;
+        h5: import("styled-components").FlattenSimpleInterpolation;
+        h6: import("styled-components").FlattenSimpleInterpolation;
+        subtitle: import("styled-components").FlattenSimpleInterpolation;
+        body1: import("styled-components").FlattenSimpleInterpolation;
+        body2: import("styled-components").FlattenSimpleInterpolation;
+        body3: import("styled-components").FlattenSimpleInterpolation;
+        body4: import("styled-components").FlattenSimpleInterpolation;
+        label1: import("styled-components").FlattenSimpleInterpolation;
+        label2: import("styled-components").FlattenSimpleInterpolation;
+        label3: import("styled-components").FlattenSimpleInterpolation;
+        helperText: import("styled-components").FlattenSimpleInterpolation;
+        buttonText: import("styled-components").FlattenSimpleInterpolation;
+        buttonTextSmall: import("styled-components").FlattenSimpleInterpolation;
+        link: import("styled-components").FlattenSimpleInterpolation;
+        stepper: import("styled-components").FlattenSimpleInterpolation;
+        truncateText: import("styled-components").FlattenSimpleInterpolation;
+        dInline: import("styled-components").FlattenSimpleInterpolation;
+        flexWrap: import("styled-components").FlattenSimpleInterpolation;
+        underline: import("styled-components").FlattenSimpleInterpolation;
+        textAlignCenter: import("styled-components").FlattenSimpleInterpolation;
+        textAlignRight: import("styled-components").FlattenSimpleInterpolation;
+        textAlignLeft: import("styled-components").FlattenSimpleInterpolation;
+        uppercase: import("styled-components").FlattenSimpleInterpolation;
+        capitalize: import("styled-components").FlattenSimpleInterpolation;
+        lowercase: import("styled-components").FlattenSimpleInterpolation;
+        dflex: import("styled-components").FlattenSimpleInterpolation;
+        centered: import("styled-components").FlattenSimpleInterpolation;
+        flexColumn: import("styled-components").FlattenSimpleInterpolation;
+        flexColumnCentered: import("styled-components").FlattenSimpleInterpolation;
+        flexRowReverse: import("styled-components").FlattenSimpleInterpolation;
+        spaceBetween: import("styled-components").FlattenSimpleInterpolation;
+        spaceBetweenAligned: import("styled-components").FlattenSimpleInterpolation;
+        spaceAround: import("styled-components").FlattenSimpleInterpolation;
+        justifyEnd: import("styled-components").FlattenSimpleInterpolation;
+        justifyCenter: import("styled-components").FlattenSimpleInterpolation;
+        alignEnd: import("styled-components").FlattenSimpleInterpolation;
+        alignStart: import("styled-components").FlattenSimpleInterpolation;
+        alignCenter: import("styled-components").FlattenSimpleInterpolation;
+        grow: import("styled-components").FlattenSimpleInterpolation;
+        pAbsolute: import("styled-components").FlattenSimpleInterpolation;
+        pRelative: import("styled-components").FlattenSimpleInterpolation;
+        pSticky: import("styled-components").FlattenSimpleInterpolation;
+        floatLeft: import("styled-components").FlattenSimpleInterpolation;
+        w50: import("styled-components").FlattenSimpleInterpolation;
+        w100: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+            w100: boolean;
+        }, any>>;
+        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").ThemedStyledProps<{
+            maxw?: number;
+        }, 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>>;
+        fadeIn: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readonly media: {
+        desktop: string;
+        mobile: string;
+    };
+};
+export type Theme = typeof theme;
+declare module "styled-components" {
+    interface DefaultTheme extends Theme {
+    }
+}
+export default theme;

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

@@ -0,0 +1,33 @@
+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.d.ts

@@ -0,0 +1,20 @@
+export declare const layoutCss: {
+    dflex: import("styled-components").FlattenSimpleInterpolation;
+    centered: import("styled-components").FlattenSimpleInterpolation;
+    flexColumn: import("styled-components").FlattenSimpleInterpolation;
+    flexColumnCentered: import("styled-components").FlattenSimpleInterpolation;
+    flexRowReverse: import("styled-components").FlattenSimpleInterpolation;
+    spaceBetween: import("styled-components").FlattenSimpleInterpolation;
+    spaceBetweenAligned: import("styled-components").FlattenSimpleInterpolation;
+    spaceAround: import("styled-components").FlattenSimpleInterpolation;
+    justifyEnd: import("styled-components").FlattenSimpleInterpolation;
+    justifyCenter: import("styled-components").FlattenSimpleInterpolation;
+    alignEnd: import("styled-components").FlattenSimpleInterpolation;
+    alignStart: import("styled-components").FlattenSimpleInterpolation;
+    alignCenter: import("styled-components").FlattenSimpleInterpolation;
+    grow: import("styled-components").FlattenSimpleInterpolation;
+    pAbsolute: import("styled-components").FlattenSimpleInterpolation;
+    pRelative: import("styled-components").FlattenSimpleInterpolation;
+    pSticky: import("styled-components").FlattenSimpleInterpolation;
+    floatLeft: import("styled-components").FlattenSimpleInterpolation;
+};

package/lib/esm/styled/theme/layoutCss.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";
+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.d.ts

@@ -0,0 +1,4 @@
+export declare const mediaQueries: {
+    desktop: string;
+    mobile: string;
+};

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

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

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

@@ -0,0 +1,20 @@
+export declare const absolutePosition: {
+    top: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    bottom: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    left: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    right: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+};
+export declare const marginCss: {
+    mt: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    mb: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    ml: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    mr: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    m: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+};
+export declare const paddingCss: {
+    pt: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    pb: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    pl: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    pr: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+    p: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+};

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

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

@@ -0,0 +1,12 @@
+export declare const textCss: {
+    truncateText: import("styled-components").FlattenSimpleInterpolation;
+    dInline: import("styled-components").FlattenSimpleInterpolation;
+    flexWrap: import("styled-components").FlattenSimpleInterpolation;
+    underline: import("styled-components").FlattenSimpleInterpolation;
+    textAlignCenter: import("styled-components").FlattenSimpleInterpolation;
+    textAlignRight: import("styled-components").FlattenSimpleInterpolation;
+    textAlignLeft: import("styled-components").FlattenSimpleInterpolation;
+    uppercase: import("styled-components").FlattenSimpleInterpolation;
+    capitalize: import("styled-components").FlattenSimpleInterpolation;
+    lowercase: import("styled-components").FlattenSimpleInterpolation;
+};

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

@@ -0,0 +1,18 @@
+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.d.ts

@@ -0,0 +1,21 @@
+export declare const textStyles: {
+    h1: import("styled-components").FlattenSimpleInterpolation;
+    h2: import("styled-components").FlattenSimpleInterpolation;
+    h3: import("styled-components").FlattenSimpleInterpolation;
+    h4: import("styled-components").FlattenSimpleInterpolation;
+    h5: import("styled-components").FlattenSimpleInterpolation;
+    h6: import("styled-components").FlattenSimpleInterpolation;
+    subtitle: import("styled-components").FlattenSimpleInterpolation;
+    body1: import("styled-components").FlattenSimpleInterpolation;
+    body2: import("styled-components").FlattenSimpleInterpolation;
+    body3: import("styled-components").FlattenSimpleInterpolation;
+    body4: import("styled-components").FlattenSimpleInterpolation;
+    label1: import("styled-components").FlattenSimpleInterpolation;
+    label2: import("styled-components").FlattenSimpleInterpolation;
+    label3: import("styled-components").FlattenSimpleInterpolation;
+    helperText: import("styled-components").FlattenSimpleInterpolation;
+    buttonText: import("styled-components").FlattenSimpleInterpolation;
+    buttonTextSmall: import("styled-components").FlattenSimpleInterpolation;
+    link: import("styled-components").FlattenSimpleInterpolation;
+    stepper: import("styled-components").FlattenSimpleInterpolation;
+};

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

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

@@ -0,0 +1,2 @@
+import { ThemedCssFunction } from "styled-components";
+export declare const css: ThemedCssFunction<any>;

package/lib/esm/styled/themeType.js

@@ -0,0 +1,6 @@
+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.};