@czi-sds/components 15.1.1 → 15.3.0

package/dist/src/core/styles/common/defaultTheme.js

@@ -0,0 +1,414 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultTheme = exports.makeThemeOptions = exports.defaultAppTheme = void 0;
+var material_1 = require("@mui/material");
+var styles_1 = require("@mui/material/styles");
+var createThemeAdaptor = styles_1.createTheme;
+var common = material_1.colors.common;
+var FontWeight;
+(function (FontWeight) {
+    FontWeight[FontWeight["bold"] = 700] = "bold";
+    FontWeight[FontWeight["light"] = 300] = "light";
+    FontWeight[FontWeight["medium"] = 800] = "medium";
+    FontWeight[FontWeight["regular"] = 400] = "regular";
+    FontWeight[FontWeight["semibold"] = 600] = "semibold";
+})(FontWeight || (FontWeight = {}));
+var defaultThemeColors = {
+    beta: {
+        "100": "#F4F0F9",
+        "200": "#F0EBF6",
+        "400": "#7A41CE",
+        "500": "#703CBE",
+        "600": "#693BAC",
+    },
+    error: {
+        "100": "#FEF2F2",
+        "200": "#FBE8E8",
+        "400": "#DC132C",
+        "500": "#C61128",
+        "600": "#B70016",
+    },
+    gray: {
+        "100": "#F8F8F8",
+        "200": "#EAEAEA",
+        "300": "#CCCCCC",
+        "400": "#999999",
+        "500": "#767676",
+        "600": "#545454",
+    },
+    info: {
+        "100": "#EFF2FC",
+        "200": "#EBEFFC",
+        "400": "#3867FA",
+        "500": "#2B52CD",
+        "600": "#223F9C",
+    },
+    primary: {
+        "100": "#F8F9FE",
+        "200": "#EFF2FC",
+        "300": "#A9BDFC",
+        "400": "#3867FA",
+        "500": "#2B52CD",
+        "600": "#223F9C",
+    },
+    secondary: {
+        "400": "#9BC74E",
+    },
+    success: {
+        "100": "#ECF5F0",
+        "200": "#E6F7ED",
+        "400": "#3CB371",
+        "500": "#349A61",
+        "600": "#1C7F48",
+    },
+    warning: {
+        "100": "#FCF6EC",
+        "200": "#FFF3E1",
+        "400": "#F5A623",
+        "500": "#D8921F",
+        "600": "#946314",
+    },
+};
+exports.defaultAppTheme = {
+    colors: defaultThemeColors,
+    corners: {
+        l: 20,
+        m: 4,
+        none: 0,
+        s: 2,
+    },
+    fontWeights: {
+        bold: 700,
+        light: 300,
+        medium: 800,
+        regular: 400,
+        semibold: 600,
+    },
+    iconSizes: {
+        input: { height: 16, width: 16 },
+        l: { height: 22, width: 22 },
+        s: { height: 14, width: 14 },
+        xl: { height: 32, width: 32 },
+        xs: { height: 10, width: 10 },
+    },
+    shadows: {
+        l: "0 2px 12px 0 rgba(0,0,0, 0.3)",
+        m: "0 2px 4px 0 rgba(0,0,0, 0.15), 0 2px 10px 0 rgba(0,0,0, 0.15)",
+        none: "none",
+        s: "0 2px 4px 0 rgba(0,0,0, 0.25)",
+    },
+    spacing: {
+        default: 10,
+        l: 14,
+        m: 10,
+        s: 8,
+        xl: 22,
+        xs: 6,
+        xxl: 38,
+        xxs: 4,
+        xxxs: 2,
+    },
+    typography: {
+        fontFamily: "Open Sans",
+        styles: {
+            body: {
+                button: {
+                    fontSize: 13,
+                    fontWeight: FontWeight.semibold,
+                    letterSpacing: "0.3px",
+                    lineHeight: "20px",
+                    textTransform: "none",
+                },
+                l: {
+                    fontSize: 18,
+                    fontWeight: FontWeight.regular,
+                    letterSpacing: "0.3px",
+                    lineHeight: "28px",
+                },
+                m: {
+                    fontSize: 16,
+                    fontWeight: FontWeight.regular,
+                    letterSpacing: "0.3px",
+                    lineHeight: "26px",
+                },
+                s: {
+                    fontSize: 14,
+                    fontWeight: FontWeight.regular,
+                    letterSpacing: "0.3px",
+                    lineHeight: "24px",
+                },
+                xs: {
+                    fontSize: 13,
+                    fontWeight: FontWeight.regular,
+                    letterSpacing: "0.3px",
+                    lineHeight: "20px",
+                },
+                xxs: {
+                    fontSize: 12,
+                    fontWeight: FontWeight.regular,
+                    letterSpacing: "0.3px",
+                    lineHeight: "18px",
+                },
+                xxxs: {
+                    fontSize: 11,
+                    fontWeight: FontWeight.regular,
+                    letterSpacing: "0.3px",
+                    lineHeight: "16px",
+                },
+            },
+            caps: {
+                xxs: {
+                    fontSize: 12,
+                    fontWeight: FontWeight.semibold,
+                    letterSpacing: "1.0px",
+                    lineHeight: "18px",
+                    textTransform: "uppercase",
+                },
+                xxxs: {
+                    fontSize: 11,
+                    fontWeight: FontWeight.semibold,
+                    letterSpacing: "1.0px",
+                    lineHeight: "16px",
+                    textTransform: "uppercase",
+                },
+                xxxxs: {
+                    fontSize: 10,
+                    fontWeight: FontWeight.semibold,
+                    letterSpacing: "1.0px",
+                    lineHeight: "14px",
+                    textTransform: "uppercase",
+                },
+            },
+            header: {
+                l: {
+                    fontSize: 18,
+                    fontWeight: FontWeight.semibold,
+                    letterSpacing: "0.3px",
+                    lineHeight: "24px",
+                },
+                m: {
+                    fontSize: 16,
+                    fontWeight: FontWeight.semibold,
+                    letterSpacing: "0.3px",
+                    lineHeight: "22px",
+                },
+                s: {
+                    fontSize: 14,
+                    fontWeight: FontWeight.semibold,
+                    letterSpacing: "0.3px",
+                    lineHeight: "20px",
+                },
+                xl: {
+                    fontSize: 22,
+                    fontWeight: FontWeight.semibold,
+                    letterSpacing: "0.3px",
+                    lineHeight: "30px",
+                },
+                xs: {
+                    fontSize: 13,
+                    fontWeight: FontWeight.semibold,
+                    letterSpacing: "0.3px",
+                    lineHeight: "18px",
+                },
+                xxl: {
+                    fontSize: 26,
+                    fontWeight: FontWeight.semibold,
+                    letterSpacing: "0.3px",
+                    lineHeight: "34px",
+                },
+                xxs: {
+                    fontSize: 12,
+                    fontWeight: FontWeight.semibold,
+                    letterSpacing: "0.3px",
+                    lineHeight: "18px",
+                },
+                xxxs: {
+                    fontSize: 11,
+                    fontWeight: FontWeight.semibold,
+                    letterSpacing: "0.3px",
+                    lineHeight: "16px",
+                },
+            },
+        },
+    },
+};
+// (mlila) whenever our theme uses colors, we need to make sure we allow consuming
+// applications to override those colors using their own custom theme.
+// By defining borders using defaultAppTheme.colors instead of defaultThemeColors,
+// we allow other apps to specify their colors once, and have them apply
+// throughtout the application, such as in borders, etc without having to manually
+// override every theme property that makes use of colors.
+exports.defaultAppTheme.borders = {
+    error: {
+        "400": "1px solid ".concat(exports.defaultAppTheme.colors.error[400]),
+    },
+    gray: {
+        "100": "1px solid ".concat(exports.defaultAppTheme.colors.gray[100]),
+        "200": "1px solid ".concat(exports.defaultAppTheme.colors.gray[200]),
+        "300": "1px solid ".concat(exports.defaultAppTheme.colors.gray[300]),
+        "400": "1px solid ".concat(exports.defaultAppTheme.colors.gray[400]),
+        "500": "1px solid ".concat(exports.defaultAppTheme.colors.gray[500]),
+        dashed: "2px dashed ".concat(exports.defaultAppTheme.colors.gray[400]),
+    },
+    link: {
+        dashed: "1px dashed",
+        solid: "1px solid",
+    },
+    primary: {
+        "300": "1px solid ".concat(exports.defaultAppTheme.colors.primary[300]),
+        "400": "1px solid ".concat(exports.defaultAppTheme.colors.primary[400]),
+        "500": "1px solid ".concat(exports.defaultAppTheme.colors.primary[500]),
+        "600": "1px solid".concat(exports.defaultAppTheme.colors.primary[600]),
+        dashed: "2px dashed ".concat(exports.defaultAppTheme.colors.primary[400]),
+    },
+    success: {
+        "400": "1px solid ".concat(exports.defaultAppTheme.colors.success[400]),
+    },
+    warning: {
+        "400": "1px solid ".concat(exports.defaultAppTheme.colors.warning[400]),
+    },
+};
+function makeThemeOptions(appTheme) {
+    return {
+        app: appTheme,
+        components: {
+            MuiButtonBase: {
+                defaultProps: {
+                    disableRipple: true,
+                },
+            },
+            MuiLink: {
+                defaultProps: {
+                    underline: "hover",
+                },
+            },
+            MuiTab: {
+                defaultProps: {
+                    disableRipple: true,
+                },
+            },
+        },
+        palette: {
+            divider: appTheme.colors.gray[200],
+            error: {
+                dark: appTheme.colors.error[600],
+                light: appTheme.colors.error[200],
+                main: appTheme.colors.error[400],
+            },
+            grey: {
+                "100": appTheme.colors.gray[100],
+                "200": appTheme.colors.gray[200],
+                "300": appTheme.colors.gray[300],
+                "400": appTheme.colors.gray[400],
+                "500": appTheme.colors.gray[500],
+                "600": appTheme.colors.gray[600],
+            },
+            info: {
+                dark: appTheme.colors.info[600],
+                light: appTheme.colors.info[200],
+                main: appTheme.colors.info[400],
+            },
+            mode: "light",
+            primary: {
+                dark: appTheme.colors.primary[600],
+                light: appTheme.colors.primary[300],
+                main: appTheme.colors.primary[400],
+            },
+            secondary: {
+                main: appTheme.colors.secondary[400],
+            },
+            success: {
+                dark: appTheme.colors.success[600],
+                light: appTheme.colors.success[200],
+                main: appTheme.colors.success[400],
+            },
+            text: {
+                disabled: appTheme.colors.gray[300],
+                primary: common.black,
+                secondary: appTheme.colors.gray[500],
+            },
+            warning: {
+                dark: appTheme.colors.warning[600],
+                light: appTheme.colors.warning[200],
+                main: appTheme.colors.warning[400],
+            },
+        },
+        shadows: [
+            appTheme.shadows.none,
+            appTheme.shadows.s,
+            appTheme.shadows.s,
+            appTheme.shadows.s,
+            appTheme.shadows.s,
+            appTheme.shadows.s,
+            appTheme.shadows.s,
+            appTheme.shadows.s,
+            appTheme.shadows.s,
+            appTheme.shadows.m,
+            appTheme.shadows.m,
+            appTheme.shadows.m,
+            appTheme.shadows.m,
+            appTheme.shadows.m,
+            appTheme.shadows.m,
+            appTheme.shadows.m,
+            appTheme.shadows.m,
+            appTheme.shadows.l,
+            appTheme.shadows.l,
+            appTheme.shadows.l,
+            appTheme.shadows.l,
+            appTheme.shadows.l,
+            appTheme.shadows.l,
+            appTheme.shadows.l,
+            appTheme.shadows.l,
+        ],
+        shape: {
+            borderRadius: appTheme.corners.m,
+        },
+        spacing: [
+            appTheme.spacing.default,
+            appTheme.spacing.xxxs,
+            appTheme.spacing.xxs,
+            appTheme.spacing.xs,
+            appTheme.spacing.s,
+            appTheme.spacing.m,
+            appTheme.spacing.l,
+            appTheme.spacing.xl,
+            appTheme.spacing.xxl,
+        ],
+        transitions: {
+            duration: {
+                complex: 200,
+                enteringScreen: 20,
+                leavingScreen: 10,
+                short: 150,
+                shorter: 100,
+                shortest: 50,
+                standard: 200,
+            },
+            easing: {
+                easeIn: "cubic-bezier(0, 0, 0.2, 1)",
+                easeInOut: "cubic-bezier(0, 0, 0.2, 1)",
+                easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+                sharp: "cubic-bezier(0, 0.2, 0.6, 1)",
+            },
+        },
+        typography: {
+            body1: appTheme.typography.styles.body.xs,
+            body2: appTheme.typography.styles.body.xxs,
+            button: appTheme.typography.styles.body.button,
+            caption: appTheme.typography.styles.body.xxxs,
+            fontFamily: "".concat(appTheme.typography.fontFamily, ", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif"),
+            h1: appTheme.typography.styles.header.xxl,
+            h2: appTheme.typography.styles.header.xl,
+            h3: appTheme.typography.styles.header.l,
+            h4: appTheme.typography.styles.header.m,
+            h5: appTheme.typography.styles.header.s,
+            h6: appTheme.typography.styles.header.xs,
+            overline: appTheme.typography.styles.caps.xxxs,
+            subtitle1: appTheme.typography.styles.body.xs,
+            subtitle2: appTheme.typography.styles.header.xxs,
+        },
+    };
+}
+exports.makeThemeOptions = makeThemeOptions;
+var defaultThemeOptions = makeThemeOptions(exports.defaultAppTheme);
+exports.defaultTheme = createThemeAdaptor(defaultThemeOptions);

