@mailstep/design-system 0.8.26-beta.6 → 0.8.26

package/ui/Forms/RadioButton/styles.js

@@ -1,76 +0,0 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  display: flex;\n  align-items: center;\n  height: auto;\n  width: auto;\n  box-sizing: border-box;\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  display: flex;\n  position: relative;\n  width: 18px;\n  height: 18px;\n  & > span > span {\n    width: 10px;\n    height: 10px;\n  }\n  & > * {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n  border-radius: 50%;\n  background-color: white;\n  border: 1.5px solid;\n  border-color: lightGray5;\n  pointer-events: none;\n  cursor: pointer;\n  position: relative;\n\n  & span {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    box-sizing: border-box;\n    border-radius: 50%;\n    transition: opacity 100ms ease-out;\n    background-color: white;\n  }\n\n  input[type='radio']:checked + & {\n    border-color: red1;\n  }\n\n  input[type='radio']:disabled + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:not(:disabled):not(:checked):hover + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n  input[type='radio']:checked:disabled + & > span {\n    background-color: gray1;\n  }\n\n  input[type='radio']:checked + & > span {\n    background-color: red1;\n  }\n"
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n  width: 10px;\n  height: 10px;\n"
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n  opacity: 0;\n  border-radius: 50%;\n  width: 18px;\n  height: 18px;\n  cursor: ",
-        ";\n  margin: 0;\n"
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import styled from "@xstyled/styled-components";
-var Wrapper = styled.div(_templateObject());
-var Item = styled.div(_templateObject1());
-var PaintoverLayer = styled.span(_templateObject2());
-var CenterDot = styled.span(_templateObject3());
-var StyledRadio = styled.input(_templateObject4(), function(param) {
-    var disabled = param.disabled;
-    return disabled ? "default" : "pointer";
-});
-var Label = styled.label(_templateObject5());
-export { CenterDot, Item, Label, PaintoverLayer, StyledRadio, Wrapper };

package/ui/Forms/TextArea/TextArea.js

@@ -1,155 +0,0 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(Object(source));
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-import { jsx, jsxs } from "react/jsx-runtime";
-import ErrorMessage from "../../Elements/ErrorMessage/ErrorMessage";
-import FaIcon from "../../Elements/Icon/Icon";
-import { FieldLabel } from "../../Elements/Label";
-import { SpaceAroundWrap } from "../../Elements/SpaceAround";
-import { StyledTextArea, TextAreaWrap, InnerWrap, BorderWrap, IconWrap } from "./styles";
-var TextArea = function TextArea(_0) {
-    var name = _0.name, label = _0.label, value = _0.value, disabled = _0.disabled, error = _0.error, _0_spaceAround = _0.spaceAround, spaceAround = _0_spaceAround === void 0 ? false : _0_spaceAround, _0_isInvalid = _0.isInvalid, isInvalid = _0_isInvalid === void 0 ? void 0 : _0_isInvalid, className = _0.className, resize = _0.resize, icon = _0.icon, _0_rows = _0.rows, rows = _0_rows === void 0 ? 4 : _0_rows, Footer = _0.Footer, rest = _object_without_properties(_0, [
-        "name",
-        "label",
-        "value",
-        "disabled",
-        "error",
-        "spaceAround",
-        "isInvalid",
-        "className",
-        "resize",
-        "icon",
-        "rows",
-        "Footer"
-    ]);
-    var $isInvalid = isInvalid !== void 0 ? isInvalid : !!error;
-    return /* @__PURE__ */ jsxs(SpaceAroundWrap, {
-        spaceAround: spaceAround,
-        children: [
-            /* @__PURE__ */ jsxs(TextAreaWrap, {
-                children: [
-                    label && /* @__PURE__ */ jsx(FieldLabel, {
-                        htmlFor: name,
-                        children: label
-                    }),
-                    /* @__PURE__ */ jsxs(BorderWrap, {
-                        $isInvalid: $isInvalid,
-                        disabled: disabled,
-                        children: [
-                            /* @__PURE__ */ jsxs(InnerWrap, {
-                                children: [
-                                    icon && /* @__PURE__ */ jsx(IconWrap, {
-                                        children: /* @__PURE__ */ jsx(FaIcon, {
-                                            icon: icon
-                                        })
-                                    }),
-                                    /* @__PURE__ */ jsx(StyledTextArea, _object_spread_props(_object_spread({
-                                        name: name,
-                                        value: value,
-                                        disabled: disabled,
-                                        className: className,
-                                        $isInvalid: $isInvalid,
-                                        $resize: resize
-                                    }, rest), {
-                                        rows: rows
-                                    }))
-                                ]
-                            }),
-                            Footer
-                        ]
-                    })
-                ]
-            }),
-            error && /* @__PURE__ */ jsx(ErrorMessage, {
-                children: error
-            })
-        ]
-    });
-};
-var TextArea_default = TextArea;
-export { TextArea_default as default };

package/ui/Forms/TextArea/index.js

@@ -1,3 +0,0 @@
-import TextArea from "./TextArea";
-var TextArea_default = TextArea;
-export { TextArea_default as default };

package/ui/Forms/TextArea/styles.js

@@ -1,100 +0,0 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  font-size: 12px;\n  color: ",
-        ";\n\n  & svg {\n    margin-top: 2;\n    margin-right: 1;\n  }\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n          resize: ",
-        ";\n        "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n  ",
-        ";\n  display: block;\n  width: 100%;\n  font-size: 1;\n  font-family: ",
-        ";\n  line-height: 0;\n  transition: inputTransition;\n  border: none;\n  font-weight: 800;\n  color: ",
-        ";\n  background-color: transparent;\n  :focus {\n    outline: 0;\n    color: blue2;\n  }\n  ",
-        "\n\n  ::placeholder {\n    color: lightGray5;\n    font-size: 14px;\n    font-weight: 400;\n  }\n"
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n  position: relative;\n"
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n  display: flex;\n  flex-direction: column;\n  background-color: white;\n  padding-top: 1;\n  padding-bottom: 1;\n  padding-right: 1;\n  padding-left: 12px;\n  border: slim;\n  border-color: ",
-        ";\n  color: ",
-        ";\n  background-color: ",
-        ";\n  background-clip: padding-box;\n  border-radius: lg;\n\n  :focus-within {\n    background-color: white;\n    border-color: blue2;\n    color: blue2;\n  }\n\n  :hover {\n    border-color: ",
-        ";\n  }\n\n  :disabled {\n    background-color: lightGray1;\n  }\n"
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n  display: flex;\n  position: relative;\n"
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import styled, { css } from "@xstyled/styled-components";
-import { system, th } from "@xstyled/system";
-var IconWrap = styled.div(_templateObject(), th.color("lightGray5"));
-var StyledTextArea = styled.textarea(_templateObject2(), system, th("fonts.primary"), function(param) {
-    var $isInvalid = param.$isInvalid, disabled = param.disabled;
-    return $isInvalid ? th.color("red1") : disabled ? th.color("gray") : th.color("typoPrimary");
-}, function(param) {
-    var $resize = param.$resize;
-    return $resize ? css(_templateObject1(), $resize) : "";
-});
-var TextAreaWrap = styled.div(_templateObject3());
-var BorderWrap = styled.div(_templateObject4(), function(param) {
-    var $isInvalid = param.$isInvalid;
-    return $isInvalid ? th.color("red1") : th.color("lightGray6");
-}, function(param) {
-    var $isInvalid = param.$isInvalid;
-    return $isInvalid ? th.color("red1") : th.color("gray");
-}, function(param) {
-    var disabled = param.disabled;
-    return disabled ? th("colors.lightGray1") : "unset";
-}, function(param) {
-    var disabled = param.disabled;
-    return disabled ? th("colors.lightGray3") : th("colors.gray5");
-});
-var InnerWrap = styled.div(_templateObject5());
-export { BorderWrap, IconWrap, InnerWrap, StyledTextArea, TextAreaWrap };

package/ui/System/Fonts/index.js

@@ -1,17 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Helmet } from "react-helmet";
-import InterLightMailstep from "../../../assets/fonts/Inter-Light_mailstep.woff2";
-import InterRegularMailstep from "../../../assets/fonts/Inter-Regular_mailstep.woff2";
-import InterMediumMailstep from "../../../assets/fonts/Inter-Medium_mailstep.woff2";
-import InterSemiBoldMailstep from "../../../assets/fonts/Inter-SemiBold_mailstep.woff2";
-import InterBoldMailstep from "../../../assets/fonts/Inter-Bold_mailstep.woff2";
-var Fonts = function Fonts() {
-    return /* @__PURE__ */ jsx(Helmet, {
-        children: /* @__PURE__ */ jsx("style", {
-            type: "text/css",
-            children: "\n        @font-face {\n          font-family: 'Inter';\n          font-style: normal;\n          font-weight: 300;\n          font-display: swap;\n          src: url(".concat(InterLightMailstep, ") format('woff2');\n        }\n\n        @font-face {\n          font-family: 'Inter';\n          font-style: normal;\n          font-weight: 400;\n          font-display: swap;\n          src: url(").concat(InterRegularMailstep, ") format('woff2');\n        }\n      \n        @font-face {\n          font-family: 'Inter';\n          font-style: normal;\n          font-weight: 500;\n          font-display: swap;\n          src: url(").concat(InterMediumMailstep, ") format('woff2');\n        }\n\n        @font-face {\n          font-family: 'Inter';\n          font-style: normal;\n          font-weight: 600;\n          font-display: swap;\n          src: url(").concat(InterSemiBoldMailstep, ") format('woff2');\n        }\n      \n        @font-face {\n          font-family: 'Inter';\n          font-style: normal;\n          font-weight: 700;\n          font-display: swap;\n          src: url(").concat(InterBoldMailstep, ") format('woff2');\n        }\n    ")
-        })
-    });
-};
-var Fonts_default = Fonts;
-export { Fonts_default as default };

