@backstage/theme 0.5.5 → 0.5.6-next.0

package/CHANGELOG.md

@@ -1,10 +1,10 @@
 # @backstage/theme
 
-## 0.5.5
+## 0.5.6-next.0
 
 ### Patch Changes
 
-- e059f63: Internal refactor to fix an issue where the MUI 5 `v5-` class prefixing gets removed by tree shaking.
+- 702fa7d: Internal refactor to fix an issue where the MUI 5 `v5-` class prefixing gets removed by tree shaking.
 
 ## 0.5.4
 

package/dist/base/createBaseThemeOptions.esm.js

@@ -53,12 +53,9 @@ function createBaseThemeOptions(options) {
   defaultTypography.fontFamily = fontFamily;
   return {
     palette,
-    typography: typography != null ? typography : defaultTypography,
+    typography: typography ?? defaultTypography,
     page: pageTheme$1[defaultPageTheme],
-    getPageTheme: ({ themeId }) => {
-      var _a;
-      return (_a = pageTheme$1[themeId]) != null ? _a : pageTheme$1[defaultPageTheme];
-    }
+    getPageTheme: ({ themeId }) => pageTheme$1[themeId] ?? pageTheme$1[defaultPageTheme]
   };
 }
 

package/dist/base/createBaseThemeOptions.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"createBaseThemeOptions.esm.js","sources":["../../src/base/createBaseThemeOptions.ts"],"sourcesContent":["/*\n * Copyright 2022 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 { BackstageTypography, PageTheme, PageThemeSelector } 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';\nconst DEFAULT_PAGE_THEME = 'home';\n\n/**\n * Default Typography settings.\n *\n * @public\n */\nexport const defaultTypography: BackstageTypography = {\n  htmlFontSize: DEFAULT_HTML_FONT_SIZE,\n  fontFamily: DEFAULT_FONT_FAMILY,\n  h1: {\n    fontSize: 54,\n    fontWeight: 700,\n    marginBottom: 10,\n  },\n  h2: {\n    fontSize: 40,\n    fontWeight: 700,\n    marginBottom: 8,\n  },\n  h3: {\n    fontSize: 32,\n    fontWeight: 700,\n    marginBottom: 6,\n  },\n  h4: {\n    fontWeight: 700,\n    fontSize: 28,\n    marginBottom: 6,\n  },\n  h5: {\n    fontWeight: 700,\n    fontSize: 24,\n    marginBottom: 4,\n  },\n  h6: {\n    fontWeight: 700,\n    fontSize: 20,\n    marginBottom: 2,\n  },\n};\n\n/**\n * Options for {@link createBaseThemeOptions}.\n *\n * @public\n */\nexport interface BaseThemeOptionsInput<PaletteOptions> {\n  palette: PaletteOptions;\n  defaultPageTheme?: string;\n  pageTheme?: Record<string, PageTheme>;\n  fontFamily?: string;\n  htmlFontSize?: number;\n  typography?: BackstageTypography;\n}\n\n/**\n * A helper for creating theme options.\n *\n * @public\n */\nexport function createBaseThemeOptions<PaletteOptions>(\n  options: BaseThemeOptionsInput<PaletteOptions>,\n) {\n  const {\n    palette,\n    htmlFontSize = DEFAULT_HTML_FONT_SIZE,\n    fontFamily = DEFAULT_FONT_FAMILY,\n    defaultPageTheme = DEFAULT_PAGE_THEME,\n    pageTheme = defaultPageThemes,\n    typography,\n  } = options;\n\n  if (!pageTheme[defaultPageTheme]) {\n    throw new Error(`${defaultPageTheme} is not defined in pageTheme.`);\n  }\n\n  defaultTypography.htmlFontSize = htmlFontSize;\n  defaultTypography.fontFamily = fontFamily;\n\n  return {\n    palette,\n    typography: typography ?? defaultTypography,\n    page: pageTheme[defaultPageTheme],\n    getPageTheme: ({ themeId }: PageThemeSelector) =>\n      pageTheme[themeId] ?? pageTheme[defaultPageTheme],\n  };\n}\n"],"names":["pageTheme","defaultPageThemes"],"mappings":";;AAmBA,MAAM,sBAAyB,GAAA,EAAA,CAAA;AAC/B,MAAM,mBACJ,GAAA,wDAAA,CAAA;AACF,MAAM,kBAAqB,GAAA,MAAA,CAAA;AAOpB,MAAM,iBAAyC,GAAA;AAAA,EACpD,YAAc,EAAA,sBAAA;AAAA,EACd,UAAY,EAAA,mBAAA;AAAA,EACZ,EAAI,EAAA;AAAA,IACF,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,YAAc,EAAA,EAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,YAAc,EAAA,CAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,YAAc,EAAA,CAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA,CAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA,CAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA,CAAA;AAAA,GAChB;AACF,EAAA;AAqBO,SAAS,uBACd,OACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,YAAe,GAAA,sBAAA;AAAA,IACf,UAAa,GAAA,mBAAA;AAAA,IACb,gBAAmB,GAAA,kBAAA;AAAA,eACnBA,WAAY,GAAAC,SAAA;AAAA,IACZ,UAAA;AAAA,GACE,GAAA,OAAA,CAAA;AAEJ,EAAI,IAAA,CAACD,WAAU,CAAA,gBAAgB,CAAG,EAAA;AAChC,IAAA,MAAM,IAAI,KAAA,CAAM,CAAG,EAAA,gBAAgB,CAA+B,6BAAA,CAAA,CAAA,CAAA;AAAA,GACpE;AAEA,EAAA,iBAAA,CAAkB,YAAe,GAAA,YAAA,CAAA;AACjC,EAAA,iBAAA,CAAkB,UAAa,GAAA,UAAA,CAAA;AAE/B,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,YAAY,UAAc,IAAA,IAAA,GAAA,UAAA,GAAA,iBAAA;AAAA,IAC1B,IAAA,EAAMA,YAAU,gBAAgB,CAAA;AAAA,IAChC,YAAc,EAAA,CAAC,EAAE,OAAA,EAA8B,KAAA;AA1GnD,MAAA,IAAA,EAAA,CAAA;AA2GM,MAAA,OAAA,CAAA,EAAA,GAAAA,WAAA,CAAU,OAAO,CAAA,KAAjB,IAAsB,GAAA,EAAA,GAAAA,WAAA,CAAU,gBAAgB,CAAA,CAAA;AAAA,KAAA;AAAA,GACpD,CAAA;AACF;;;;"}
+{"version":3,"file":"createBaseThemeOptions.esm.js","sources":["../../src/base/createBaseThemeOptions.ts"],"sourcesContent":["/*\n * Copyright 2022 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 { BackstageTypography, PageTheme, PageThemeSelector } 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';\nconst DEFAULT_PAGE_THEME = 'home';\n\n/**\n * Default Typography settings.\n *\n * @public\n */\nexport const defaultTypography: BackstageTypography = {\n  htmlFontSize: DEFAULT_HTML_FONT_SIZE,\n  fontFamily: DEFAULT_FONT_FAMILY,\n  h1: {\n    fontSize: 54,\n    fontWeight: 700,\n    marginBottom: 10,\n  },\n  h2: {\n    fontSize: 40,\n    fontWeight: 700,\n    marginBottom: 8,\n  },\n  h3: {\n    fontSize: 32,\n    fontWeight: 700,\n    marginBottom: 6,\n  },\n  h4: {\n    fontWeight: 700,\n    fontSize: 28,\n    marginBottom: 6,\n  },\n  h5: {\n    fontWeight: 700,\n    fontSize: 24,\n    marginBottom: 4,\n  },\n  h6: {\n    fontWeight: 700,\n    fontSize: 20,\n    marginBottom: 2,\n  },\n};\n\n/**\n * Options for {@link createBaseThemeOptions}.\n *\n * @public\n */\nexport interface BaseThemeOptionsInput<PaletteOptions> {\n  palette: PaletteOptions;\n  defaultPageTheme?: string;\n  pageTheme?: Record<string, PageTheme>;\n  fontFamily?: string;\n  htmlFontSize?: number;\n  typography?: BackstageTypography;\n}\n\n/**\n * A helper for creating theme options.\n *\n * @public\n */\nexport function createBaseThemeOptions<PaletteOptions>(\n  options: BaseThemeOptionsInput<PaletteOptions>,\n) {\n  const {\n    palette,\n    htmlFontSize = DEFAULT_HTML_FONT_SIZE,\n    fontFamily = DEFAULT_FONT_FAMILY,\n    defaultPageTheme = DEFAULT_PAGE_THEME,\n    pageTheme = defaultPageThemes,\n    typography,\n  } = options;\n\n  if (!pageTheme[defaultPageTheme]) {\n    throw new Error(`${defaultPageTheme} is not defined in pageTheme.`);\n  }\n\n  defaultTypography.htmlFontSize = htmlFontSize;\n  defaultTypography.fontFamily = fontFamily;\n\n  return {\n    palette,\n    typography: typography ?? defaultTypography,\n    page: pageTheme[defaultPageTheme],\n    getPageTheme: ({ themeId }: PageThemeSelector) =>\n      pageTheme[themeId] ?? pageTheme[defaultPageTheme],\n  };\n}\n"],"names":["pageTheme","defaultPageThemes"],"mappings":";;AAmBA,MAAM,sBAAyB,GAAA,EAAA,CAAA;AAC/B,MAAM,mBACJ,GAAA,wDAAA,CAAA;AACF,MAAM,kBAAqB,GAAA,MAAA,CAAA;AAOpB,MAAM,iBAAyC,GAAA;AAAA,EACpD,YAAc,EAAA,sBAAA;AAAA,EACd,UAAY,EAAA,mBAAA;AAAA,EACZ,EAAI,EAAA;AAAA,IACF,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,YAAc,EAAA,EAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,YAAc,EAAA,CAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,YAAc,EAAA,CAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA,CAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA,CAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA,CAAA;AAAA,GAChB;AACF,EAAA;AAqBO,SAAS,uBACd,OACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,YAAe,GAAA,sBAAA;AAAA,IACf,UAAa,GAAA,mBAAA;AAAA,IACb,gBAAmB,GAAA,kBAAA;AAAA,eACnBA,WAAY,GAAAC,SAAA;AAAA,IACZ,UAAA;AAAA,GACE,GAAA,OAAA,CAAA;AAEJ,EAAI,IAAA,CAACD,WAAU,CAAA,gBAAgB,CAAG,EAAA;AAChC,IAAA,MAAM,IAAI,KAAA,CAAM,CAAG,EAAA,gBAAgB,CAA+B,6BAAA,CAAA,CAAA,CAAA;AAAA,GACpE;AAEA,EAAA,iBAAA,CAAkB,YAAe,GAAA,YAAA,CAAA;AACjC,EAAA,iBAAA,CAAkB,UAAa,GAAA,UAAA,CAAA;AAE/B,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,YAAY,UAAc,IAAA,iBAAA;AAAA,IAC1B,IAAA,EAAMA,YAAU,gBAAgB,CAAA;AAAA,IAChC,YAAA,EAAc,CAAC,EAAE,OAAA,OACfA,WAAU,CAAA,OAAO,CAAK,IAAAA,WAAA,CAAU,gBAAgB,CAAA;AAAA,GACpD,CAAA;AACF;;;;"}