package/dist/src/core/styles/common/mixins/fonts.d.ts

@@ -0,0 +1,27 @@
+import { SerializedStyles } from "@emotion/react";
+import { Typography } from "../defaultTheme";
+import { CommonThemeProps } from "../selectors/theme";
+type FontBodySize = keyof Typography["styles"]["body"];
+export declare const fontBody: (fontSize: FontBodySize) => (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontBodyL: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontBodyM: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontBodyS: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontBodyXs: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontBodyXxs: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontBodyXxxs: (props: CommonThemeProps) => SerializedStyles | null;
+type FontCapsSize = keyof Typography["styles"]["caps"];
+export declare const fontCaps: (fontSize: FontCapsSize) => (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontCapsXxs: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontCapsXxxs: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontCapsXxxxs: (props: CommonThemeProps) => SerializedStyles | null;
+type FontHeaderSize = keyof Typography["styles"]["header"];
+export declare const fontHeader: (fontSize: FontHeaderSize) => (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontHeaderXxl: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontHeaderXl: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontHeaderL: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontHeaderM: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontHeaderS: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontHeaderXs: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontHeaderXxs: (props: CommonThemeProps) => SerializedStyles | null;
+export declare const fontHeaderXxxs: (props: CommonThemeProps) => SerializedStyles | null;
+export {};

package/dist/src/core/styles/common/mixins/fonts.js

@@ -0,0 +1,60 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontHeaderXxxs = exports.fontHeaderXxs = exports.fontHeaderXs = exports.fontHeaderS = exports.fontHeaderM = exports.fontHeaderL = exports.fontHeaderXl = exports.fontHeaderXxl = exports.fontHeader = exports.fontCapsXxxxs = exports.fontCapsXxxs = exports.fontCapsXxs = exports.fontCaps = exports.fontBodyXxxs = exports.fontBodyXxs = exports.fontBodyXs = exports.fontBodyS = exports.fontBodyM = exports.fontBodyL = exports.fontBody = void 0;
+var react_1 = require("@emotion/react");
+var theme_1 = require("../selectors/theme");
+var fontBody = function (fontSize) {
+    return function (props) {
+        var typography = (0, theme_1.getTypography)(props);
+        if (!typography)
+            return null;
+        var body = typography.styles.body;
+        return themeToCss(body[fontSize]);
+    };
+};
+exports.fontBody = fontBody;
+exports.fontBodyL = (0, exports.fontBody)("l");
+exports.fontBodyM = (0, exports.fontBody)("m");
+exports.fontBodyS = (0, exports.fontBody)("s");
+exports.fontBodyXs = (0, exports.fontBody)("xs");
+exports.fontBodyXxs = (0, exports.fontBody)("xxs");
+exports.fontBodyXxxs = (0, exports.fontBody)("xxxs");
+var fontCaps = function (fontSize) {
+    return function (props) {
+        var typography = (0, theme_1.getTypography)(props);
+        if (!typography)
+            return null;
+        var caps = typography.styles.caps;
+        return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n      text-transform: uppercase;\n    "], ["\n      ", "\n      text-transform: uppercase;\n    "])), themeToCss(caps[fontSize]));
+    };
+};
+exports.fontCaps = fontCaps;
+exports.fontCapsXxs = (0, exports.fontCaps)("xxs");
+exports.fontCapsXxxs = (0, exports.fontCaps)("xxxs");
+exports.fontCapsXxxxs = (0, exports.fontCaps)("xxxxs");
+var fontHeader = function (fontSize) {
+    return function (props) {
+        var typography = (0, theme_1.getTypography)(props);
+        if (!typography)
+            return null;
+        var header = typography.styles.header;
+        return themeToCss(header[fontSize]);
+    };
+};
+exports.fontHeader = fontHeader;
+exports.fontHeaderXxl = (0, exports.fontHeader)("xxl");
+exports.fontHeaderXl = (0, exports.fontHeader)("xl");
+exports.fontHeaderL = (0, exports.fontHeader)("l");
+exports.fontHeaderM = (0, exports.fontHeader)("m");
+exports.fontHeaderS = (0, exports.fontHeader)("s");
+exports.fontHeaderXs = (0, exports.fontHeader)("xs");
+exports.fontHeaderXxs = (0, exports.fontHeader)("xxs");
+exports.fontHeaderXxxs = (0, exports.fontHeader)("xxxs");
+function themeToCss(fontTheme) {
+    return (0, react_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-size: ", "px;\n    line-height: ", ";\n    letter-spacing: ", ";\n    font-weight: ", ";\n    text-transform: ", ";\n  "], ["\n    font-size: ", "px;\n    line-height: ", ";\n    letter-spacing: ", ";\n    font-weight: ", ";\n    text-transform: ", ";\n  "])), fontTheme.fontSize, fontTheme.lineHeight, fontTheme.letterSpacing, fontTheme.fontWeight, fontTheme.textTransform);
+}
+var templateObject_1, templateObject_2;

package/dist/src/core/styles/common/selectors/theme.d.ts

@@ -0,0 +1,15 @@
+import { PaletteOptions } from "@mui/material/styles";
+import { Borders, Colors, Corners, FontWeights, IconSizes, SDSTheme, Shadows, Spaces, Spacings, Typography } from "../defaultTheme";
+export interface CommonThemeProps {
+    theme?: SDSTheme;
+}
+export declare const getSpaces: ({ theme }: CommonThemeProps) => Spaces | null;
+export declare const getSpacings: ({ theme }: CommonThemeProps) => Spacings | null;
+export declare const getTypography: ({ theme, }: CommonThemeProps) => Typography | null;
+export declare const getPalette: ({ theme }: CommonThemeProps) => PaletteOptions;
+export declare const getColors: ({ theme }: CommonThemeProps) => Colors | null;
+export declare const getShadows: ({ theme }: CommonThemeProps) => Shadows | null;
+export declare const getCorners: ({ theme }: CommonThemeProps) => Corners | null;
+export declare const getFontWeights: ({ theme, }: CommonThemeProps) => FontWeights | null;
+export declare const getIconSizes: ({ theme }: CommonThemeProps) => IconSizes | null;
+export declare const getBorders: ({ theme }: CommonThemeProps) => Borders | null;

package/dist/src/core/styles/common/selectors/theme.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBorders = exports.getIconSizes = exports.getFontWeights = exports.getCorners = exports.getShadows = exports.getColors = exports.getPalette = exports.getTypography = exports.getSpacings = exports.getSpaces = void 0;
+var getSpaces = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.spacing) || null;
+};
+exports.getSpaces = getSpaces;
+var getSpacings = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    console.warn("getSpacings() is deprecated and may be removed in a future release. Please use getSpaces()");
+    return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.spacing) || null;
+};
+exports.getSpacings = getSpacings;
+var getTypography = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.typography) || null;
+};
+exports.getTypography = getTypography;
+var getPalette = function (_a) {
+    var theme = _a.theme;
+    return theme === null || theme === void 0 ? void 0 : theme.palette;
+};
+exports.getPalette = getPalette;
+var getColors = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.colors) || null;
+};
+exports.getColors = getColors;
+var getShadows = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.shadows) || null;
+};
+exports.getShadows = getShadows;
+var getCorners = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.corners) || null;
+};
+exports.getCorners = getCorners;
+var getFontWeights = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.fontWeights) || null;
+};
+exports.getFontWeights = getFontWeights;
+var getIconSizes = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.iconSizes) || null;
+};
+exports.getIconSizes = getIconSizes;
+var getBorders = function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return ((_b = theme === null || theme === void 0 ? void 0 : theme.app) === null || _b === void 0 ? void 0 : _b.borders) || null;
+};
+exports.getBorders = getBorders;

package/dist/src/core/styles/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./common/defaultTheme";
+export * from "./common/mixins/fonts";
+export * from "./common/selectors/theme";

package/dist/src/core/styles/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./common/defaultTheme"), exports);
+__exportStar(require("./common/mixins/fonts"), exports);
+__exportStar(require("./common/selectors/theme"), exports);