package/ui/ThemeProvider/ThemeProvider.d.js

@@ -1,2 +0,0 @@
-import { Color, Theme, Themes } from "./types";
-export { Color, Theme, Themes };

package/ui/ThemeProvider/ThemeProvider.js

@@ -1,20 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext } from "react";
-import { ThemeProvider, Preflight } from "@xstyled/styled-components";
-import themes from "./themes";
-var LanguageContext = createContext("en");
-var MailstepThemeProvider = function MailstepThemeProvider(param) {
-    var children = param.children, _param_theme = param.theme, theme = _param_theme === void 0 ? "default" : _param_theme, _param_preflight = param.preflight, preflight = _param_preflight === void 0 ? true : _param_preflight, _param_language = param.language, language = _param_language === void 0 ? "en" : _param_language;
-    return /* @__PURE__ */ jsx(LanguageContext.Provider, {
-        value: language,
-        children: /* @__PURE__ */ jsxs(ThemeProvider, {
-            theme: themes[theme],
-            children: [
-                preflight && /* @__PURE__ */ jsx(Preflight, {}),
-                children
-            ]
-        })
-    });
-};
-var ThemeProvider_default = MailstepThemeProvider;
-export { LanguageContext, ThemeProvider_default as default };

package/ui/ThemeProvider/index.d.js

