@backstage/theme 0.2.15 → 0.2.16

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @backstage/theme
 
+## 0.2.16
+
+### Patch Changes
+
+- ff4f56eb49: **DEPRECATED**: The `bursts` object from `BackstagePaletteAdditions` has been depreciated and will be removed in a future release
+
+  The `genPageTheme` function now includes an optional options object with an optional `fontColor` which defaults to white if not provided.
+
+- 4c09c09102: Adds optional `htmlFontSize` property and also sets typography design tokens for h5 and h6 in base theme.
+
+## 0.2.16-next.1
+
+### Patch Changes
+
+- ff4f56eb49: **DEPRECATED**: The `bursts` object from `BackstagePaletteAdditions` has been depreciated and will be removed in a future release
+
+  The `genPageTheme` function now includes an optional options object with an optional `fontColor` which defaults to white if not provided.
+
+## 0.2.16-next.0
+
+### Patch Changes
+
+- 4c09c09102: Adds optional `htmlFontSize` property and also sets typography design tokens for h5 and h6 in base theme.
+
 ## 0.2.15
 
 ### Patch Changes

package/dist/index.d.ts

@@ -45,6 +45,9 @@ declare type BackstagePaletteAdditions = {
     tabbar: {
         indicator: string;
     };
+    /**
+     * @deprecated The entire `bursts` section will be removed in a future release
+     */
     bursts: {
         fontColor: string;
         slackChannelText: string;
@@ -124,6 +127,7 @@ declare type SimpleThemeOptions = {
     defaultPageTheme: string;
     pageTheme?: Record<string, PageTheme>;
     fontFamily?: string;
+    htmlFontSize?: number;
 };
 /**
  * The theme definitions for a given layout page.
@@ -134,6 +138,7 @@ declare type PageTheme = {
     colors: string[];
     shape: string;
     backgroundImage: string;
+    fontColor: string;
 };
 
 /**
@@ -201,7 +206,13 @@ declare const colorVariants: Record<string, string[]>;
  * As the background shapes and colors are decorative, we place them onto the
  * page as a css background-image instead of an html element of its own.
  */
-declare function genPageTheme(colors: string[], shape: string): PageTheme;
+declare function genPageTheme(props: {
+    colors: string[];
+    shape: string;
+    options?: {
+        fontColor?: string;
+    };
+}): PageTheme;
 /**
  * All of the builtin page themes.
  *

package/dist/index.esm.js

@@ -16,30 +16,48 @@ const colorVariants = {
   purpleSky: ["#8912CA", "#3E00EA"],
   eveningSea: ["#00FFF2", "#035355"],
   teal: ["#005B4B"],
-  pinkSea: ["#C8077A", "#C2297D"]
+  pinkSea: ["#C8077A", "#C2297D"],
+  greens: ["#4BB8A5", "#187656"]
 };
-function genPageTheme(colors, shape) {
+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}`;
-  return { colors, shape, backgroundImage };
+  const fontColor = (_a = options == null ? void 0 : options.fontColor) != null ? _a : "#FFFFFF";
+  return {
+    colors,
+    shape,
+    backgroundImage,
+    fontColor
+  };
 }
 const pageTheme = {
-  home: genPageTheme(colorVariants.teal, shapes.wave),
-  documentation: genPageTheme(colorVariants.pinkSea, shapes.wave2),
-  tool: genPageTheme(colorVariants.purpleSky, shapes.round),
-  service: genPageTheme(colorVariants.marineBlue, shapes.wave),
-  website: genPageTheme(colorVariants.veryBlue, shapes.wave),
-  library: genPageTheme(colorVariants.rubyRed, shapes.wave),
-  other: genPageTheme(colorVariants.darkGrey, shapes.wave),
-  app: genPageTheme(colorVariants.toastyOrange, shapes.wave),
-  apis: genPageTheme(colorVariants.teal, shapes.wave2)
+  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';
 function createThemeOptions(options) {
   const {
     palette,
+    htmlFontSize = DEFAULT_HTML_FONT_SIZE,
     fontFamily = DEFAULT_FONT_FAMILY,
     defaultPageTheme,
     pageTheme: pageTheme$1 = pageTheme
@@ -58,9 +76,17 @@ function createThemeOptions(options) {
       }
     },
     typography: {
+      htmlFontSize,
       fontFamily,
+      h6: {
+        fontWeight: 700,
+        fontSize: 20,
+        marginBottom: 2
+      },
       h5: {
-        fontWeight: 700
+        fontWeight: 700,
+        fontSize: 24,
+        marginBottom: 4
       },
       h4: {
         fontWeight: 700,

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/pageTheme.ts","../src/baseTheme.ts","../src/themes.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { PageTheme } from './types';\n\n/**\n * The default predefined burst shapes.\n *\n * @public\n * @remarks\n *\n * How to add a shape:\n *\n * 1. Get the svg shape from figma, should be ~1400 wide, ~400 high\n *    and only the white-to-transparent mask, no colors.\n * 2. Run it through https://jakearchibald.github.io/svgomg/\n * 3. Run that through https://github.com/tigt/mini-svg-data-uri\n *    with something like https://npm.runkit.com/mini-svg-data-uri\n * 4. Wrap the output in `url(\"\")`\n * 5. Give it a name and paste it into the `shapes` object below.\n */\nexport const shapes: Record<string, string> = {\n  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\")`,\n  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\")`,\n  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\")`,\n};\n\n/**\n * The color range variants that are used in e.g. colorful bursts.\n *\n * @public\n */\nexport const colorVariants: Record<string, string[]> = {\n  darkGrey: ['#171717', '#383838'],\n  marineBlue: ['#006D8F', '#0049A1'],\n  veryBlue: ['#0027AF', '#270094'],\n  rubyRed: ['#98002B', '#8D1134'],\n  toastyOrange: ['#BE2200', '#A41D00'],\n  purpleSky: ['#8912CA', '#3E00EA'],\n  eveningSea: ['#00FFF2', '#035355'],\n  teal: ['#005B4B'],\n  pinkSea: ['#C8077A', '#C2297D'],\n};\n\n/**\n * Utility to not have to write colors and shapes twice.\n *\n * @public\n * @remarks\n *\n * As the background shapes and colors are decorative, we place them onto the\n * page as a css background-image instead of an html element of its own.\n */\nexport function genPageTheme(colors: string[], shape: string): PageTheme {\n  const gradientColors = colors.length === 1 ? [colors[0], colors[0]] : colors;\n  const gradient = `linear-gradient(90deg, ${gradientColors.join(', ')})`;\n  const backgroundImage = `${shape},  ${gradient}`;\n\n  return { colors, shape, backgroundImage };\n}\n\n/**\n * All of the builtin page themes.\n *\n * @public\n */\nexport const pageTheme: Record<string, PageTheme> = {\n  home: genPageTheme(colorVariants.teal, shapes.wave),\n  documentation: genPageTheme(colorVariants.pinkSea, shapes.wave2),\n  tool: genPageTheme(colorVariants.purpleSky, shapes.round),\n  service: genPageTheme(colorVariants.marineBlue, shapes.wave),\n  website: genPageTheme(colorVariants.veryBlue, shapes.wave),\n  library: genPageTheme(colorVariants.rubyRed, shapes.wave),\n  other: genPageTheme(colorVariants.darkGrey, shapes.wave),\n  app: genPageTheme(colorVariants.toastyOrange, shapes.wave),\n  apis: genPageTheme(colorVariants.teal, shapes.wave2),\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createTheme as createMuiTheme } from '@material-ui/core/styles';\nimport { darken, lighten } from '@material-ui/core/styles/colorManipulator';\nimport { Overrides } from '@material-ui/core/styles/overrides';\nimport {\n  BackstageTheme,\n  BackstageThemeOptions,\n  SimpleThemeOptions,\n} from './types';\nimport { pageTheme as defaultPageThemes } from './pageTheme';\n\nconst DEFAULT_FONT_FAMILY =\n  '\"Helvetica Neue\", Helvetica, Roboto, Arial, sans-serif';\n\n/**\n * A helper for creating theme options.\n *\n * @public\n */\nexport function createThemeOptions(\n  options: SimpleThemeOptions,\n): BackstageThemeOptions {\n  const {\n    palette,\n    fontFamily = DEFAULT_FONT_FAMILY,\n    defaultPageTheme,\n    pageTheme = defaultPageThemes,\n  } = options;\n\n  if (!pageTheme[defaultPageTheme]) {\n    throw new Error(`${defaultPageTheme} is not defined in pageTheme.`);\n  }\n\n  return {\n    palette,\n    props: {\n      MuiGrid: {\n        spacing: 2,\n      },\n      MuiSwitch: {\n        color: 'primary',\n      },\n    },\n    typography: {\n      fontFamily,\n      h5: {\n        fontWeight: 700,\n      },\n      h4: {\n        fontWeight: 700,\n        fontSize: 28,\n        marginBottom: 6,\n      },\n      h3: {\n        fontSize: 32,\n        fontWeight: 700,\n        marginBottom: 6,\n      },\n      h2: {\n        fontSize: 40,\n        fontWeight: 700,\n        marginBottom: 8,\n      },\n      h1: {\n        fontSize: 54,\n        fontWeight: 700,\n        marginBottom: 10,\n      },\n    },\n    page: pageTheme[defaultPageTheme],\n    getPageTheme: ({ themeId }) =>\n      pageTheme[themeId] ?? pageTheme[defaultPageTheme],\n  };\n}\n\n/**\n * A helper for creating theme overrides.\n *\n * @public\n */\nexport function createThemeOverrides(theme: BackstageTheme): Overrides {\n  return {\n    MuiCssBaseline: {\n      '@global': {\n        html: {\n          height: '100%',\n          fontFamily: theme.typography.fontFamily,\n        },\n        body: {\n          height: '100%',\n          fontFamily: theme.typography.fontFamily,\n          'overscroll-behavior-y': 'none',\n        },\n        a: {\n          color: 'inherit',\n          textDecoration: 'none',\n        },\n      },\n    },\n    MuiTableRow: {\n      // Alternating row backgrounds\n      root: {\n        '&:nth-of-type(odd)': {\n          backgroundColor: theme.palette.background.default,\n        },\n      },\n      // Use pointer for hoverable rows\n      hover: {\n        '&:hover': {\n          cursor: 'pointer',\n        },\n      },\n      // Alternating head backgrounds\n      head: {\n        '&:nth-of-type(odd)': {\n          backgroundColor: theme.palette.background.paper,\n        },\n      },\n    },\n    // Tables are more dense than default mui tables\n    MuiTableCell: {\n      root: {\n        wordBreak: 'break-word',\n        overflow: 'hidden',\n        verticalAlign: 'middle',\n        lineHeight: '1',\n        margin: 0,\n        padding: theme.spacing(3, 2, 3, 2.5),\n        borderBottom: 0,\n      },\n      sizeSmall: {\n        padding: theme.spacing(1.5, 2, 1.5, 2.5),\n      },\n      head: {\n        wordBreak: 'break-word',\n        overflow: 'hidden',\n        color: 'rgb(179, 179, 179)',\n        fontWeight: 'normal',\n        lineHeight: '1',\n      },\n    },\n    MuiTabs: {\n      // Tabs are smaller than default mui tab rows\n      root: {\n        minHeight: 24,\n      },\n    },\n    MuiTab: {\n      // Tabs are smaller and have a hover background\n      root: {\n        color: theme.palette.link,\n        minHeight: 24,\n        textTransform: 'initial',\n        letterSpacing: '0.07em',\n        '&:hover': {\n          color: darken(theme.palette.link, 0.3),\n          background: lighten(theme.palette.link, 0.95),\n        },\n        [theme.breakpoints.up('md')]: {\n          minWidth: 120,\n          fontSize: theme.typography.pxToRem(14),\n          fontWeight: 500,\n        },\n      },\n      textColorPrimary: {\n        color: theme.palette.link,\n      },\n    },\n    MuiTableSortLabel: {\n      // No color change on hover, just rely on the arrow showing up instead.\n      root: {\n        color: 'inherit',\n        '&:hover': {\n          color: 'inherit',\n        },\n        '&:focus': {\n          color: 'inherit',\n        },\n      },\n      // Bold font for highlighting selected column\n      active: {\n        fontWeight: 'bold',\n        color: 'inherit',\n      },\n    },\n    MuiListItemText: {\n      dense: {\n        // Default dense list items to adding ellipsis for really long str...\n        whiteSpace: 'nowrap',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      },\n    },\n    MuiButton: {\n      text: {\n        // Text buttons have less padding by default, but we want to keep the original padding\n        padding: undefined,\n      },\n    },\n    MuiChip: {\n      root: {\n        backgroundColor: '#D9D9D9',\n        // By default there's no margin, but it's usually wanted, so we add some trailing margin\n        marginRight: theme.spacing(1),\n        marginBottom: theme.spacing(1),\n        color: theme.palette.grey[900],\n      },\n      outlined: {\n        color: theme.palette.text.primary,\n      },\n      label: {\n        lineHeight: `${theme.spacing(2.5)}px`,\n        fontWeight: theme.typography.fontWeightMedium,\n        fontSize: `${theme.spacing(1.75)}px`,\n      },\n      labelSmall: {\n        fontSize: `${theme.spacing(1.5)}px`,\n      },\n      deleteIcon: {\n        color: theme.palette.grey[500],\n        width: `${theme.spacing(3)}px`,\n        height: `${theme.spacing(3)}px`,\n        margin: `0 ${theme.spacing(0.75)}px 0 -${theme.spacing(0.75)}px`,\n      },\n      deleteIconSmall: {\n        width: `${theme.spacing(2)}px`,\n        height: `${theme.spacing(2)}px`,\n        margin: `0 ${theme.spacing(0.5)}px 0 -${theme.spacing(0.5)}px`,\n      },\n    },\n    MuiCard: {\n      root: {\n        // When cards have a forced size, such as when they are arranged in a\n        // CSS grid, the content needs to flex such that the actions (buttons\n        // etc) end up at the bottom of the card instead of just below the body\n        // contents.\n        display: 'flex',\n        flexDirection: 'column',\n      },\n    },\n    MuiCardHeader: {\n      root: {\n        // Reduce padding between header and content\n        paddingBottom: 0,\n      },\n    },\n    MuiCardContent: {\n      root: {\n        // When cards have a forced size, such as when they are arranged in a\n        // CSS grid, the content needs to flex such that the actions (buttons\n        // etc) end up at the bottom of the card instead of just below the body\n        // contents.\n        flexGrow: 1,\n        '&:last-child': {\n          paddingBottom: undefined,\n        },\n      },\n    },\n    MuiCardActions: {\n      root: {\n        // We default to putting the card actions at the end\n        justifyContent: 'flex-end',\n      },\n    },\n  };\n}\n\n/**\n * Creates a Backstage MUI theme using a palette. The theme is created with the\n * common Backstage options and component styles.\n *\n * @public\n */\nexport function createTheme(options: SimpleThemeOptions): BackstageTheme {\n  const themeOptions = createThemeOptions(options);\n  const baseTheme = createMuiTheme(themeOptions) as BackstageTheme;\n  const overrides = createThemeOverrides(baseTheme);\n  const theme = { ...baseTheme, overrides };\n  return theme;\n}\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createTheme } from './baseTheme';\nimport { pageTheme } from './pageTheme';\nimport { yellow } from '@material-ui/core/colors';\n\n/**\n * The default Backstage light theme.\n *\n * @public\n */\nexport const lightTheme = createTheme({\n  palette: {\n    type: 'light',\n    background: {\n      default: '#F8F8F8',\n    },\n    status: {\n      ok: '#1DB954',\n      warning: '#FF9800',\n      error: '#E22134',\n      running: '#2E77D0',\n      pending: '#FFED51',\n      aborted: '#757575',\n    },\n    bursts: {\n      fontColor: '#FEFEFE',\n      slackChannelText: '#ddd',\n      backgroundColor: {\n        default: '#7C3699',\n      },\n      gradient: {\n        linear: 'linear-gradient(-137deg, #4BB8A5 0%, #187656 100%)',\n      },\n    },\n    primary: {\n      main: '#2E77D0',\n    },\n    banner: {\n      info: '#2E77D0',\n      error: '#E22134',\n      text: '#FFFFFF',\n      link: '#000000',\n      warning: '#FF9800',\n    },\n    border: '#E6E6E6',\n    textContrast: '#000000',\n    textVerySubtle: '#DDD',\n    textSubtle: '#6E6E6E',\n    highlight: '#FFFBCC',\n    errorBackground: '#FFEBEE',\n    warningBackground: '#F59B23',\n    infoBackground: '#ebf5ff',\n    errorText: '#CA001B',\n    infoText: '#004e8a',\n    warningText: '#000000',\n    linkHover: '#2196F3',\n    link: '#0A6EBE',\n    gold: yellow.A700,\n    navigation: {\n      background: '#171717',\n      indicator: '#9BF0E1',\n      color: '#b5b5b5',\n      selectedColor: '#FFF',\n      navItem: {\n        hoverBackground: '#404040',\n      },\n      submenu: {\n        background: '#404040',\n      },\n    },\n    pinSidebarButton: {\n      icon: '#181818',\n      background: '#BDBDBD',\n    },\n    tabbar: {\n      indicator: '#9BF0E1',\n    },\n  },\n  defaultPageTheme: 'home',\n  pageTheme,\n});\n\n/**\n * The default Backstage dark theme.\n *\n * @public\n */\nexport const darkTheme = createTheme({\n  palette: {\n    type: 'dark',\n    background: {\n      default: '#333333',\n    },\n    status: {\n      ok: '#71CF88',\n      warning: '#FFB84D',\n      error: '#F84C55',\n      running: '#3488E3',\n      pending: '#FEF071',\n      aborted: '#9E9E9E',\n    },\n    bursts: {\n      fontColor: '#FEFEFE',\n      slackChannelText: '#ddd',\n      backgroundColor: {\n        default: '#7C3699',\n      },\n      gradient: {\n        linear: 'linear-gradient(-137deg, #4BB8A5 0%, #187656 100%)',\n      },\n    },\n    primary: {\n      main: '#9CC9FF',\n      dark: '#82BAFD',\n    },\n    secondary: {\n      main: '#FF88B2',\n    },\n    banner: {\n      info: '#2E77D0',\n      error: '#E22134',\n      text: '#FFFFFF',\n      link: '#000000',\n      warning: '#FF9800',\n    },\n    border: '#E6E6E6',\n    textContrast: '#FFFFFF',\n    textVerySubtle: '#727272',\n    textSubtle: '#CCCCCC',\n    highlight: '#FFFBCC',\n    errorBackground: '#FFEBEE',\n    warningBackground: '#F59B23',\n    infoBackground: '#ebf5ff',\n    errorText: '#CA001B',\n    infoText: '#004e8a',\n    warningText: '#000000',\n    linkHover: '#82BAFD',\n    link: '#9CC9FF',\n    gold: yellow.A700,\n    navigation: {\n      background: '#424242',\n      indicator: '#9BF0E1',\n      color: '#b5b5b5',\n      selectedColor: '#FFF',\n      navItem: {\n        hoverBackground: '#404040',\n      },\n      submenu: {\n        background: '#404040',\n      },\n    },\n    pinSidebarButton: {\n      icon: '#404040',\n      background: '#BDBDBD',\n    },\n    tabbar: {\n      indicator: '#9BF0E1',\n    },\n  },\n  defaultPageTheme: 'home',\n  pageTheme,\n});\n"],"names":["pageTheme","defaultPageThemes","createMuiTheme"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/pageTheme.ts","../src/baseTheme.ts","../src/themes.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { PageTheme } from './types';\n\n/**\n * The default predefined burst shapes.\n *\n * @public\n * @remarks\n *\n * How to add a shape:\n *\n * 1. Get the svg shape from figma, should be ~1400 wide, ~400 high\n *    and only the white-to-transparent mask, no colors.\n * 2. Run it through https://jakearchibald.github.io/svgomg/\n * 3. Run that through https://github.com/tigt/mini-svg-data-uri\n *    with something like https://npm.runkit.com/mini-svg-data-uri\n * 4. Wrap the output in `url(\"\")`\n * 5. Give it a name and paste it into the `shapes` object below.\n */\nexport const shapes: Record<string, string> = {\n  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\")`,\n  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\")`,\n  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\")`,\n};\n\n/**\n * The color range variants that are used in e.g. colorful bursts.\n *\n * @public\n */\nexport const colorVariants: Record<string, string[]> = {\n  darkGrey: ['#171717', '#383838'],\n  marineBlue: ['#006D8F', '#0049A1'],\n  veryBlue: ['#0027AF', '#270094'],\n  rubyRed: ['#98002B', '#8D1134'],\n  toastyOrange: ['#BE2200', '#A41D00'],\n  purpleSky: ['#8912CA', '#3E00EA'],\n  eveningSea: ['#00FFF2', '#035355'],\n  teal: ['#005B4B'],\n  pinkSea: ['#C8077A', '#C2297D'],\n  greens: ['#4BB8A5', '#187656'],\n};\n\n/**\n * Utility to not have to write colors and shapes twice.\n *\n * @public\n * @remarks\n *\n * As the background shapes and colors are decorative, we place them onto the\n * page as a css background-image instead of an html element of its own.\n */\nexport function genPageTheme(props: {\n  colors: string[];\n  shape: string;\n  options?: {\n    fontColor?: string;\n  };\n}): PageTheme {\n  const { colors, shape, options } = props;\n  const gradientColors = colors.length === 1 ? [colors[0], colors[0]] : colors;\n  const gradient = `linear-gradient(90deg, ${gradientColors.join(', ')})`;\n  const backgroundImage = `${shape},  ${gradient}`;\n  const fontColor = options?.fontColor ?? '#FFFFFF';\n\n  return {\n    colors: colors,\n    shape: shape,\n    backgroundImage: backgroundImage,\n    fontColor: fontColor,\n  };\n}\n\n/**\n * All of the builtin page themes.\n *\n * @public\n */\nexport const pageTheme: Record<string, PageTheme> = {\n  home: genPageTheme({ colors: colorVariants.teal, shape: shapes.wave }),\n  documentation: genPageTheme({\n    colors: colorVariants.pinkSea,\n    shape: shapes.wave2,\n  }),\n  tool: genPageTheme({ colors: colorVariants.purpleSky, shape: shapes.round }),\n  service: genPageTheme({\n    colors: colorVariants.marineBlue,\n    shape: shapes.wave,\n  }),\n  website: genPageTheme({ colors: colorVariants.veryBlue, shape: shapes.wave }),\n  library: genPageTheme({ colors: colorVariants.rubyRed, shape: shapes.wave }),\n  other: genPageTheme({ colors: colorVariants.darkGrey, shape: shapes.wave }),\n  app: genPageTheme({ colors: colorVariants.toastyOrange, shape: shapes.wave }),\n  apis: genPageTheme({ colors: colorVariants.teal, shape: shapes.wave2 }),\n  card: genPageTheme({ colors: colorVariants.greens, shape: shapes.wave }),\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createTheme as createMuiTheme } from '@material-ui/core/styles';\nimport { darken, lighten } from '@material-ui/core/styles/colorManipulator';\nimport { Overrides } from '@material-ui/core/styles/overrides';\nimport {\n  BackstageTheme,\n  BackstageThemeOptions,\n  SimpleThemeOptions,\n} from './types';\nimport { pageTheme as defaultPageThemes } from './pageTheme';\n\nconst DEFAULT_HTML_FONT_SIZE = 16;\nconst DEFAULT_FONT_FAMILY =\n  '\"Helvetica Neue\", Helvetica, Roboto, Arial, sans-serif';\n\n/**\n * A helper for creating theme options.\n *\n * @public\n */\nexport function createThemeOptions(\n  options: SimpleThemeOptions,\n): BackstageThemeOptions {\n  const {\n    palette,\n    htmlFontSize = DEFAULT_HTML_FONT_SIZE,\n    fontFamily = DEFAULT_FONT_FAMILY,\n    defaultPageTheme,\n    pageTheme = defaultPageThemes,\n  } = options;\n\n  if (!pageTheme[defaultPageTheme]) {\n    throw new Error(`${defaultPageTheme} is not defined in pageTheme.`);\n  }\n\n  return {\n    palette,\n    props: {\n      MuiGrid: {\n        spacing: 2,\n      },\n      MuiSwitch: {\n        color: 'primary',\n      },\n    },\n    typography: {\n      htmlFontSize,\n      fontFamily,\n      h6: {\n        fontWeight: 700,\n        fontSize: 20,\n        marginBottom: 2,\n      },\n      h5: {\n        fontWeight: 700,\n        fontSize: 24,\n        marginBottom: 4,\n      },\n      h4: {\n        fontWeight: 700,\n        fontSize: 28,\n        marginBottom: 6,\n      },\n      h3: {\n        fontSize: 32,\n        fontWeight: 700,\n        marginBottom: 6,\n      },\n      h2: {\n        fontSize: 40,\n        fontWeight: 700,\n        marginBottom: 8,\n      },\n      h1: {\n        fontSize: 54,\n        fontWeight: 700,\n        marginBottom: 10,\n      },\n    },\n    page: pageTheme[defaultPageTheme],\n    getPageTheme: ({ themeId }) =>\n      pageTheme[themeId] ?? pageTheme[defaultPageTheme],\n  };\n}\n\n/**\n * A helper for creating theme overrides.\n *\n * @public\n */\nexport function createThemeOverrides(theme: BackstageTheme): Overrides {\n  return {\n    MuiCssBaseline: {\n      '@global': {\n        html: {\n          height: '100%',\n          fontFamily: theme.typography.fontFamily,\n        },\n        body: {\n          height: '100%',\n          fontFamily: theme.typography.fontFamily,\n          'overscroll-behavior-y': 'none',\n        },\n        a: {\n          color: 'inherit',\n          textDecoration: 'none',\n        },\n      },\n    },\n    MuiTableRow: {\n      // Alternating row backgrounds\n      root: {\n        '&:nth-of-type(odd)': {\n          backgroundColor: theme.palette.background.default,\n        },\n      },\n      // Use pointer for hoverable rows\n      hover: {\n        '&:hover': {\n          cursor: 'pointer',\n        },\n      },\n      // Alternating head backgrounds\n      head: {\n        '&:nth-of-type(odd)': {\n          backgroundColor: theme.palette.background.paper,\n        },\n      },\n    },\n    // Tables are more dense than default mui tables\n    MuiTableCell: {\n      root: {\n        wordBreak: 'break-word',\n        overflow: 'hidden',\n        verticalAlign: 'middle',\n        lineHeight: '1',\n        margin: 0,\n        padding: theme.spacing(3, 2, 3, 2.5),\n        borderBottom: 0,\n      },\n      sizeSmall: {\n        padding: theme.spacing(1.5, 2, 1.5, 2.5),\n      },\n      head: {\n        wordBreak: 'break-word',\n        overflow: 'hidden',\n        color: 'rgb(179, 179, 179)',\n        fontWeight: 'normal',\n        lineHeight: '1',\n      },\n    },\n    MuiTabs: {\n      // Tabs are smaller than default mui tab rows\n      root: {\n        minHeight: 24,\n      },\n    },\n    MuiTab: {\n      // Tabs are smaller and have a hover background\n      root: {\n        color: theme.palette.link,\n        minHeight: 24,\n        textTransform: 'initial',\n        letterSpacing: '0.07em',\n        '&:hover': {\n          color: darken(theme.palette.link, 0.3),\n          background: lighten(theme.palette.link, 0.95),\n        },\n        [theme.breakpoints.up('md')]: {\n          minWidth: 120,\n          fontSize: theme.typography.pxToRem(14),\n          fontWeight: 500,\n        },\n      },\n      textColorPrimary: {\n        color: theme.palette.link,\n      },\n    },\n    MuiTableSortLabel: {\n      // No color change on hover, just rely on the arrow showing up instead.\n      root: {\n        color: 'inherit',\n        '&:hover': {\n          color: 'inherit',\n        },\n        '&:focus': {\n          color: 'inherit',\n        },\n      },\n      // Bold font for highlighting selected column\n      active: {\n        fontWeight: 'bold',\n        color: 'inherit',\n      },\n    },\n    MuiListItemText: {\n      dense: {\n        // Default dense list items to adding ellipsis for really long str...\n        whiteSpace: 'nowrap',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      },\n    },\n    MuiButton: {\n      text: {\n        // Text buttons have less padding by default, but we want to keep the original padding\n        padding: undefined,\n      },\n    },\n    MuiChip: {\n      root: {\n        backgroundColor: '#D9D9D9',\n        // By default there's no margin, but it's usually wanted, so we add some trailing margin\n        marginRight: theme.spacing(1),\n        marginBottom: theme.spacing(1),\n        color: theme.palette.grey[900],\n      },\n      outlined: {\n        color: theme.palette.text.primary,\n      },\n      label: {\n        lineHeight: `${theme.spacing(2.5)}px`,\n        fontWeight: theme.typography.fontWeightMedium,\n        fontSize: `${theme.spacing(1.75)}px`,\n      },\n      labelSmall: {\n        fontSize: `${theme.spacing(1.5)}px`,\n      },\n      deleteIcon: {\n        color: theme.palette.grey[500],\n        width: `${theme.spacing(3)}px`,\n        height: `${theme.spacing(3)}px`,\n        margin: `0 ${theme.spacing(0.75)}px 0 -${theme.spacing(0.75)}px`,\n      },\n      deleteIconSmall: {\n        width: `${theme.spacing(2)}px`,\n        height: `${theme.spacing(2)}px`,\n        margin: `0 ${theme.spacing(0.5)}px 0 -${theme.spacing(0.5)}px`,\n      },\n    },\n    MuiCard: {\n      root: {\n        // When cards have a forced size, such as when they are arranged in a\n        // CSS grid, the content needs to flex such that the actions (buttons\n        // etc) end up at the bottom of the card instead of just below the body\n        // contents.\n        display: 'flex',\n        flexDirection: 'column',\n      },\n    },\n    MuiCardHeader: {\n      root: {\n        // Reduce padding between header and content\n        paddingBottom: 0,\n      },\n    },\n    MuiCardContent: {\n      root: {\n        // When cards have a forced size, such as when they are arranged in a\n        // CSS grid, the content needs to flex such that the actions (buttons\n        // etc) end up at the bottom of the card instead of just below the body\n        // contents.\n        flexGrow: 1,\n        '&:last-child': {\n          paddingBottom: undefined,\n        },\n      },\n    },\n    MuiCardActions: {\n      root: {\n        // We default to putting the card actions at the end\n        justifyContent: 'flex-end',\n      },\n    },\n  };\n}\n\n/**\n * Creates a Backstage MUI theme using a palette. The theme is created with the\n * common Backstage options and component styles.\n *\n * @public\n */\nexport function createTheme(options: SimpleThemeOptions): BackstageTheme {\n  const themeOptions = createThemeOptions(options);\n  const baseTheme = createMuiTheme(themeOptions) as BackstageTheme;\n  const overrides = createThemeOverrides(baseTheme);\n  const theme = { ...baseTheme, overrides };\n  return theme;\n}\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createTheme } from './baseTheme';\nimport { pageTheme } from './pageTheme';\nimport { yellow } from '@material-ui/core/colors';\n\n/**\n * The default Backstage light theme.\n *\n * @public\n */\nexport const lightTheme = createTheme({\n  palette: {\n    type: 'light',\n    background: {\n      default: '#F8F8F8',\n    },\n    status: {\n      ok: '#1DB954',\n      warning: '#FF9800',\n      error: '#E22134',\n      running: '#2E77D0',\n      pending: '#FFED51',\n      aborted: '#757575',\n    },\n    bursts: {\n      fontColor: '#FEFEFE',\n      slackChannelText: '#ddd',\n      backgroundColor: {\n        default: '#7C3699',\n      },\n      gradient: {\n        linear: 'linear-gradient(-137deg, #4BB8A5 0%, #187656 100%)',\n      },\n    },\n    primary: {\n      main: '#2E77D0',\n    },\n    banner: {\n      info: '#2E77D0',\n      error: '#E22134',\n      text: '#FFFFFF',\n      link: '#000000',\n      warning: '#FF9800',\n    },\n    border: '#E6E6E6',\n    textContrast: '#000000',\n    textVerySubtle: '#DDD',\n    textSubtle: '#6E6E6E',\n    highlight: '#FFFBCC',\n    errorBackground: '#FFEBEE',\n    warningBackground: '#F59B23',\n    infoBackground: '#ebf5ff',\n    errorText: '#CA001B',\n    infoText: '#004e8a',\n    warningText: '#000000',\n    linkHover: '#2196F3',\n    link: '#0A6EBE',\n    gold: yellow.A700,\n    navigation: {\n      background: '#171717',\n      indicator: '#9BF0E1',\n      color: '#b5b5b5',\n      selectedColor: '#FFF',\n      navItem: {\n        hoverBackground: '#404040',\n      },\n      submenu: {\n        background: '#404040',\n      },\n    },\n    pinSidebarButton: {\n      icon: '#181818',\n      background: '#BDBDBD',\n    },\n    tabbar: {\n      indicator: '#9BF0E1',\n    },\n  },\n  defaultPageTheme: 'home',\n  pageTheme,\n});\n\n/**\n * The default Backstage dark theme.\n *\n * @public\n */\nexport const darkTheme = createTheme({\n  palette: {\n    type: 'dark',\n    background: {\n      default: '#333333',\n    },\n    status: {\n      ok: '#71CF88',\n      warning: '#FFB84D',\n      error: '#F84C55',\n      running: '#3488E3',\n      pending: '#FEF071',\n      aborted: '#9E9E9E',\n    },\n    bursts: {\n      fontColor: '#FEFEFE',\n      slackChannelText: '#ddd',\n      backgroundColor: {\n        default: '#7C3699',\n      },\n      gradient: {\n        linear: 'linear-gradient(-137deg, #4BB8A5 0%, #187656 100%)',\n      },\n    },\n    primary: {\n      main: '#9CC9FF',\n      dark: '#82BAFD',\n    },\n    secondary: {\n      main: '#FF88B2',\n    },\n    banner: {\n      info: '#2E77D0',\n      error: '#E22134',\n      text: '#FFFFFF',\n      link: '#000000',\n      warning: '#FF9800',\n    },\n    border: '#E6E6E6',\n    textContrast: '#FFFFFF',\n    textVerySubtle: '#727272',\n    textSubtle: '#CCCCCC',\n    highlight: '#FFFBCC',\n    errorBackground: '#FFEBEE',\n    warningBackground: '#F59B23',\n    infoBackground: '#ebf5ff',\n    errorText: '#CA001B',\n    infoText: '#004e8a',\n    warningText: '#000000',\n    linkHover: '#82BAFD',\n    link: '#9CC9FF',\n    gold: yellow.A700,\n    navigation: {\n      background: '#424242',\n      indicator: '#9BF0E1',\n      color: '#b5b5b5',\n      selectedColor: '#FFF',\n      navItem: {\n        hoverBackground: '#404040',\n      },\n      submenu: {\n        background: '#404040',\n      },\n    },\n    pinSidebarButton: {\n      icon: '#404040',\n      background: '#BDBDBD',\n    },\n    tabbar: {\n      indicator: '#9BF0E1',\n    },\n  },\n  defaultPageTheme: 'home',\n  pageTheme,\n});\n"],"names":["pageTheme","defaultPageThemes","createMuiTheme"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@backstage/theme",
   "description": "material-ui theme for use with Backstage.",
-  "version": "0.2.15",
+  "version": "0.2.16",
   "private": false,
   "publishConfig": {
     "access": "public",
@@ -36,10 +36,10 @@
     "@material-ui/core": "^4.12.2"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.14.0"
+    "@backstage/cli": "^0.18.0"
   },
   "files": [
     "dist"
   ],
-  "gitHead": "4805c3d13ce9bfc369e53c271b1b95e722b3b4dc"
+  "gitHead": "999878d8f1ae30f6a15925816af2016cb9d717a1"
 }