fuse-importer 0.0.1-staging

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

@@ -0,0 +1,171 @@
+export declare const colorPalette: {
+    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;
+    error: 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;
+};
+export declare const colorLabels: {
+    readonly backgroundInterface: string;
+    readonly interactiveDisabled: "#FEB0BD";
+    readonly error: string;
+    readonly warning01: string;
+    readonly highlight01: string;
+    readonly tableHeader: string;
+    readonly outlineInputs: string;
+    readonly text: string;
+    readonly textPrim: string;
+    readonly textSec: string;
+    readonly textTert: string;
+    readonly textLink: string;
+    readonly placeholder: string;
+    readonly disabled1: string;
+    readonly disabled2: string;
+    readonly disabled3: string;
+    readonly background: string;
+};
+export declare const 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;
+};

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.d.ts

@@ -0,0 +1,10 @@
+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;
+    divider: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+};

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.d.ts

@@ -0,0 +1,17 @@
+export declare const dimensionsCss: {
+    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>>;
+};

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.d.ts

@@ -0,0 +1,11 @@
+export declare const fontCss: {
+    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,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.d.ts

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

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;