@backstage/theme 0.5.3 → 0.5.4

package/dist/index.esm.js

@@ -1,701 +1,11 @@
-import { createTheme as createTheme$2, createGenerateClassName, StylesProvider, ThemeProvider } from '@material-ui/core/styles';
-import { darken, lighten, createTheme as createTheme$1, adaptV4Theme, StyledEngineProvider, ThemeProvider as ThemeProvider$1 } from '@mui/material/styles';
-import React from 'react';
-import { unstable_ClassNameGenerator } from '@mui/material/className';
-import { CssBaseline } from '@material-ui/core';
-
-const __v5Spacing = (defaultSpacing) => (...argsInput) => {
-  const args = argsInput.length === 0 ? [1] : argsInput;
-  const transform = (argument, themeSpacing) => {
-    if (typeof argument === "string") {
-      return argument;
-    }
-    return themeSpacing * argument;
-  };
-  return args.map((argument) => {
-    const output = transform(argument, defaultSpacing);
-    return typeof output === "number" ? `${output}px` : output;
-  }).join(" ");
-};
-function adaptV5CssBaselineOverride(theme, overrides) {
-  if (!overrides || typeof overrides === "string") {
-    return void 0;
-  }
-  const styles = typeof overrides === "function" ? overrides(theme) : overrides;
-  if (styles) {
-    return { "@global": styles };
-  }
-  return void 0;
-}
-function adaptV5Override(theme, overrides) {
-  if (!overrides || typeof overrides === "string") {
-    return void 0;
-  }
-  if (typeof overrides === "object") {
-    const _theme = { ...theme };
-    const defaultSpacing = theme.spacing(1);
-    if (typeof defaultSpacing === "number") {
-      _theme.spacing = __v5Spacing(defaultSpacing);
-    }
-    return Object.fromEntries(
-      Object.entries(overrides).map(([className, style]) => {
-        if (typeof style === "function") {
-          return [className, style({ theme: _theme })];
-        }
-        return [className, style];
-      })
-    );
-  }
-  return overrides;
-}
-const stateStyleKeyPattern = /^&.Mui-([\w-]+)$/;
-function extractV5StateOverrides(overrides) {
-  let output = overrides;
-  if (!overrides || typeof overrides !== "object") {
-    return output;
-  }
-  for (const className of Object.keys(overrides)) {
-    const styles = overrides[className];
-    if (!styles || typeof styles !== "object") {
-      continue;
-    }
-    for (const _styleKey of Object.keys(styles)) {
-      const styleKey = _styleKey;
-      const match = styleKey.match(stateStyleKeyPattern);
-      if (match) {
-        const [, state] = match;
-        const { [styleKey]: stateStyles, ...restStyles } = styles;
-        if (stateStyles) {
-          output = {
-            ...output,
-            [className]: restStyles,
-            [state]: stateStyles
-          };
-        }
-      }
-    }
-  }
-  return output;
-}
-function transformV5ComponentThemesToV4(theme, components = {}) {
-  const overrides = {};
-  const props = {};
-  for (const name of Object.keys(components)) {
-    const component = components[name];
-    if (!component) {
-      continue;
-    }
-    if ("styleOverrides" in component) {
-      if (name === "MuiCssBaseline") {
-        overrides[name] = adaptV5CssBaselineOverride(
-          theme,
-          component.styleOverrides
-        );
-      } else {
-        overrides[name] = extractV5StateOverrides(
-          adaptV5Override(theme, component.styleOverrides)
-        );
-      }
-    }
-    if ("defaultProps" in component) {
-      props[name] = component.defaultProps;
-    }
-  }
-  return { overrides, props };
-}
-
-const shapes = {
-  wave: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='1368' height='400' fill='none'%3e%3cmask id='a' width='1368' height='401' x='0' y='0' maskUnits='userSpaceOnUse'%3e%3cpath fill='url(%23paint0_linear)' d='M437 116C223 116 112 0 112 0h1256v400c-82 0-225-21-282-109-112-175-436-175-649-175z'/%3e%3cpath fill='url(%23paint1_linear)' d='M1368 400V282C891-29 788 40 711 161 608 324 121 372 0 361v39h1368z'/%3e%3cpath fill='url(%23paint2_linear)' d='M1368 244v156H0V94c92-24 198-46 375 0l135 41c176 51 195 109 858 109z'/%3e%3cpath fill='url(%23paint3_linear)' d='M1252 400h116c-14-7-35-14-116-16-663-14-837-128-1013-258l-85-61C98 28 46 8 0 0v400h1252z'/%3e%3c/mask%3e%3cg mask='url(%23a)'%3e%3cpath fill='white' d='M-172-98h1671v601H-172z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='602' x2='1093.5' y1='-960.5' y2='272' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear' x1='482' x2='480' y1='1058.5' y2='70.5' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint2_linear' x1='424' x2='446.1' y1='-587.5' y2='274.6' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint3_linear' x1='587' x2='349' y1='-1120.5' y2='341' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e")`,
-  wave2: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='1368' height='400' fill='none'%3e%3cmask id='a' width='1764' height='479' x='-229' y='-6' maskUnits='userSpaceOnUse'%3e%3cpath fill='url(%23paint0_linear)' d='M0 400h1350C1321 336 525 33 179-2c-345-34-395 236-408 402H0z'/%3e%3cpath fill='url(%23paint1_linear)' d='M1378 177v223H0V217s219 75 327 52C436 246 717-35 965 45s254 144 413 132z'/%3e%3cpath fill='url(%23paint2_linear)' d='M26 400l-78-16c-170 205-44-6-137-30l-4-1 4 1 137 30c37-45 89-110 159-201 399-514-45 238 1176-50 275-65 354-39 91 267H26z'/%3e%3c/mask%3e%3cg mask='url(%23a)'%3e%3cpath fill='white' d='M0 0h1368v400H0z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='431' x2='397.3' y1='-599' y2='372.8' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear' x1='236.5' x2='446.6' y1='-586' y2='381.5' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint2_linear' x1='851.8' x2='640.4' y1='-867.2' y2='363.7' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e")`,
-  round: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='1368' height='400' fill='none'%3e%3cmask id='a' width='2269' height='1408' x='-610' y='-509' maskUnits='userSpaceOnUse'%3e%3ccircle cx='1212.8' cy='74.8' r='317.5' fill='url(%23paint0_linear)' transform='rotate(-52 1213 75)'/%3e%3ccircle cx='737.8' cy='445.8' r='317.5' fill='url(%23paint1_linear)' transform='rotate(-116 738 446)'/%3e%3ccircle cx='601.8' cy='52.8' r='418.6' fill='url(%23paint2_linear)' transform='rotate(-117 602 53)'/%3e%3ccircle cx='999.8' cy='364' r='389.1' fill='url(%23paint3_linear)' transform='rotate(31 1000 364)'/%3e%3cellipse cx='-109.2' cy='263.5' fill='url(%23paint4_linear)' rx='429.2' ry='465.8' transform='rotate(-85 -109 264)'/%3e%3c/mask%3e%3cg mask='url(%23a)'%3e%3cpath fill='white' d='M0 0h1368v400H0z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='1301.2' x2='161.4' y1='-1879.7' y2='-969.6' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear' x1='826.2' x2='-313.6' y1='-1508.7' y2='-598.6' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint2_linear' x1='718.4' x2='-784.3' y1='-2524' y2='-1324.2' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint3_linear' x1='1108.2' x2='-288.6' y1='-2031.1' y2='-915.9' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='paint4_linear' x1='10.4' x2='-1626.5' y1='-2603.8' y2='-1399.5' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e")`
-};
-const colorVariants = {
-  darkGrey: ["#171717", "#383838"],
-  marineBlue: ["#006D8F", "#0049A1"],
-  veryBlue: ["#0027AF", "#270094"],
-  rubyRed: ["#98002B", "#8D1134"],
-  toastyOrange: ["#BE2200", "#A41D00"],
-  purpleSky: ["#8912CA", "#3E00EA"],
-  eveningSea: ["#00FFF2", "#035355"],
-  teal: ["#005B4B"],
-  pinkSea: ["#C8077A", "#C2297D"],
-  greens: ["#4BB8A5", "#187656"]
-};
-function genPageTheme(props) {
-  var _a;
-  const { colors, shape, options } = props;
-  const gradientColors = colors.length === 1 ? [colors[0], colors[0]] : colors;
-  const gradient = `linear-gradient(90deg, ${gradientColors.join(", ")})`;
-  const backgroundImage = `${shape},  ${gradient}`;
-  const fontColor = (_a = options == null ? void 0 : options.fontColor) != null ? _a : "#FFFFFF";
-  return {
-    colors,
-    shape,
-    backgroundImage,
-    fontColor
-  };
-}
-const pageTheme = {
-  home: genPageTheme({ colors: colorVariants.teal, shape: shapes.wave }),
-  documentation: genPageTheme({
-    colors: colorVariants.pinkSea,
-    shape: shapes.wave2
-  }),
-  tool: genPageTheme({ colors: colorVariants.purpleSky, shape: shapes.round }),
-  service: genPageTheme({
-    colors: colorVariants.marineBlue,
-    shape: shapes.wave
-  }),
-  website: genPageTheme({ colors: colorVariants.veryBlue, shape: shapes.wave }),
-  library: genPageTheme({ colors: colorVariants.rubyRed, shape: shapes.wave }),
-  other: genPageTheme({ colors: colorVariants.darkGrey, shape: shapes.wave }),
-  app: genPageTheme({ colors: colorVariants.toastyOrange, shape: shapes.wave }),
-  apis: genPageTheme({ colors: colorVariants.teal, shape: shapes.wave2 }),
-  card: genPageTheme({ colors: colorVariants.greens, shape: shapes.wave })
-};
-
-const DEFAULT_HTML_FONT_SIZE = 16;
-const DEFAULT_FONT_FAMILY = '"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif';
-const DEFAULT_PAGE_THEME = "home";
-const defaultTypography = {
-  htmlFontSize: DEFAULT_HTML_FONT_SIZE,
-  fontFamily: DEFAULT_FONT_FAMILY,
-  h1: {
-    fontSize: 54,
-    fontWeight: 700,
-    marginBottom: 10
-  },
-  h2: {
-    fontSize: 40,
-    fontWeight: 700,
-    marginBottom: 8
-  },
-  h3: {
-    fontSize: 32,
-    fontWeight: 700,
-    marginBottom: 6
-  },
-  h4: {
-    fontWeight: 700,
-    fontSize: 28,
-    marginBottom: 6
-  },
-  h5: {
-    fontWeight: 700,
-    fontSize: 24,
-    marginBottom: 4
-  },
-  h6: {
-    fontWeight: 700,
-    fontSize: 20,
-    marginBottom: 2
-  }
-};
-function createBaseThemeOptions(options) {
-  const {
-    palette,
-    htmlFontSize = DEFAULT_HTML_FONT_SIZE,
-    fontFamily = DEFAULT_FONT_FAMILY,
-    defaultPageTheme = DEFAULT_PAGE_THEME,
-    pageTheme: pageTheme$1 = pageTheme,
-    typography
-  } = options;
-  if (!pageTheme$1[defaultPageTheme]) {
-    throw new Error(`${defaultPageTheme} is not defined in pageTheme.`);
-  }
-  defaultTypography.htmlFontSize = htmlFontSize;
-  defaultTypography.fontFamily = fontFamily;
-  return {
-    palette,
-    typography: typography != null ? typography : defaultTypography,
-    page: pageTheme$1[defaultPageTheme],
-    getPageTheme: ({ themeId }) => {
-      var _a;
-      return (_a = pageTheme$1[themeId]) != null ? _a : pageTheme$1[defaultPageTheme];
-    }
-  };
-}
-
-const defaultComponentThemes = {
-  MuiCssBaseline: {
-    styleOverrides: (theme) => ({
-      html: {
-        height: "100%",
-        fontFamily: theme.typography.fontFamily
-      },
-      body: {
-        height: "100%",
-        fontFamily: theme.typography.fontFamily,
-        overscrollBehaviorY: "none",
-        fontSize: "0.875rem",
-        lineHeight: 1.43
-      },
-      a: {
-        color: "inherit",
-        textDecoration: "none"
-      }
-    })
-  },
-  MuiGrid: {
-    defaultProps: {
-      spacing: 2
-    }
-  },
-  MuiSwitch: {
-    defaultProps: {
-      color: "primary"
-    }
-  },
-  MuiTableRow: {
-    styleOverrides: {
-      // Alternating row backgrounds
-      root: ({ theme }) => ({
-        "&:nth-of-type(odd)": {
-          backgroundColor: theme.palette.background.default
-        }
-      }),
-      // Use pointer for hoverable rows
-      hover: {
-        "&:hover": {
-          cursor: "pointer"
-        }
-      },
-      // Alternating head backgrounds
-      head: ({ theme }) => ({
-        "&:nth-of-type(odd)": {
-          backgroundColor: theme.palette.background.paper
-        }
-      })
-    }
-  },
-  // Tables are more dense than default mui tables
-  MuiTableCell: {
-    styleOverrides: {
-      root: ({ theme }) => ({
-        wordBreak: "break-word",
-        overflow: "hidden",
-        verticalAlign: "middle",
-        lineHeight: "1",
-        margin: 0,
-        padding: theme.spacing(3, 2, 3, 2.5),
-        borderBottom: 0
-      }),
-      sizeSmall: ({ theme }) => ({
-        padding: theme.spacing(1.5, 2, 1.5, 2.5)
-      }),
-      head: ({ theme }) => ({
-        wordBreak: "break-word",
-        overflow: "hidden",
-        color: theme.palette.textSubtle,
-        fontWeight: "normal",
-        lineHeight: "1"
-      })
-    }
-  },
-  MuiTabs: {
-    styleOverrides: {
-      // Tabs are smaller than default mui tab rows
-      root: {
-        minHeight: 24
-      }
-    }
-  },
-  MuiTab: {
-    styleOverrides: {
-      // Tabs are smaller and have a hover background
-      root: ({ theme }) => ({
-        color: theme.palette.link,
-        minHeight: 24,
-        textTransform: "initial",
-        letterSpacing: "0.07em",
-        "&:hover": {
-          color: darken(theme.palette.link, 0.3),
-          background: lighten(theme.palette.link, 0.95)
-        },
-        [theme.breakpoints.up("md")]: {
-          minWidth: 120,
-          fontSize: theme.typography.pxToRem(14),
-          fontWeight: 500
-        }
-      }),
-      textColorPrimary: ({ theme }) => ({
-        color: theme.palette.link
-      })
-    }
-  },
-  MuiTableSortLabel: {
-    styleOverrides: {
-      // No color change on hover, just rely on the arrow showing up instead.
-      root: {
-        color: "inherit",
-        "&:hover": {
-          color: "inherit"
-        },
-        "&:focus": {
-          color: "inherit"
-        },
-        // Bold font for highlighting selected column
-        "&.Mui-active": {
-          fontWeight: "bold",
-          color: "inherit"
-        }
-      }
-    }
-  },
-  MuiListItemText: {
-    styleOverrides: {
-      dense: {
-        // Default dense list items to adding ellipsis for really long str...
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis"
-      }
-    }
-  },
-  MuiButton: {
-    styleOverrides: {
-      text: {
-        // Text buttons have less padding by default, but we want to keep the original padding
-        padding: void 0
-      }
-    }
-  },
-  MuiChip: {
-    styleOverrides: {
-      root: ({ theme }) => ({
-        // By default there's no margin, but it's usually wanted, so we add some trailing margin
-        marginRight: theme.spacing(1),
-        marginBottom: theme.spacing(1)
-      }),
-      label: ({ theme }) => ({
-        lineHeight: theme.spacing(2.5),
-        fontWeight: theme.typography.fontWeightMedium,
-        fontSize: theme.spacing(1.75)
-      }),
-      labelSmall: ({ theme }) => ({
-        fontSize: theme.spacing(1.5)
-      }),
-      deleteIcon: ({ theme }) => ({
-        width: theme.spacing(3),
-        height: theme.spacing(3),
-        margin: theme.spacing(0, 0.75, 0, -0.75)
-      }),
-      deleteIconSmall: ({ theme }) => ({
-        width: theme.spacing(2),
-        height: theme.spacing(2),
-        margin: theme.spacing(0, 0.5, 0, -0.5)
-      })
-    }
-  },
-  MuiCard: {
-    styleOverrides: {
-      root: {
-        // When cards have a forced size, such as when they are arranged in a
-        // CSS grid, the content needs to flex such that the actions (buttons
-        // etc) end up at the bottom of the card instead of just below the body
-        // contents.
-        display: "flex",
-        flexDirection: "column"
-      }
-    }
-  },
-  MuiCardHeader: {
-    styleOverrides: {
-      root: {
-        // Reduce padding between header and content
-        paddingBottom: 0
-      }
-    }
-  },
-  MuiCardContent: {
-    styleOverrides: {
-      root: {
-        // When cards have a forced size, such as when they are arranged in a
-        // CSS grid, the content needs to flex such that the actions (buttons
-        // etc) end up at the bottom of the card instead of just below the body
-        // contents.
-        flexGrow: 1,
-        "&:last-child": {
-          paddingBottom: void 0
-        }
-      }
-    }
-  },
-  MuiCardActions: {
-    styleOverrides: {
-      root: {
-        // We default to putting the card actions at the end
-        justifyContent: "flex-end"
-      }
-    }
-  },
-  MuiLink: {
-    defaultProps: {
-      underline: "hover"
-    }
-  },
-  MuiPaper: {
-    styleOverrides: { root: { backgroundImage: "unset" } }
-  }
-};
-
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var _themes;
-class UnifiedThemeHolder {
-  constructor(v4, v5) {
-    __privateAdd(this, _themes, /* @__PURE__ */ new Map());
-    __privateSet(this, _themes, /* @__PURE__ */ new Map());
-    if (v4) {
-      __privateGet(this, _themes).set("v4", v4);
-    }
-    if (v5) {
-      __privateGet(this, _themes).set("v5", v5);
-    }
-  }
-  getTheme(version) {
-    return __privateGet(this, _themes).get(version);
-  }
-}
-_themes = new WeakMap();
-function createUnifiedTheme(options) {
-  const themeOptions = createBaseThemeOptions(options);
-  const components = { ...defaultComponentThemes, ...options.components };
-  const v5Theme = createTheme$1({ ...themeOptions, components });
-  const v4Overrides = transformV5ComponentThemesToV4(v5Theme, components);
-  const v4Theme = { ...createTheme$2(themeOptions), ...v4Overrides };
-  return new UnifiedThemeHolder(v4Theme, v5Theme);
-}
-function createUnifiedThemeFromV4(options) {
-  const v5Theme = adaptV4Theme(options);
-  const v4Theme = createTheme$2(options);
-  return new UnifiedThemeHolder(v4Theme, createTheme$1(v5Theme));
-}
-
-const palettes = {
-  light: {
-    type: "light",
-    mode: "light",
-    background: {
-      default: "#F8F8F8",
-      paper: "#FFFFFF"
-    },
-    status: {
-      ok: "#1DB954",
-      warning: "#FF9800",
-      error: "#E22134",
-      running: "#1F5493",
-      pending: "#FFED51",
-      aborted: "#757575"
-    },
-    bursts: {
-      fontColor: "#FEFEFE",
-      slackChannelText: "#ddd",
-      backgroundColor: {
-        default: "#7C3699"
-      },
-      gradient: {
-        linear: "linear-gradient(-137deg, #4BB8A5 0%, #187656 100%)"
-      }
-    },
-    primary: {
-      main: "#1F5493"
-    },
-    banner: {
-      info: "#2E77D0",
-      error: "#E22134",
-      text: "#FFFFFF",
-      link: "#000000",
-      closeButtonColor: "#FFFFFF",
-      warning: "#FF9800"
-    },
-    border: "#E6E6E6",
-    textContrast: "#000000",
-    textVerySubtle: "#DDD",
-    textSubtle: "#6E6E6E",
-    highlight: "#FFFBCC",
-    errorBackground: "#FFEBEE",
-    warningBackground: "#F59B23",
-    infoBackground: "#ebf5ff",
-    errorText: "#CA001B",
-    infoText: "#004e8a",
-    warningText: "#000000",
-    linkHover: "#2196F3",
-    link: "#0A6EBE",
-    gold: "#FFD600",
-    navigation: {
-      background: "#171717",
-      indicator: "#9BF0E1",
-      color: "#b5b5b5",
-      selectedColor: "#FFF",
-      navItem: {
-        hoverBackground: "#404040"
-      },
-      submenu: {
-        background: "#404040"
-      }
-    },
-    pinSidebarButton: {
-      icon: "#181818",
-      background: "#BDBDBD"
-    },
-    tabbar: {
-      indicator: "#9BF0E1"
-    }
-  },
-  dark: {
-    type: "dark",
-    mode: "dark",
-    background: {
-      default: "#333333",
-      paper: "#424242"
-    },
-    status: {
-      ok: "#71CF88",
-      warning: "#FFB84D",
-      error: "#F84C55",
-      running: "#3488E3",
-      pending: "#FEF071",
-      aborted: "#9E9E9E"
-    },
-    bursts: {
-      fontColor: "#FEFEFE",
-      slackChannelText: "#ddd",
-      backgroundColor: {
-        default: "#7C3699"
-      },
-      gradient: {
-        linear: "linear-gradient(-137deg, #4BB8A5 0%, #187656 100%)"
-      }
-    },
-    primary: {
-      main: "#9CC9FF",
-      dark: "#82BAFD"
-    },
-    secondary: {
-      main: "#FF88B2"
-    },
-    banner: {
-      info: "#2E77D0",
-      error: "#E22134",
-      text: "#FFFFFF",
-      link: "#000000",
-      closeButtonColor: "#FFFFFF",
-      warning: "#FF9800"
-    },
-    border: "#E6E6E6",
-    textContrast: "#FFFFFF",
-    textVerySubtle: "#727272",
-    textSubtle: "#CCCCCC",
-    highlight: "#FFFBCC",
-    errorBackground: "#FFEBEE",
-    warningBackground: "#F59B23",
-    infoBackground: "#ebf5ff",
-    errorText: "#CA001B",
-    infoText: "#004e8a",
-    warningText: "#000000",
-    linkHover: "#82BAFD",
-    link: "#9CC9FF",
-    gold: "#FFD600",
-    navigation: {
-      background: "#424242",
-      indicator: "#9BF0E1",
-      color: "#b5b5b5",
-      selectedColor: "#FFF",
-      navItem: {
-        hoverBackground: "#404040"
-      },
-      submenu: {
-        background: "#404040"
-      }
-    },
-    pinSidebarButton: {
-      icon: "#404040",
-      background: "#BDBDBD"
-    },
-    tabbar: {
-      indicator: "#9BF0E1"
-    }
-  }
-};
-
-const themes = {
-  light: createUnifiedTheme({ palette: palettes.light }),
-  dark: createUnifiedTheme({ palette: palettes.dark })
-};
-
-unstable_ClassNameGenerator.configure((componentName) => {
-  return `v5-${componentName}`;
-});
-
-const generateV4ClassName = createGenerateClassName({
-  productionPrefix: "jss4-"
-});
-function UnifiedThemeProvider(props) {
-  const { children, theme, noCssBaseline = false } = props;
-  const v4Theme = theme.getTheme("v4");
-  const v5Theme = theme.getTheme("v5");
-  let cssBaseline = void 0;
-  if (!noCssBaseline) {
-    cssBaseline = /* @__PURE__ */ React.createElement(CssBaseline, null);
-  }
-  let result = /* @__PURE__ */ React.createElement(React.Fragment, null, cssBaseline, children);
-  if (v4Theme) {
-    result = /* @__PURE__ */ React.createElement(StylesProvider, { generateClassName: generateV4ClassName }, /* @__PURE__ */ React.createElement(ThemeProvider, { theme: v4Theme }, result));
-  }
-  if (v5Theme) {
-    result = /* @__PURE__ */ React.createElement(StyledEngineProvider, { injectFirst: true }, /* @__PURE__ */ React.createElement(ThemeProvider$1, { theme: v5Theme }, result));
-  }
-  return result;
-}
-
-function createThemeOptions(options) {
-  var _a, _b, _c, _d;
-  return {
-    props: {
-      MuiGrid: (_b = (_a = defaultComponentThemes) == null ? void 0 : _a.MuiGrid) == null ? void 0 : _b.defaultProps,
-      MuiSwitch: (_d = (_c = defaultComponentThemes) == null ? void 0 : _c.MuiSwitch) == null ? void 0 : _d.defaultProps
-    },
-    ...createBaseThemeOptions(options)
-  };
-}
-function createThemeOverrides(theme) {
-  return transformV5ComponentThemesToV4(
-    // Safe but we have to make sure we don't use mui5 specific stuff in the default component themes
-    theme,
-    defaultComponentThemes
-  ).overrides;
-}
-function createTheme(options) {
-  const themeOptions = createThemeOptions(options);
-  const baseTheme = createTheme$2(themeOptions);
-  const overrides = createThemeOverrides(baseTheme);
-  const theme = { ...baseTheme, overrides };
-  return theme;
-}
-
-const lightTheme = createTheme({
-  palette: palettes.light
-});
-const darkTheme = createTheme({
-  palette: palettes.dark
-});
-
-export { UnifiedThemeProvider, colorVariants, createBaseThemeOptions, createTheme, createThemeOptions, createThemeOverrides, createUnifiedTheme, createUnifiedThemeFromV4, darkTheme, defaultComponentThemes, defaultTypography, genPageTheme, lightTheme, pageTheme, palettes, shapes, themes, transformV5ComponentThemesToV4 };
+export { transformV5ComponentThemesToV4 } from './unified/overrides.esm.js';
+export { createUnifiedTheme, createUnifiedThemeFromV4 } from './unified/UnifiedTheme.esm.js';
+export { themes } from './unified/themes.esm.js';
+export { UnifiedThemeProvider } from './unified/UnifiedThemeProvider.esm.js';
+export { createBaseThemeOptions, defaultTypography } from './base/createBaseThemeOptions.esm.js';
+export { colorVariants, genPageTheme, pageTheme, shapes } from './base/pageTheme.esm.js';
+export { palettes } from './base/palettes.esm.js';
+export { darkTheme, lightTheme } from './v4/themes.esm.js';
+export { createTheme, createThemeOptions, createThemeOverrides } from './v4/baseTheme.esm.js';
+export { defaultComponentThemes } from './v5/defaultComponentThemes.esm.js';
 //# sourceMappingURL=index.esm.js.map