@backstage/theme 0.6.6 → 0.6.7-next.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage/theme
 
+## 0.6.7-next.1
+
+### Patch Changes
+
+- 373486e: Add a different background colour to focused `MenuItem`s to fix a bug in MUI 4 (which is fixed in MUI 5)
+
+## 0.6.7-next.0
+
+### Patch Changes
+
+- b68d269: Update uncomfortably bright color in recently visited and top visited home page cards
+
 ## 0.6.6
 
 ### Patch Changes

package/dist/base/pageTheme.esm.js

@@ -10,7 +10,7 @@ const colorVariants = {
   rubyRed: ["#98002B", "#8D1134"],
   toastyOrange: ["#BE2200", "#A41D00"],
   purpleSky: ["#8912CA", "#3E00EA"],
-  eveningSea: ["#00FFF2", "#035355"],
+  eveningSea: ["#00CFC5", "#035355"],
   teal: ["#005B4B"],
   pinkSea: ["#C8077A", "#C2297D"],
   greens: ["#4BB8A5", "#187656"]

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":"AAkCO,MAAM,MAAiC,GAAA;AAAA,EAC5C,IAAM,EAAA,CAAA,kpDAAA,CAAA;AAAA,EACN,KAAO,EAAA,CAAA,s1CAAA,CAAA;AAAA,EACP,KAAO,EAAA,CAAA,28DAAA;AACT;AAOO,MAAM,aAA0C,GAAA;AAAA,EACrD,QAAA,EAAU,CAAC,SAAA,EAAW,SAAS,CAAA;AAAA,EAC/B,UAAA,EAAY,CAAC,SAAA,EAAW,SAAS,CAAA;AAAA,EACjC,QAAA,EAAU,CAAC,SAAA,EAAW,SAAS,CAAA;AAAA,EAC/B,OAAA,EAAS,CAAC,SAAA,EAAW,SAAS,CAAA;AAAA,EAC9B,YAAA,EAAc,CAAC,SAAA,EAAW,SAAS,CAAA;AAAA,EACnC,SAAA,EAAW,CAAC,SAAA,EAAW,SAAS,CAAA;AAAA,EAChC,UAAA,EAAY,CAAC,SAAA,EAAW,SAAS,CAAA;AAAA,EACjC,IAAA,EAAM,CAAC,SAAS,CAAA;AAAA,EAChB,OAAA,EAAS,CAAC,SAAA,EAAW,SAAS,CAAA;AAAA,EAC9B,MAAA,EAAQ,CAAC,SAAA,EAAW,SAAS;AAC/B;AAWO,SAAS,aAAa,KAMf,EAAA;AACZ,EAAA,MAAM,EAAE,MAAA,EAAQ,KAAO,EAAA,OAAA,EAAY,GAAA,KAAA;AACnC,EAAM,MAAA,cAAA,GAAiB,MAAO,CAAA,MAAA,KAAW,CAAI,GAAA,CAAC,MAAO,CAAA,CAAC,CAAG,EAAA,MAAA,CAAO,CAAC,CAAC,CAAI,GAAA,MAAA;AACtE,EAAA,MAAM,QAAW,GAAA,CAAA,uBAAA,EAA0B,cAAe,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA,CAAA;AACpE,EAAA,MAAM,eAAkB,GAAA,CAAA,EAAG,KAAK,CAAA,GAAA,EAAM,QAAQ,CAAA,CAAA;AAC9C,EAAM,MAAA,SAAA,GAAY,SAAS,SAAa,IAAA,SAAA;AAExC,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,KAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACF;AACF;AAOO,MAAM,SAAuC,GAAA;AAAA,EAClD,IAAA,EAAM,aAAa,EAAE,MAAA,EAAQ,cAAc,IAAM,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAAM,CAAA;AAAA,EACrE,eAAe,YAAa,CAAA;AAAA,IAC1B,QAAQ,aAAc,CAAA,OAAA;AAAA,IACtB,OAAO,MAAO,CAAA;AAAA,GACf,CAAA;AAAA,EACD,IAAA,EAAM,aAAa,EAAE,MAAA,EAAQ,cAAc,SAAW,EAAA,KAAA,EAAO,MAAO,CAAA,KAAA,EAAO,CAAA;AAAA,EAC3E,SAAS,YAAa,CAAA;AAAA,IACpB,QAAQ,aAAc,CAAA,UAAA;AAAA,IACtB,OAAO,MAAO,CAAA;AAAA,GACf,CAAA;AAAA,EACD,OAAA,EAAS,aAAa,EAAE,MAAA,EAAQ,cAAc,QAAU,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAAM,CAAA;AAAA,EAC5E,OAAA,EAAS,aAAa,EAAE,MAAA,EAAQ,cAAc,OAAS,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAAM,CAAA;AAAA,EAC3E,KAAA,EAAO,aAAa,EAAE,MAAA,EAAQ,cAAc,QAAU,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAAM,CAAA;AAAA,EAC1E,GAAA,EAAK,aAAa,EAAE,MAAA,EAAQ,cAAc,YAAc,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAAM,CAAA;AAAA,EAC5E,IAAA,EAAM,aAAa,EAAE,MAAA,EAAQ,cAAc,IAAM,EAAA,KAAA,EAAO,MAAO,CAAA,KAAA,EAAO,CAAA;AAAA,EACtE,IAAA,EAAM,aAAa,EAAE,MAAA,EAAQ,cAAc,MAAQ,EAAA,KAAA,EAAO,MAAO,CAAA,IAAA,EAAM;AACzE;;;;"}
+{"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: ['#00CFC5', '#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/v5/defaultComponentThemes.esm.js

@@ -239,6 +239,16 @@ const defaultComponentThemes = {
   },
   MuiPaper: {
     styleOverrides: { root: { backgroundImage: "unset" } }
+  },
+  MuiMenuItem: {
+    styleOverrides: {
+      root: ({ theme }) => ({
+        // Fixes a bug with MUI 4 that's fixed in MUI 5
+        "&:focus": {
+          backgroundColor: theme.palette.action.focus
+        }
+      })
+    }
   }
 };
 

package/dist/v5/defaultComponentThemes.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultComponentThemes.esm.js","sources":["../../src/v5/defaultComponentThemes.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 { darken, lighten, ThemeOptions } from '@mui/material/styles';\n\n/**\n * A helper for creating theme overrides.\n *\n * @public\n */\nexport const defaultComponentThemes: ThemeOptions['components'] = {\n  MuiCssBaseline: {\n    styleOverrides: theme => ({\n      html: {\n        height: '100%',\n        fontFamily: theme.typography.fontFamily,\n      },\n      body: {\n        height: '100%',\n        fontFamily: theme.typography.fontFamily,\n        overscrollBehaviorY: 'none',\n        fontSize: '0.875rem',\n        lineHeight: 1.43,\n        '&::-webkit-scrollbar, & *::-webkit-scrollbar': {\n          backgroundColor: theme.palette.background.paper,\n          width: '1em',\n        },\n        '&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {\n          borderRadius: 8,\n          backgroundColor: theme.palette.textVerySubtle,\n          border: `3px solid ${theme.palette.background.paper}`,\n        },\n        '&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active':\n          {\n            backgroundColor:\n              theme.palette.mode === 'dark'\n                ? lighten(theme.palette.textVerySubtle, 0.2)\n                : darken(theme.palette.textVerySubtle, 0.2),\n          },\n        '&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover':\n          {\n            backgroundColor:\n              theme.palette.mode === 'dark'\n                ? lighten(theme.palette.textVerySubtle, 0.2)\n                : darken(theme.palette.textVerySubtle, 0.2),\n          },\n      },\n      a: {\n        color: 'inherit',\n        textDecoration: 'none',\n      },\n    }),\n  },\n  MuiGrid: {\n    defaultProps: {\n      spacing: 2,\n    },\n  },\n  MuiSwitch: {\n    defaultProps: {\n      color: 'primary',\n    },\n  },\n  MuiTableRow: {\n    styleOverrides: {\n      // Alternating row backgrounds\n      root: ({ theme }) => ({\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: ({ theme }) => ({\n        '&:nth-of-type(odd)': {\n          backgroundColor: theme.palette.background.paper,\n        },\n      }),\n    },\n  },\n  // Tables are more dense than default mui tables\n  MuiTableCell: {\n    styleOverrides: {\n      root: ({ theme }) => ({\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: ({ theme }) => ({\n        padding: theme.spacing(1.5, 2, 1.5, 2.5),\n      }),\n      head: ({ theme }) => ({\n        wordBreak: 'break-word',\n        overflow: 'hidden',\n        color: theme.palette.textSubtle,\n        fontWeight: 'normal',\n        lineHeight: '1',\n      }),\n    },\n  },\n  MuiTabs: {\n    styleOverrides: {\n      // Tabs are smaller than default mui tab rows\n      root: {\n        minHeight: 24,\n      },\n    },\n  },\n  MuiTab: {\n    styleOverrides: {\n      // Tabs are smaller and have a hover background\n      root: ({ theme }) => ({\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: ({ theme }) => ({\n        color: theme.palette.link,\n      }),\n    },\n  },\n  MuiTableSortLabel: {\n    styleOverrides: {\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        // Targets the arrow when the label is focused\n        '&:focus svg': {\n          opacity: 0.5,\n        },\n        // Bold font for highlighting selected column\n        '&.Mui-active': {\n          fontWeight: 'bold',\n          color: 'inherit',\n        },\n      },\n    },\n  },\n  MuiListItemText: {\n    styleOverrides: {\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  },\n  MuiButton: {\n    styleOverrides: {\n      text: {\n        // Text buttons have less padding by default, but we want to keep the original padding\n        padding: undefined,\n      },\n    },\n  },\n  MuiChip: {\n    styleOverrides: {\n      root: ({ theme }) => ({\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      }),\n      label: ({ theme }) => ({\n        lineHeight: theme.spacing(2.5),\n        fontWeight: theme.typography.fontWeightMedium,\n        fontSize: theme.spacing(1.75),\n      }),\n      labelSmall: ({ theme }) => ({\n        fontSize: theme.spacing(1.5),\n      }),\n      deleteIcon: ({ theme }) => ({\n        width: theme.spacing(3),\n        height: theme.spacing(3),\n        margin: theme.spacing(0, 0.75, 0, -0.75),\n      }),\n      deleteIconSmall: ({ theme }) => ({\n        width: theme.spacing(2),\n        height: theme.spacing(2),\n        margin: theme.spacing(0, 0.5, 0, -0.5),\n      }),\n    },\n  },\n  MuiCard: {\n    styleOverrides: {\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  },\n  MuiCardHeader: {\n    styleOverrides: {\n      root: {\n        // Reduce padding between header and content\n        paddingBottom: 0,\n      },\n    },\n  },\n  MuiCardContent: {\n    styleOverrides: {\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  },\n  MuiCardActions: {\n    styleOverrides: {\n      root: {\n        // We default to putting the card actions at the end\n        justifyContent: 'flex-end',\n      },\n    },\n  },\n  MuiLink: {\n    defaultProps: {\n      underline: 'hover',\n    },\n  },\n  MuiPaper: {\n    styleOverrides: { root: { backgroundImage: 'unset' } },\n  },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"defaultComponentThemes.esm.js","sources":["../../src/v5/defaultComponentThemes.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 { darken, lighten, ThemeOptions } from '@mui/material/styles';\n\n/**\n * A helper for creating theme overrides.\n *\n * @public\n */\nexport const defaultComponentThemes: ThemeOptions['components'] = {\n  MuiCssBaseline: {\n    styleOverrides: theme => ({\n      html: {\n        height: '100%',\n        fontFamily: theme.typography.fontFamily,\n      },\n      body: {\n        height: '100%',\n        fontFamily: theme.typography.fontFamily,\n        overscrollBehaviorY: 'none',\n        fontSize: '0.875rem',\n        lineHeight: 1.43,\n        '&::-webkit-scrollbar, & *::-webkit-scrollbar': {\n          backgroundColor: theme.palette.background.paper,\n          width: '1em',\n        },\n        '&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {\n          borderRadius: 8,\n          backgroundColor: theme.palette.textVerySubtle,\n          border: `3px solid ${theme.palette.background.paper}`,\n        },\n        '&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active':\n          {\n            backgroundColor:\n              theme.palette.mode === 'dark'\n                ? lighten(theme.palette.textVerySubtle, 0.2)\n                : darken(theme.palette.textVerySubtle, 0.2),\n          },\n        '&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover':\n          {\n            backgroundColor:\n              theme.palette.mode === 'dark'\n                ? lighten(theme.palette.textVerySubtle, 0.2)\n                : darken(theme.palette.textVerySubtle, 0.2),\n          },\n      },\n      a: {\n        color: 'inherit',\n        textDecoration: 'none',\n      },\n    }),\n  },\n  MuiGrid: {\n    defaultProps: {\n      spacing: 2,\n    },\n  },\n  MuiSwitch: {\n    defaultProps: {\n      color: 'primary',\n    },\n  },\n  MuiTableRow: {\n    styleOverrides: {\n      // Alternating row backgrounds\n      root: ({ theme }) => ({\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: ({ theme }) => ({\n        '&:nth-of-type(odd)': {\n          backgroundColor: theme.palette.background.paper,\n        },\n      }),\n    },\n  },\n  // Tables are more dense than default mui tables\n  MuiTableCell: {\n    styleOverrides: {\n      root: ({ theme }) => ({\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: ({ theme }) => ({\n        padding: theme.spacing(1.5, 2, 1.5, 2.5),\n      }),\n      head: ({ theme }) => ({\n        wordBreak: 'break-word',\n        overflow: 'hidden',\n        color: theme.palette.textSubtle,\n        fontWeight: 'normal',\n        lineHeight: '1',\n      }),\n    },\n  },\n  MuiTabs: {\n    styleOverrides: {\n      // Tabs are smaller than default mui tab rows\n      root: {\n        minHeight: 24,\n      },\n    },\n  },\n  MuiTab: {\n    styleOverrides: {\n      // Tabs are smaller and have a hover background\n      root: ({ theme }) => ({\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: ({ theme }) => ({\n        color: theme.palette.link,\n      }),\n    },\n  },\n  MuiTableSortLabel: {\n    styleOverrides: {\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        // Targets the arrow when the label is focused\n        '&:focus svg': {\n          opacity: 0.5,\n        },\n        // Bold font for highlighting selected column\n        '&.Mui-active': {\n          fontWeight: 'bold',\n          color: 'inherit',\n        },\n      },\n    },\n  },\n  MuiListItemText: {\n    styleOverrides: {\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  },\n  MuiButton: {\n    styleOverrides: {\n      text: {\n        // Text buttons have less padding by default, but we want to keep the original padding\n        padding: undefined,\n      },\n    },\n  },\n  MuiChip: {\n    styleOverrides: {\n      root: ({ theme }) => ({\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      }),\n      label: ({ theme }) => ({\n        lineHeight: theme.spacing(2.5),\n        fontWeight: theme.typography.fontWeightMedium,\n        fontSize: theme.spacing(1.75),\n      }),\n      labelSmall: ({ theme }) => ({\n        fontSize: theme.spacing(1.5),\n      }),\n      deleteIcon: ({ theme }) => ({\n        width: theme.spacing(3),\n        height: theme.spacing(3),\n        margin: theme.spacing(0, 0.75, 0, -0.75),\n      }),\n      deleteIconSmall: ({ theme }) => ({\n        width: theme.spacing(2),\n        height: theme.spacing(2),\n        margin: theme.spacing(0, 0.5, 0, -0.5),\n      }),\n    },\n  },\n  MuiCard: {\n    styleOverrides: {\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  },\n  MuiCardHeader: {\n    styleOverrides: {\n      root: {\n        // Reduce padding between header and content\n        paddingBottom: 0,\n      },\n    },\n  },\n  MuiCardContent: {\n    styleOverrides: {\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  },\n  MuiCardActions: {\n    styleOverrides: {\n      root: {\n        // We default to putting the card actions at the end\n        justifyContent: 'flex-end',\n      },\n    },\n  },\n  MuiLink: {\n    defaultProps: {\n      underline: 'hover',\n    },\n  },\n  MuiPaper: {\n    styleOverrides: { root: { backgroundImage: 'unset' } },\n  },\n  MuiMenuItem: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        // Fixes a bug with MUI 4 that's fixed in MUI 5\n        '&:focus': {\n          backgroundColor: theme.palette.action.focus,\n        },\n      }),\n    },\n  },\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/theme",
-  "version": "0.6.6",
+  "version": "0.6.7-next.1",
   "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.32.1",
+    "@backstage/cli": "0.33.1-next.2",
     "@mui/styles": "^5.14.18",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",