package/dist/base/pageTheme.esm.js

@@ -16,12 +16,11 @@ const colorVariants = {
   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";
+  const fontColor = options?.fontColor ?? "#FFFFFF";
   return {
     colors,
     shape,

package/dist/base/pageTheme.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pageTheme.esm.js","sources":["../../src/base/pageTheme.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 */\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"],"names":[],"mappings":"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"}
+{"version":3,"file":"pageTheme.esm.js","sources":["../../src/base/pageTheme.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 */\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"],"names":[],"mappings":"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"}

package/dist/unified/UnifiedTheme.esm.js

@@ -4,41 +4,21 @@ import { createBaseThemeOptions } from '../base/createBaseThemeOptions.esm.js';
 import { defaultComponentThemes } from '../v5/defaultComponentThemes.esm.js';
 import { transformV5ComponentThemesToV4 } from './overrides.esm.js';
 
-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 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");
-  member.set(obj, value);
-  return value;
-};
-var _themes;
 class UnifiedThemeHolder {
+  #themes = /* @__PURE__ */ new Map();
   constructor(v4, v5) {
-    __privateAdd(this, _themes, /* @__PURE__ */ new Map());
-    __privateSet(this, _themes, /* @__PURE__ */ new Map());
+    this.#themes = /* @__PURE__ */ new Map();
     if (v4) {
-      __privateGet(this, _themes).set("v4", v4);
+      this.#themes.set("v4", v4);
     }
     if (v5) {
-      __privateGet(this, _themes).set("v5", v5);
+      this.#themes.set("v5", v5);
     }
   }
   getTheme(version) {
-    return __privateGet(this, _themes).get(version);
+    return this.#themes.get(version);
   }
 }
-_themes = new WeakMap();
 function createUnifiedTheme(options) {
   const themeOptions = createBaseThemeOptions(options);
   const components = { ...defaultComponentThemes, ...options.components };

package/dist/unified/UnifiedTheme.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnifiedTheme.esm.js","sources":["../../src/unified/UnifiedTheme.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {\n  Theme as Mui4Theme,\n  ThemeOptions as ThemeOptionsV4,\n  createTheme,\n} from '@material-ui/core/styles';\nimport type { PaletteOptions as PaletteOptionsV4 } from '@material-ui/core/styles/createPalette';\nimport {\n  DeprecatedThemeOptions,\n  Theme as Mui5Theme,\n  PaletteOptions as PaletteOptionsV5,\n  ThemeOptions as ThemeOptionsV5,\n  adaptV4Theme,\n  createTheme as createV5Theme,\n} from '@mui/material/styles';\nimport { createBaseThemeOptions } from '../base/createBaseThemeOptions';\nimport { BackstageTypography, PageTheme } from '../base/types';\nimport { defaultComponentThemes } from '../v5';\nimport { transformV5ComponentThemesToV4 } from './overrides';\nimport { SupportedThemes, SupportedVersions, UnifiedTheme } from './types';\n\nexport class UnifiedThemeHolder implements UnifiedTheme {\n  #themes = new Map<SupportedVersions, SupportedThemes>();\n\n  constructor(v4?: Mui4Theme, v5?: Mui5Theme) {\n    this.#themes = new Map();\n    if (v4) {\n      this.#themes.set('v4', v4);\n    }\n    if (v5) {\n      this.#themes.set('v5', v5);\n    }\n  }\n\n  getTheme(version: SupportedVersions): SupportedThemes | undefined {\n    return this.#themes.get(version);\n  }\n}\n\n/**\n * Options for creating a new {@link UnifiedTheme}.\n *\n * @public\n */\nexport interface UnifiedThemeOptions {\n  palette: PaletteOptionsV4 & PaletteOptionsV5;\n  defaultPageTheme?: string;\n  pageTheme?: Record<string, PageTheme>;\n  fontFamily?: string;\n  htmlFontSize?: number;\n  components?: ThemeOptionsV5['components'];\n  typography?: BackstageTypography;\n}\n\n/**\n * Creates a new {@link UnifiedTheme} using the provided options.\n *\n * @public\n */\nexport function createUnifiedTheme(options: UnifiedThemeOptions): UnifiedTheme {\n  const themeOptions = createBaseThemeOptions(options);\n  const components = { ...defaultComponentThemes, ...options.components };\n  const v5Theme = createV5Theme({ ...themeOptions, components });\n\n  const v4Overrides = transformV5ComponentThemesToV4(v5Theme, components);\n  const v4Theme = { ...createTheme(themeOptions), ...v4Overrides };\n  return new UnifiedThemeHolder(v4Theme, v5Theme);\n}\n\n/**\n * Creates a new {@link UnifiedTheme} using Material UI v4 theme options.\n * Note that this uses `adaptV4Theme` from Material UI v5, which is deprecated.\n *\n * @public\n */\nexport function createUnifiedThemeFromV4(\n  options: ThemeOptionsV4,\n): UnifiedTheme {\n  const v5Theme = adaptV4Theme(options as DeprecatedThemeOptions);\n  const v4Theme = createTheme(options);\n  return new UnifiedThemeHolder(v4Theme, createV5Theme(v5Theme));\n}\n"],"names":["createV5Theme","createTheme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,OAAA,CAAA;AAoCO,MAAM,kBAA2C,CAAA;AAAA,EAGtD,WAAA,CAAY,IAAgB,EAAgB,EAAA;AAF5C,IAAA,YAAA,CAAA,IAAA,EAAA,OAAA,sBAAc,GAAwC,EAAA,CAAA,CAAA;AAGpD,IAAK,YAAA,CAAA,IAAA,EAAA,OAAA,sBAAc,GAAI,EAAA,CAAA,CAAA;AACvB,IAAA,IAAI,EAAI,EAAA;AACN,MAAK,YAAA,CAAA,IAAA,EAAA,OAAA,CAAA,CAAQ,GAAI,CAAA,IAAA,EAAM,EAAE,CAAA,CAAA;AAAA,KAC3B;AACA,IAAA,IAAI,EAAI,EAAA;AACN,MAAK,YAAA,CAAA,IAAA,EAAA,OAAA,CAAA,CAAQ,GAAI,CAAA,IAAA,EAAM,EAAE,CAAA,CAAA;AAAA,KAC3B;AAAA,GACF;AAAA,EAEA,SAAS,OAAyD,EAAA;AAChE,IAAO,OAAA,YAAA,CAAA,IAAA,EAAK,OAAQ,CAAA,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AAAA,GACjC;AACF,CAAA;AAfE,OAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AAqCK,SAAS,mBAAmB,OAA4C,EAAA;AAC7E,EAAM,MAAA,YAAA,GAAe,uBAAuB,OAAO,CAAA,CAAA;AACnD,EAAA,MAAM,aAAa,EAAE,GAAG,sBAAwB,EAAA,GAAG,QAAQ,UAAW,EAAA,CAAA;AACtE,EAAA,MAAM,UAAUA,WAAc,CAAA,EAAE,GAAG,YAAA,EAAc,YAAY,CAAA,CAAA;AAE7D,EAAM,MAAA,WAAA,GAAc,8BAA+B,CAAA,OAAA,EAAS,UAAU,CAAA,CAAA;AACtE,EAAA,MAAM,UAAU,EAAE,GAAGC,cAAY,YAAY,CAAA,EAAG,GAAG,WAAY,EAAA,CAAA;AAC/D,EAAO,OAAA,IAAI,kBAAmB,CAAA,OAAA,EAAS,OAAO,CAAA,CAAA;AAChD,CAAA;AAQO,SAAS,yBACd,OACc,EAAA;AACd,EAAM,MAAA,OAAA,GAAU,aAAa,OAAiC,CAAA,CAAA;AAC9D,EAAM,MAAA,OAAA,GAAUA,cAAY,OAAO,CAAA,CAAA;AACnC,EAAA,OAAO,IAAI,kBAAA,CAAmB,OAAS,EAAAD,WAAA,CAAc,OAAO,CAAC,CAAA,CAAA;AAC/D;;;;"}
+{"version":3,"file":"UnifiedTheme.esm.js","sources":["../../src/unified/UnifiedTheme.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {\n  Theme as Mui4Theme,\n  ThemeOptions as ThemeOptionsV4,\n  createTheme,\n} from '@material-ui/core/styles';\nimport type { PaletteOptions as PaletteOptionsV4 } from '@material-ui/core/styles/createPalette';\nimport {\n  DeprecatedThemeOptions,\n  Theme as Mui5Theme,\n  PaletteOptions as PaletteOptionsV5,\n  ThemeOptions as ThemeOptionsV5,\n  adaptV4Theme,\n  createTheme as createV5Theme,\n} from '@mui/material/styles';\nimport { createBaseThemeOptions } from '../base/createBaseThemeOptions';\nimport { BackstageTypography, PageTheme } from '../base/types';\nimport { defaultComponentThemes } from '../v5';\nimport { transformV5ComponentThemesToV4 } from './overrides';\nimport { SupportedThemes, SupportedVersions, UnifiedTheme } from './types';\n\nexport class UnifiedThemeHolder implements UnifiedTheme {\n  #themes = new Map<SupportedVersions, SupportedThemes>();\n\n  constructor(v4?: Mui4Theme, v5?: Mui5Theme) {\n    this.#themes = new Map();\n    if (v4) {\n      this.#themes.set('v4', v4);\n    }\n    if (v5) {\n      this.#themes.set('v5', v5);\n    }\n  }\n\n  getTheme(version: SupportedVersions): SupportedThemes | undefined {\n    return this.#themes.get(version);\n  }\n}\n\n/**\n * Options for creating a new {@link UnifiedTheme}.\n *\n * @public\n */\nexport interface UnifiedThemeOptions {\n  palette: PaletteOptionsV4 & PaletteOptionsV5;\n  defaultPageTheme?: string;\n  pageTheme?: Record<string, PageTheme>;\n  fontFamily?: string;\n  htmlFontSize?: number;\n  components?: ThemeOptionsV5['components'];\n  typography?: BackstageTypography;\n}\n\n/**\n * Creates a new {@link UnifiedTheme} using the provided options.\n *\n * @public\n */\nexport function createUnifiedTheme(options: UnifiedThemeOptions): UnifiedTheme {\n  const themeOptions = createBaseThemeOptions(options);\n  const components = { ...defaultComponentThemes, ...options.components };\n  const v5Theme = createV5Theme({ ...themeOptions, components });\n\n  const v4Overrides = transformV5ComponentThemesToV4(v5Theme, components);\n  const v4Theme = { ...createTheme(themeOptions), ...v4Overrides };\n  return new UnifiedThemeHolder(v4Theme, v5Theme);\n}\n\n/**\n * Creates a new {@link UnifiedTheme} using Material UI v4 theme options.\n * Note that this uses `adaptV4Theme` from Material UI v5, which is deprecated.\n *\n * @public\n */\nexport function createUnifiedThemeFromV4(\n  options: ThemeOptionsV4,\n): UnifiedTheme {\n  const v5Theme = adaptV4Theme(options as DeprecatedThemeOptions);\n  const v4Theme = createTheme(options);\n  return new UnifiedThemeHolder(v4Theme, createV5Theme(v5Theme));\n}\n"],"names":["createV5Theme","createTheme"],"mappings":";;;;;;AAoCO,MAAM,kBAA2C,CAAA;AAAA,EACtD,OAAA,uBAAc,GAAwC,EAAA,CAAA;AAAA,EAEtD,WAAA,CAAY,IAAgB,EAAgB,EAAA;AAC1C,IAAK,IAAA,CAAA,OAAA,uBAAc,GAAI,EAAA,CAAA;AACvB,IAAA,IAAI,EAAI,EAAA;AACN,MAAK,IAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,IAAA,EAAM,EAAE,CAAA,CAAA;AAAA,KAC3B;AACA,IAAA,IAAI,EAAI,EAAA;AACN,MAAK,IAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,IAAA,EAAM,EAAE,CAAA,CAAA;AAAA,KAC3B;AAAA,GACF;AAAA,EAEA,SAAS,OAAyD,EAAA;AAChE,IAAO,OAAA,IAAA,CAAK,OAAQ,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AAAA,GACjC;AACF,CAAA;AAsBO,SAAS,mBAAmB,OAA4C,EAAA;AAC7E,EAAM,MAAA,YAAA,GAAe,uBAAuB,OAAO,CAAA,CAAA;AACnD,EAAA,MAAM,aAAa,EAAE,GAAG,sBAAwB,EAAA,GAAG,QAAQ,UAAW,EAAA,CAAA;AACtE,EAAA,MAAM,UAAUA,WAAc,CAAA,EAAE,GAAG,YAAA,EAAc,YAAY,CAAA,CAAA;AAE7D,EAAM,MAAA,WAAA,GAAc,8BAA+B,CAAA,OAAA,EAAS,UAAU,CAAA,CAAA;AACtE,EAAA,MAAM,UAAU,EAAE,GAAGC,cAAY,YAAY,CAAA,EAAG,GAAG,WAAY,EAAA,CAAA;AAC/D,EAAO,OAAA,IAAI,kBAAmB,CAAA,OAAA,EAAS,OAAO,CAAA,CAAA;AAChD,CAAA;AAQO,SAAS,yBACd,OACc,EAAA;AACd,EAAM,MAAA,OAAA,GAAU,aAAa,OAAiC,CAAA,CAAA;AAC9D,EAAM,MAAA,OAAA,GAAUA,cAAY,OAAO,CAAA,CAAA;AACnC,EAAA,OAAO,IAAI,kBAAA,CAAmB,OAAS,EAAAD,WAAA,CAAc,OAAO,CAAC,CAAA,CAAA;AAC/D;;;;"}

package/dist/v4/baseTheme.esm.js

@@ -5,11 +5,10 @@ import { defaultComponentThemes } from '../v5/defaultComponentThemes.esm.js';
 import { transformV5ComponentThemesToV4 } from '../unified/overrides.esm.js';
 
 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
+      MuiGrid: defaultComponentThemes?.MuiGrid?.defaultProps,
+      MuiSwitch: defaultComponentThemes?.MuiSwitch?.defaultProps
     },
     ...createBaseThemeOptions(options)
   };

package/dist/v4/baseTheme.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseTheme.esm.js","sources":["../../src/v4/baseTheme.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 */\n\nimport { Theme as Mui5Theme } from '@mui/material/styles';\nimport { createTheme as createMuiTheme } from '@material-ui/core/styles';\nimport type {\n  GridProps,\n  SwitchProps,\n  Theme,\n  ThemeOptions,\n} from '@material-ui/core';\nimport { Overrides } from '@material-ui/core/styles/overrides';\nimport { SimpleThemeOptions } from './types';\nimport { createBaseThemeOptions } from '../base';\nimport { defaultComponentThemes } from '../v5';\nimport { transformV5ComponentThemesToV4 } from '../unified/overrides';\n\n/**\n * An old helper for creating Material UI v4 theme options.\n *\n * @public\n * @deprecated Use {@link createBaseThemeOptions} instead.\n */\nexport function createThemeOptions(options: SimpleThemeOptions): ThemeOptions {\n  return {\n    props: {\n      MuiGrid: defaultComponentThemes?.MuiGrid\n        ?.defaultProps as Partial<GridProps>,\n      MuiSwitch: defaultComponentThemes?.MuiSwitch\n        ?.defaultProps as Partial<SwitchProps>,\n    },\n    ...createBaseThemeOptions(options),\n  };\n}\n\n/**\n * * An old helper for creating Material UI v4 theme overrides.\n *\n * @public\n * @deprecated Use {@link defaultComponentThemes} with {@link transformV5ComponentThemesToV4} instead.\n */\nexport function createThemeOverrides(theme: Theme): Overrides {\n  return transformV5ComponentThemesToV4(\n    // Safe but we have to make sure we don't use mui5 specific stuff in the default component themes\n    theme as unknown as Mui5Theme,\n    defaultComponentThemes,\n  ).overrides;\n}\n\n/**\n * The old method to create a Backstage Material UI v4 theme using a palette.\n * The theme is created with the common Backstage options and component styles.\n *\n * @public\n * @deprecated Use {@link createUnifiedTheme} instead.\n */\nexport function createTheme(options: SimpleThemeOptions): Theme {\n  const themeOptions = createThemeOptions(options);\n  const baseTheme = createMuiTheme(themeOptions);\n  const overrides = createThemeOverrides(baseTheme);\n  const theme = { ...baseTheme, overrides };\n  return theme;\n}\n"],"names":["createMuiTheme"],"mappings":";;;;;;AAoCO,SAAS,mBAAmB,OAA2C,EAAA;AApC9E,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAqCE,EAAO,OAAA;AAAA,IACL,KAAO,EAAA;AAAA,MACL,OAAA,EAAA,CAAS,EAAwB,GAAA,CAAA,EAAA,GAAA,sBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,KAAxB,IACL,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA;AAAA,MACJ,SAAA,EAAA,CAAW,EAAwB,GAAA,CAAA,EAAA,GAAA,sBAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA,KAAxB,IACP,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA;AAAA,KACN;AAAA,IACA,GAAG,uBAAuB,OAAO,CAAA;AAAA,GACnC,CAAA;AACF,CAAA;AAQO,SAAS,qBAAqB,KAAyB,EAAA;AAC5D,EAAO,OAAA,8BAAA;AAAA;AAAA,IAEL,KAAA;AAAA,IACA,sBAAA;AAAA,GACA,CAAA,SAAA,CAAA;AACJ,CAAA;AASO,SAAS,YAAY,OAAoC,EAAA;AAC9D,EAAM,MAAA,YAAA,GAAe,mBAAmB,OAAO,CAAA,CAAA;AAC/C,EAAM,MAAA,SAAA,GAAYA,cAAe,YAAY,CAAA,CAAA;AAC7C,EAAM,MAAA,SAAA,GAAY,qBAAqB,SAAS,CAAA,CAAA;AAChD,EAAA,MAAM,KAAQ,GAAA,EAAE,GAAG,SAAA,EAAW,SAAU,EAAA,CAAA;AACxC,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"baseTheme.esm.js","sources":["../../src/v4/baseTheme.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 */\n\nimport { Theme as Mui5Theme } from '@mui/material/styles';\nimport { createTheme as createMuiTheme } from '@material-ui/core/styles';\nimport type {\n  GridProps,\n  SwitchProps,\n  Theme,\n  ThemeOptions,\n} from '@material-ui/core';\nimport { Overrides } from '@material-ui/core/styles/overrides';\nimport { SimpleThemeOptions } from './types';\nimport { createBaseThemeOptions } from '../base';\nimport { defaultComponentThemes } from '../v5';\nimport { transformV5ComponentThemesToV4 } from '../unified/overrides';\n\n/**\n * An old helper for creating Material UI v4 theme options.\n *\n * @public\n * @deprecated Use {@link createBaseThemeOptions} instead.\n */\nexport function createThemeOptions(options: SimpleThemeOptions): ThemeOptions {\n  return {\n    props: {\n      MuiGrid: defaultComponentThemes?.MuiGrid\n        ?.defaultProps as Partial<GridProps>,\n      MuiSwitch: defaultComponentThemes?.MuiSwitch\n        ?.defaultProps as Partial<SwitchProps>,\n    },\n    ...createBaseThemeOptions(options),\n  };\n}\n\n/**\n * * An old helper for creating Material UI v4 theme overrides.\n *\n * @public\n * @deprecated Use {@link defaultComponentThemes} with {@link transformV5ComponentThemesToV4} instead.\n */\nexport function createThemeOverrides(theme: Theme): Overrides {\n  return transformV5ComponentThemesToV4(\n    // Safe but we have to make sure we don't use mui5 specific stuff in the default component themes\n    theme as unknown as Mui5Theme,\n    defaultComponentThemes,\n  ).overrides;\n}\n\n/**\n * The old method to create a Backstage Material UI v4 theme using a palette.\n * The theme is created with the common Backstage options and component styles.\n *\n * @public\n * @deprecated Use {@link createUnifiedTheme} instead.\n */\nexport function createTheme(options: SimpleThemeOptions): Theme {\n  const themeOptions = createThemeOptions(options);\n  const baseTheme = createMuiTheme(themeOptions);\n  const overrides = createThemeOverrides(baseTheme);\n  const theme = { ...baseTheme, overrides };\n  return theme;\n}\n"],"names":["createMuiTheme"],"mappings":";;;;;;AAoCO,SAAS,mBAAmB,OAA2C,EAAA;AAC5E,EAAO,OAAA;AAAA,IACL,KAAO,EAAA;AAAA,MACL,OAAA,EAAS,wBAAwB,OAC7B,EAAA,YAAA;AAAA,MACJ,SAAA,EAAW,wBAAwB,SAC/B,EAAA,YAAA;AAAA,KACN;AAAA,IACA,GAAG,uBAAuB,OAAO,CAAA;AAAA,GACnC,CAAA;AACF,CAAA;AAQO,SAAS,qBAAqB,KAAyB,EAAA;AAC5D,EAAO,OAAA,8BAAA;AAAA;AAAA,IAEL,KAAA;AAAA,IACA,sBAAA;AAAA,GACA,CAAA,SAAA,CAAA;AACJ,CAAA;AASO,SAAS,YAAY,OAAoC,EAAA;AAC9D,EAAM,MAAA,YAAA,GAAe,mBAAmB,OAAO,CAAA,CAAA;AAC/C,EAAM,MAAA,SAAA,GAAYA,cAAe,YAAY,CAAA,CAAA;AAC7C,EAAM,MAAA,SAAA,GAAY,qBAAqB,SAAS,CAAA,CAAA;AAChD,EAAA,MAAM,KAAQ,GAAA,EAAE,GAAG,SAAA,EAAW,SAAU,EAAA,CAAA;AACxC,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/theme",
-  "version": "0.5.5",
+  "version": "0.5.6-next.0",
   "description": "material-ui theme for use with Backstage.",
   "backstage": {
     "role": "web-library"
@@ -41,7 +41,7 @@
     "@mui/material": "^5.12.2"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.26.5",
+    "@backstage/cli": "^0.26.6-next.0",
     "@mui/styles": "^5.14.18",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",