@@ -1,3 +0,0 @@
-import { Color, Theme, Themes } from "./types";
-var index_d_default = ThemeProvider;
-export { Color, Theme, Themes, index_d_default as default };

package/ui/ThemeProvider/index.js

@@ -1,5 +0,0 @@
-import ThemeProvider from "./ThemeProvider";
-import themes from "./themes";
-export * from "./types";
-var ThemeProvider_default = ThemeProvider;
-export { ThemeProvider_default as default, themes };

package/ui/ThemeProvider/themes/default.js

@@ -1,194 +0,0 @@
-var defaultTheme = {
-    breakpoints: [
-        "0"
-    ],
-    colors: {
-        white: "#FFFFFF",
-        bgLightGray: "#FAFBFC",
-        bgLightGray1: "#F1F5F9",
-        lightGray1: "#F5F7FA",
-        lightGray2: "#EFF3F8",
-        lightGray3: "#D4D8DE",
-        lightGray4: "#B9BFC9",
-        lightGray5: "#A3B3C1",
-        lightGray6: "#D2D8DF",
-        lightGray7: "#E7EBEF",
-        neutral20: "#F1F5F9",
-        neutral300: "#5E6C84",
-        neutral500: "#42526E",
-        gray: "#8594A5",
-        gray1: "#7A90A1",
-        gray2: "#9AA1A7",
-        gray3: "#5F6C76",
-        gray4: "#455665",
-        gray5: "#647483",
-        blue1: "#2C4052",
-        blue2: "#22394E",
-        blue3: "#162C3F",
-        blue4: "#0C1F2F",
-        textPrimary: "#091E42",
-        textTertiary: "#7A869A",
-        typoPrimary: "#22394E",
-        blue10: "#F3F9FF",
-        blue20: "#DCEFFF",
-        blue30: "#BFE0FF",
-        blue40: "#6FADFF",
-        blue50: "#2684FF",
-        blue60: "#0065FF",
-        blue70: "#0052CC",
-        blue80: "#0747A6",
-        blue90: "#1d3557",
-        teal20: "#E6FCFF",
-        teal40: "#a8dadc",
-        teal50: "#1aa1a7",
-        teal60: "#00B1D0",
-        teal70: "#1aa1da",
-        teal80: "#06718C",
-        teal90: "#035361",
-        green10: "#F2FFF5",
-        green20: "#DEFBE6",
-        green30: "#b8ecb8",
-        green50: "#81dd91",
-        green60: "#00A445",
-        green70: "#198038",
-        green80: "#0E6027",
-        green90: "#067164",
-        green: "#13CE62",
-        successColor: "#24A148",
-        darkGreen: "#00A445",
-        orange20: "#FFF3E0",
-        orange30: "#FFE6CC",
-        orange50: "#ff9f43",
-        orange60: "#FF9800",
-        orange80: "#9E4800",
-        yellow10: "#FFFDE8",
-        yellow20: "#FFF9C4",
-        yellow60: "#FFE600",
-        yellow70: "#FFD702",
-        yellow1: "#FFD702",
-        yellow2: "#F2E871",
-        red10: "#FFF6F4",
-        red20: "#FFEBE6",
-        red30: "#FFDAD1",
-        red50: "#ff7c7b",
-        red70: "#CF2013",
-        red1: "#DB2B19",
-        red2: "#E94324",
-        red3: "#991E12",
-        red60: "#DB2B19",
-        red80: "#B71C1C",
-        dangerColor: "#E32C1E",
-        purple20: "#F0EDFF",
-        purple40: "#0072A0",
-        purple50: "#4573B3",
-        purple60: "#6554C0",
-        purple80: "#403294",
-        purple90: "#03235f",
-        magenta10: "#FFF7FB",
-        magenta20: "#FCF1F7",
-        magenta30: "#FFD6E8",
-        magenta40: "#FFAFD2",
-        magenta50: "#FF7EB6",
-        magenta60: "#EE5396",
-        magenta70: "#D12771",
-        magenta80: "#9F1853",
-        magenta90: "#7B1340"
-    },
-    fonts: {
-        primary: "Inter, sans-serif",
-        heading: "Inter, sans-serif"
-    },
-    fontLinks: [
-        "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
-    ],
-    fontSizes: [
-        "10px",
-        "12px",
-        "14px",
-        "16px",
-        "18px",
-        "21px",
-        "24px",
-        "32px"
-    ],
-    lineHeights: [
-        1.7
-    ],
-    fontWeights: {
-        light: 300,
-        normal: 400,
-        medium: 500,
-        semiBold: 600,
-        bold: 700
-    },
-    letterSpacings: {
-        default: null,
-        sm: "2px",
-        md: "4px",
-        lg: "8px"
-    },
-    borders: {
-        slim: "1px solid",
-        mediumSlim: "2px solid",
-        medium: "3px solid",
-        mediumThick: "6px solid",
-        thick: "10px solid"
-    },
-    // ...........................
-    radii: {
-        sm: "2px",
-        md: "4px",
-        ml: "6px",
-        lg: "8px",
-        xl: "16px"
-    },
-    shadows: {
-        boxShadow: "0px 5px 60px rgba(0, 0, 0, 0.1)",
-        dropShadow: "0px 5px 40px rgba(0, 0, 0, 0.1)",
-        inputFocusBoxShadow: "0 3px 10px 0 rgba(0, 0, 0, 0.15)",
-        dropdownMenuShadow: "0 5px 25px rgba(0, 0, 0, 0.1)",
-        tooltipBoxShadow: "0px 2px 20px rgba(0, 0, 0, 0.1)",
-        cardShadow: "0 3px 10px 0 rgba(0, 0, 0, 0.15)",
-        smooth: "0px 4px 25px 0px #0000001a",
-        // redesign:
-        dialogShadow: "0px 4px 23px 0px rgba(0, 0, 0, 0.08)",
-        headerShadow: "1px 2px 3px #00000029",
-        headerShadowB: "1px 1px 3px #00000029",
-        headerShadowNotifications: "1px 1px 2px #00000029",
-        cornerDialogShadow: "1px 1px 3px 1px #00000029",
-        gridShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.12)",
-        tooltipShadow: "0px 2px 20px 0px rgba(0, 0, 0, 0.10)"
-    },
-    space: [
-        0,
-        4,
-        8,
-        16,
-        24,
-        48,
-        96,
-        144,
-        192,
-        240
-    ],
-    // same as xstyled default
-    transitions: {
-        simpleLong: "all 2s",
-        inputTransition: "border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out"
-    },
-    zIndices: [
-        0,
-        1,
-        2,
-        3,
-        5,
-        30,
-        40,
-        100,
-        200,
-        300,
-        9999
-    ]
-};
-var default_default = defaultTheme;
-export { default_default as default };

package/ui/ThemeProvider/themes/index.js

@@ -1,10 +0,0 @@
-import defaultTheme from "./default";
-import light from "./light";
-import mailwise from "./mailwise";
-var themes = {
-    default: defaultTheme,
-    light: light,
-    mailwise: mailwise
-};
-var themes_default = themes;
-export { themes_default as default };

package/ui/ThemeProvider/themes/light.js

@@ -1,8 +0,0 @@
-var lightTheme = {
-    colors: {
-        primary: "#219615",
-        warning: "purple"
-    }
-};
-var light_default = lightTheme;
-export { light_default as default };