@backstage/theme 0.6.8-next.0 → 0.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/base/createBaseThemeOptions.esm.js.map +1 -1
  3. package/dist/base/pageTheme.esm.js.map +1 -1
  4. package/dist/base/palettes.esm.js.map +1 -1
  5. package/dist/index.d.ts +1 -1
  6. package/dist/unified/UnifiedTheme.esm.js.map +1 -1
  7. package/dist/unified/UnifiedThemeProvider.esm.js.map +1 -1
  8. package/dist/unified/overrides.esm.js.map +1 -1
  9. package/dist/unified/themes.esm.js.map +1 -1
  10. package/dist/v4/baseTheme.esm.js.map +1 -1
  11. package/dist/v4/themes.esm.js.map +1 -1
  12. package/dist/v5/defaultComponentThemes.esm.js.map +1 -1
  13. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @backstage/theme
2
2
 
3
+ ## 0.6.8
4
+
5
+ ### Patch Changes
6
+
7
+ - b731527: We are introducing two new data attributes on the `body` to support Backstage UI (BUI) new theming system.
8
+
3
9
  ## 0.6.8-next.0
4
10
 
5
11
  ### Patch Changes
package/dist/base/createBaseThemeOptions.esm.js.map CHANGED
@@ -1 +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;AAC/B,MAAM,mBACJ,GAAA,wDAAA;AACF,MAAM,kBAAqB,GAAA,MAAA;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;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,EAAI,EAAA;AAAA,IACF,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA;AAAA;AAElB;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;AAAA,GACE,GAAA,OAAA;AAEJ,EAAI,IAAA,CAACD,WAAU,CAAA,gBAAgB,CAAG,EAAA;AAChC,IAAA,MAAM,IAAI,KAAA,CAAM,CAAG,EAAA,gBAAgB,CAA+B,6BAAA,CAAA,CAAA;AAAA;AAGpE,EAAA,iBAAA,CAAkB,YAAe,GAAA,YAAA;AACjC,EAAA,iBAAA,CAAkB,UAAa,GAAA,UAAA;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;AAAA,GACpD;AACF;;;;"}
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,sBAAA,GAAyB,EAAA;AAC/B,MAAM,mBAAA,GACJ,wDAAA;AACF,MAAM,kBAAA,GAAqB,MAAA;AAOpB,MAAM,iBAAA,GAAyC;AAAA,EACpD,YAAA,EAAc,sBAAA;AAAA,EACd,UAAA,EAAY,mBAAA;AAAA,EACZ,EAAA,EAAI;AAAA,IACF,QAAA,EAAU,EAAA;AAAA,IACV,UAAA,EAAY,GAAA;AAAA,IACZ,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,EAAA,EAAI;AAAA,IACF,QAAA,EAAU,EAAA;AAAA,IACV,UAAA,EAAY,GAAA;AAAA,IACZ,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,EAAA,EAAI;AAAA,IACF,QAAA,EAAU,EAAA;AAAA,IACV,UAAA,EAAY,GAAA;AAAA,IACZ,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,EAAA,EAAI;AAAA,IACF,UAAA,EAAY,GAAA;AAAA,IACZ,QAAA,EAAU,EAAA;AAAA,IACV,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,EAAA,EAAI;AAAA,IACF,UAAA,EAAY,GAAA;AAAA,IACZ,QAAA,EAAU,EAAA;AAAA,IACV,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,EAAA,EAAI;AAAA,IACF,UAAA,EAAY,GAAA;AAAA,IACZ,QAAA,EAAU,EAAA;AAAA,IACV,YAAA,EAAc;AAAA;AAElB;AAqBO,SAAS,uBACd,OAAA,EACA;AACA,EAAA,MAAM;AAAA,IACJ,OAAA;AAAA,IACA,YAAA,GAAe,sBAAA;AAAA,IACf,UAAA,GAAa,mBAAA;AAAA,IACb,gBAAA,GAAmB,kBAAA;AAAA,eACnBA,WAAA,GAAYC,SAAA;AAAA,IACZ;AAAA,GACF,GAAI,OAAA;AAEJ,EAAA,IAAI,CAACD,WAAA,CAAU,gBAAgB,CAAA,EAAG;AAChC,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,gBAAgB,CAAA,6BAAA,CAA+B,CAAA;AAAA,EACpE;AAEA,EAAA,iBAAA,CAAkB,YAAA,GAAe,YAAA;AACjC,EAAA,iBAAA,CAAkB,UAAA,GAAa,UAAA;AAE/B,EAAA,OAAO;AAAA,IACL,OAAA;AAAA,IACA,YAAY,UAAA,IAAc,iBAAA;AAAA,IAC1B,IAAA,EAAMA,YAAU,gBAAgB,CAAA;AAAA,IAChC,YAAA,EAAc,CAAC,EAAE,OAAA,OACfA,WAAA,CAAU,OAAO,CAAA,IAAKA,WAAA,CAAU,gBAAgB;AAAA,GACpD;AACF;;;;"}
package/dist/base/pageTheme.esm.js.map CHANGED
@@ -1 +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: ['#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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"}
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: ['#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/base/palettes.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"palettes.esm.js","sources":["../../src/base/palettes.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\n/**\n * Built-in Backstage color palettes.\n *\n * @public\n */\nexport const palettes = {\n light: {\n type: 'light' as const,\n mode: 'light' as const,\n background: {\n default: '#F8F8F8',\n paper: '#FFFFFF',\n },\n status: {\n ok: '#1DB954',\n warning: '#FF9800',\n error: '#E22134',\n running: '#1F5493',\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: '#1F5493',\n },\n banner: {\n info: '#2E77D0',\n error: '#E22134',\n text: '#FFFFFF',\n link: '#000000',\n closeButtonColor: '#FFFFFF',\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: '#FFD600',\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 dark: {\n type: 'dark' as const,\n mode: 'dark' as const,\n background: {\n default: '#333333',\n paper: '#424242',\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 closeButtonColor: '#FFFFFF',\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: '#FFD600',\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};\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"palettes.esm.js","sources":["../../src/base/palettes.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\n/**\n * Built-in Backstage color palettes.\n *\n * @public\n */\nexport const palettes = {\n light: {\n type: 'light' as const,\n mode: 'light' as const,\n background: {\n default: '#F8F8F8',\n paper: '#FFFFFF',\n },\n status: {\n ok: '#1DB954',\n warning: '#FF9800',\n error: '#E22134',\n running: '#1F5493',\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: '#1F5493',\n },\n banner: {\n info: '#2E77D0',\n error: '#E22134',\n text: '#FFFFFF',\n link: '#000000',\n closeButtonColor: '#FFFFFF',\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: '#FFD600',\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 dark: {\n type: 'dark' as const,\n mode: 'dark' as const,\n background: {\n default: '#333333',\n paper: '#424242',\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 closeButtonColor: '#FFFFFF',\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: '#FFD600',\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};\n"],"names":[],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -6,7 +6,7 @@ import { PaletteOptions, Palette } from '@material-ui/core/styles/createPalette'
6
6
  import * as _backstage_theme from '@backstage/theme';
7
7
  import { ReactNode } from 'react';
8
8
  import * as _material_ui_core from '@material-ui/core';
9
- import { ThemeOptions as ThemeOptions$2, Theme as Theme$2 } from '@material-ui/core/styles/createTheme';
9
+ import { Theme as Theme$2, ThemeOptions as ThemeOptions$2 } from '@material-ui/core/styles/createTheme';
10
10
  import { OverridesStyleRules } from '@mui/material/styles/overrides';
11
11
 
12
12
  /**
package/dist/unified/UnifiedTheme.esm.js.map CHANGED
@@ -1 +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":";;;;;;AAoCO,MAAM,kBAA2C,CAAA;AAAA,EACtD,OAAA,uBAAc,GAAwC,EAAA;AAAA,EAEtD,WAAA,CAAY,IAAgB,EAAgB,EAAA;AAC1C,IAAK,IAAA,CAAA,OAAA,uBAAc,GAAI,EAAA;AACvB,IAAA,IAAI,EAAI,EAAA;AACN,MAAK,IAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,IAAA,EAAM,EAAE,CAAA;AAAA;AAE3B,IAAA,IAAI,EAAI,EAAA;AACN,MAAK,IAAA,CAAA,OAAA,CAAQ,GAAI,CAAA,IAAA,EAAM,EAAE,CAAA;AAAA;AAC3B;AACF,EAEA,SAAS,OAAyD,EAAA;AAChE,IAAO,OAAA,IAAA,CAAK,OAAQ,CAAA,GAAA,CAAI,OAAO,CAAA;AAAA;AAEnC;AAsBO,SAAS,mBAAmB,OAA4C,EAAA;AAC7E,EAAM,MAAA,YAAA,GAAe,uBAAuB,OAAO,CAAA;AACnD,EAAA,MAAM,aAAa,EAAE,GAAG,sBAAwB,EAAA,GAAG,QAAQ,UAAW,EAAA;AACtE,EAAA,MAAM,UAAUA,WAAc,CAAA,EAAE,GAAG,YAAA,EAAc,YAAY,CAAA;AAE7D,EAAM,MAAA,WAAA,GAAc,8BAA+B,CAAA,OAAA,EAAS,UAAU,CAAA;AACtE,EAAA,MAAM,UAAU,EAAE,GAAGC,cAAY,YAAY,CAAA,EAAG,GAAG,WAAY,EAAA;AAC/D,EAAO,OAAA,IAAI,kBAAmB,CAAA,OAAA,EAAS,OAAO,CAAA;AAChD;AAQO,SAAS,yBACd,OACc,EAAA;AACd,EAAM,MAAA,OAAA,GAAU,aAAa,OAAiC,CAAA;AAC9D,EAAM,MAAA,OAAA,GAAUA,cAAY,OAAO,CAAA;AACnC,EAAA,OAAO,IAAI,kBAAA,CAAmB,OAAS,EAAAD,WAAA,CAAc,OAAO,CAAC,CAAA;AAC/D;;;;"}
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":";;;;;;AAoCO,MAAM,kBAAA,CAA2C;AAAA,EACtD,OAAA,uBAAc,GAAA,EAAwC;AAAA,EAEtD,WAAA,CAAY,IAAgB,EAAA,EAAgB;AAC1C,IAAA,IAAA,CAAK,OAAA,uBAAc,GAAA,EAAI;AACvB,IAAA,IAAI,EAAA,EAAI;AACN,MAAA,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,IAAA,EAAM,EAAE,CAAA;AAAA,IAC3B;AACA,IAAA,IAAI,EAAA,EAAI;AACN,MAAA,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,IAAA,EAAM,EAAE,CAAA;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,SAAS,OAAA,EAAyD;AAChE,IAAA,OAAO,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,OAAO,CAAA;AAAA,EACjC;AACF;AAsBO,SAAS,mBAAmB,OAAA,EAA4C;AAC7E,EAAA,MAAM,YAAA,GAAe,uBAAuB,OAAO,CAAA;AACnD,EAAA,MAAM,aAAa,EAAE,GAAG,sBAAA,EAAwB,GAAG,QAAQ,UAAA,EAAW;AACtE,EAAA,MAAM,UAAUA,WAAA,CAAc,EAAE,GAAG,YAAA,EAAc,YAAY,CAAA;AAE7D,EAAA,MAAM,WAAA,GAAc,8BAAA,CAA+B,OAAA,EAAS,UAAU,CAAA;AACtE,EAAA,MAAM,UAAU,EAAE,GAAGC,cAAY,YAAY,CAAA,EAAG,GAAG,WAAA,EAAY;AAC/D,EAAA,OAAO,IAAI,kBAAA,CAAmB,OAAA,EAAS,OAAO,CAAA;AAChD;AAQO,SAAS,yBACd,OAAA,EACc;AACd,EAAA,MAAM,OAAA,GAAU,aAAa,OAAiC,CAAA;AAC9D,EAAA,MAAM,OAAA,GAAUA,cAAY,OAAO,CAAA;AACnC,EAAA,OAAO,IAAI,kBAAA,CAAmB,OAAA,EAASD,WAAA,CAAc,OAAO,CAAC,CAAA;AAC/D;;;;"}
package/dist/unified/UnifiedThemeProvider.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UnifiedThemeProvider.esm.js","sources":["../../src/unified/UnifiedThemeProvider.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 { ReactNode, useEffect } from 'react';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport {\n ThemeProvider,\n StylesProvider,\n createGenerateClassName,\n Theme as Mui4Theme,\n} from '@material-ui/core/styles';\nimport {\n StyledEngineProvider,\n ThemeProvider as Mui5Provider,\n Theme as Mui5Theme,\n} from '@mui/material/styles';\nimport { UnifiedTheme } from './types';\nimport { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';\n\n/**\n * Props for {@link UnifiedThemeProvider}.\n *\n * @public\n */\nexport interface UnifiedThemeProviderProps {\n children: ReactNode;\n theme: UnifiedTheme;\n noCssBaseline?: boolean;\n}\n\n/**\n * This API is introduced in @mui/material (v5.0.5) as a replacement of deprecated createGenerateClassName & only affects v5 Material UI components from `@mui/*`.\n *\n * This call needs to be in the same module as the `UnifiedThemeProvider` to ensure that it doesn't get removed by tree shaking\n */\nClassNameGenerator.configure(componentName => {\n return `v5-${componentName}`;\n});\n\n// Background at https://mui.com/x/migration/migration-data-grid-v4/#using-mui-core-v4-with-v5\n// Rather than disabling globals and custom seed, we instead only set a production prefix that\n// won't collide with Material UI 5 styles. We've already got the separate class name generator\n// for v5 set up in just above, so only the production JSS needs deduplication.\nconst generateV4ClassName = createGenerateClassName({\n productionPrefix: 'jss4-',\n});\n\n/**\n * Provides themes for all Material UI versions supported by the provided unified theme.\n *\n * @public\n */\nexport function UnifiedThemeProvider(\n props: UnifiedThemeProviderProps,\n): JSX.Element {\n const { children, theme, noCssBaseline = false } = props;\n\n const v4Theme = theme.getTheme('v4') as Mui4Theme;\n const v5Theme = theme.getTheme('v5') as Mui5Theme;\n const themeMode = v4Theme ? v4Theme.palette.type : v5Theme?.palette.mode;\n const themeName = 'backstage';\n\n useEffect(() => {\n document.body.setAttribute('data-theme-mode', themeMode);\n document.body.setAttribute('data-theme-name', themeName);\n\n return () => {\n document.body.removeAttribute('data-theme-mode');\n document.body.removeAttribute('data-theme-name');\n };\n }, [themeMode, themeName]);\n\n let cssBaseline: JSX.Element | undefined = undefined;\n if (!noCssBaseline) {\n cssBaseline = <CssBaseline />;\n }\n\n let result = (\n <>\n {cssBaseline}\n {children}\n </>\n );\n\n if (v4Theme) {\n result = (\n <StylesProvider generateClassName={generateV4ClassName}>\n <ThemeProvider theme={v4Theme}>{result}</ThemeProvider>\n </StylesProvider>\n );\n }\n\n if (v5Theme) {\n result = (\n <StyledEngineProvider injectFirst>\n <Mui5Provider theme={v5Theme}>{result}</Mui5Provider>\n </StyledEngineProvider>\n );\n }\n\n return result;\n}\n"],"names":["ClassNameGenerator","Mui5Provider"],"mappings":";;;;;;;AAgDAA,2BAAA,CAAmB,UAAU,CAAiB,aAAA,KAAA;AAC5C,EAAA,OAAO,MAAM,aAAa,CAAA,CAAA;AAC5B,CAAC,CAAA;AAMD,MAAM,sBAAsB,uBAAwB,CAAA;AAAA,EAClD,gBAAkB,EAAA;AACpB,CAAC,CAAA;AAOM,SAAS,qBACd,KACa,EAAA;AACb,EAAA,MAAM,EAAE,QAAA,EAAU,KAAO,EAAA,aAAA,GAAgB,OAAU,GAAA,KAAA;AAEnD,EAAM,MAAA,OAAA,GAAU,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA;AACnC,EAAM,MAAA,OAAA,GAAU,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA;AACnC,EAAA,MAAM,YAAY,OAAU,GAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA,GAAO,SAAS,OAAQ,CAAA,IAAA;AACpE,EAAA,MAAM,SAAY,GAAA,WAAA;AAElB,EAAA,SAAA,CAAU,MAAM;AACd,IAAS,QAAA,CAAA,IAAA,CAAK,YAAa,CAAA,iBAAA,EAAmB,SAAS,CAAA;AACvD,IAAS,QAAA,CAAA,IAAA,CAAK,YAAa,CAAA,iBAAA,EAAmB,SAAS,CAAA;AAEvD,IAAA,OAAO,MAAM;AACX,MAAS,QAAA,CAAA,IAAA,CAAK,gBAAgB,iBAAiB,CAAA;AAC/C,MAAS,QAAA,CAAA,IAAA,CAAK,gBAAgB,iBAAiB,CAAA;AAAA,KACjD;AAAA,GACC,EAAA,CAAC,SAAW,EAAA,SAAS,CAAC,CAAA;AAEzB,EAAA,IAAI,WAAuC,GAAA,KAAA,CAAA;AAC3C,EAAA,IAAI,CAAC,aAAe,EAAA;AAClB,IAAA,WAAA,uBAAe,WAAY,EAAA,EAAA,CAAA;AAAA;AAG7B,EAAA,IAAI,yBAEC,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA;AAAA,GACH,EAAA,CAAA;AAGF,EAAA,IAAI,OAAS,EAAA;AACX,IACE,MAAA,mBAAA,GAAA,CAAC,kBAAe,iBAAmB,EAAA,mBAAA,EACjC,8BAAC,aAAc,EAAA,EAAA,KAAA,EAAO,OAAU,EAAA,QAAA,EAAA,MAAA,EAAO,CACzC,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,OAAS,EAAA;AACX,IACE,MAAA,mBAAA,GAAA,CAAC,wBAAqB,WAAW,EAAA,IAAA,EAC/B,8BAACC,eAAa,EAAA,EAAA,KAAA,EAAO,OAAU,EAAA,QAAA,EAAA,MAAA,EAAO,CACxC,EAAA,CAAA;AAAA;AAIJ,EAAO,OAAA,MAAA;AACT;;;;"}
1
+ {"version":3,"file":"UnifiedThemeProvider.esm.js","sources":["../../src/unified/UnifiedThemeProvider.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 { ReactNode, useEffect } from 'react';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport {\n ThemeProvider,\n StylesProvider,\n createGenerateClassName,\n Theme as Mui4Theme,\n} from '@material-ui/core/styles';\nimport {\n StyledEngineProvider,\n ThemeProvider as Mui5Provider,\n Theme as Mui5Theme,\n} from '@mui/material/styles';\nimport { UnifiedTheme } from './types';\nimport { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';\n\n/**\n * Props for {@link UnifiedThemeProvider}.\n *\n * @public\n */\nexport interface UnifiedThemeProviderProps {\n children: ReactNode;\n theme: UnifiedTheme;\n noCssBaseline?: boolean;\n}\n\n/**\n * This API is introduced in @mui/material (v5.0.5) as a replacement of deprecated createGenerateClassName & only affects v5 Material UI components from `@mui/*`.\n *\n * This call needs to be in the same module as the `UnifiedThemeProvider` to ensure that it doesn't get removed by tree shaking\n */\nClassNameGenerator.configure(componentName => {\n return `v5-${componentName}`;\n});\n\n// Background at https://mui.com/x/migration/migration-data-grid-v4/#using-mui-core-v4-with-v5\n// Rather than disabling globals and custom seed, we instead only set a production prefix that\n// won't collide with Material UI 5 styles. We've already got the separate class name generator\n// for v5 set up in just above, so only the production JSS needs deduplication.\nconst generateV4ClassName = createGenerateClassName({\n productionPrefix: 'jss4-',\n});\n\n/**\n * Provides themes for all Material UI versions supported by the provided unified theme.\n *\n * @public\n */\nexport function UnifiedThemeProvider(\n props: UnifiedThemeProviderProps,\n): JSX.Element {\n const { children, theme, noCssBaseline = false } = props;\n\n const v4Theme = theme.getTheme('v4') as Mui4Theme;\n const v5Theme = theme.getTheme('v5') as Mui5Theme;\n const themeMode = v4Theme ? v4Theme.palette.type : v5Theme?.palette.mode;\n const themeName = 'backstage';\n\n useEffect(() => {\n document.body.setAttribute('data-theme-mode', themeMode);\n document.body.setAttribute('data-theme-name', themeName);\n\n return () => {\n document.body.removeAttribute('data-theme-mode');\n document.body.removeAttribute('data-theme-name');\n };\n }, [themeMode, themeName]);\n\n let cssBaseline: JSX.Element | undefined = undefined;\n if (!noCssBaseline) {\n cssBaseline = <CssBaseline />;\n }\n\n let result = (\n <>\n {cssBaseline}\n {children}\n </>\n );\n\n if (v4Theme) {\n result = (\n <StylesProvider generateClassName={generateV4ClassName}>\n <ThemeProvider theme={v4Theme}>{result}</ThemeProvider>\n </StylesProvider>\n );\n }\n\n if (v5Theme) {\n result = (\n <StyledEngineProvider injectFirst>\n <Mui5Provider theme={v5Theme}>{result}</Mui5Provider>\n </StyledEngineProvider>\n );\n }\n\n return result;\n}\n"],"names":["ClassNameGenerator","Mui5Provider"],"mappings":";;;;;;;AAgDAA,2BAAA,CAAmB,UAAU,CAAA,aAAA,KAAiB;AAC5C,EAAA,OAAO,MAAM,aAAa,CAAA,CAAA;AAC5B,CAAC,CAAA;AAMD,MAAM,sBAAsB,uBAAA,CAAwB;AAAA,EAClD,gBAAA,EAAkB;AACpB,CAAC,CAAA;AAOM,SAAS,qBACd,KAAA,EACa;AACb,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,aAAA,GAAgB,OAAM,GAAI,KAAA;AAEnD,EAAA,MAAM,OAAA,GAAU,KAAA,CAAM,QAAA,CAAS,IAAI,CAAA;AACnC,EAAA,MAAM,OAAA,GAAU,KAAA,CAAM,QAAA,CAAS,IAAI,CAAA;AACnC,EAAA,MAAM,YAAY,OAAA,GAAU,OAAA,CAAQ,OAAA,CAAQ,IAAA,GAAO,SAAS,OAAA,CAAQ,IAAA;AACpE,EAAA,MAAM,SAAA,GAAY,WAAA;AAElB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,IAAA,CAAK,YAAA,CAAa,iBAAA,EAAmB,SAAS,CAAA;AACvD,IAAA,QAAA,CAAS,IAAA,CAAK,YAAA,CAAa,iBAAA,EAAmB,SAAS,CAAA;AAEvD,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,IAAA,CAAK,gBAAgB,iBAAiB,CAAA;AAC/C,MAAA,QAAA,CAAS,IAAA,CAAK,gBAAgB,iBAAiB,CAAA;AAAA,IACjD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,SAAS,CAAC,CAAA;AAEzB,EAAA,IAAI,WAAA,GAAuC,MAAA;AAC3C,EAAA,IAAI,CAAC,aAAA,EAAe;AAClB,IAAA,WAAA,uBAAe,WAAA,EAAA,EAAY,CAAA;AAAA,EAC7B;AAEA,EAAA,IAAI,yBACF,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA;AAAA,GAAA,EACH,CAAA;AAGF,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAA,mBACE,GAAA,CAAC,kBAAe,iBAAA,EAAmB,mBAAA,EACjC,8BAAC,aAAA,EAAA,EAAc,KAAA,EAAO,OAAA,EAAU,QAAA,EAAA,MAAA,EAAO,CAAA,EACzC,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAA,mBACE,GAAA,CAAC,wBAAqB,WAAA,EAAW,IAAA,EAC/B,8BAACC,eAAA,EAAA,EAAa,KAAA,EAAO,OAAA,EAAU,QAAA,EAAA,MAAA,EAAO,CAAA,EACxC,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,MAAA;AACT;;;;"}
package/dist/unified/overrides.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"overrides.esm.js","sources":["../../src/unified/overrides.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 type { Overrides } from '@material-ui/core/styles/overrides';\nimport type { ComponentsProps } from '@material-ui/core/styles/props';\nimport { ComponentsOverrides, Theme, ThemeOptions } from '@mui/material/styles';\nimport { CSSProperties } from 'react';\n\ntype V5Override = ComponentsOverrides[Exclude<\n keyof ComponentsOverrides,\n 'MuiCssBaseline'\n>];\ntype V4Override = Overrides[keyof Overrides];\ntype StaticStyleRules = Record<\n string,\n CSSProperties | Record<string, CSSProperties>\n>;\n\n// Utility function based on v5 `createSpacing`: https://github.com/mui/material-ui/blob/master/packages/mui-system/src/createTheme/createSpacing.ts#L42C3-L59C5\nconst __v5Spacing =\n (defaultSpacing: number) =>\n (...argsInput: ReadonlyArray<number | string>) => {\n const args = argsInput.length === 0 ? [1] : argsInput;\n const transform = (argument: string | number, themeSpacing: number) => {\n if (typeof argument === 'string') {\n return argument;\n }\n return themeSpacing * argument;\n };\n\n return args\n .map(argument => {\n const output = transform(argument, defaultSpacing);\n return typeof output === 'number' ? `${output}px` : output;\n })\n .join(' ');\n };\n\n// Converts callback-based overrides to static styles, e.g.\n// { root: theme => ({ color: theme.color }) } -> { root: { color: 'red' } }\nfunction adaptV5CssBaselineOverride(\n theme: Theme,\n overrides: ComponentsOverrides['MuiCssBaseline'],\n): StaticStyleRules | undefined {\n if (!overrides || typeof overrides === 'string') {\n return undefined;\n }\n\n const styles = typeof overrides === 'function' ? overrides(theme) : overrides;\n if (styles) {\n return { '@global': styles } as StaticStyleRules;\n }\n\n return undefined;\n}\n\n// Converts callback-based overrides to static styles, e.g.\n// { root: theme => ({ color: theme.color }) } -> { root: { color: 'red' } }\nfunction adaptV5Override(\n theme: Theme,\n overrides: V5Override,\n): StaticStyleRules | undefined {\n if (!overrides || typeof overrides === 'string') {\n return undefined;\n }\n if (typeof overrides === 'object') {\n const _theme = { ...theme };\n const defaultSpacing = theme.spacing(1);\n if (typeof defaultSpacing === 'number') {\n // Override potential v4 spacing method: https://mui.com/material-ui/migration/v5-style-changes/#%E2%9C%85-remove-px-suffix\n // `adaptV4Theme as reference: https://github.com/mui/material-ui/blob/v5.x/packages/mui-material/src/styles/adaptV4Theme.js#L54C41-L54C41\n _theme.spacing = __v5Spacing(defaultSpacing);\n }\n return Object.fromEntries(\n Object.entries(overrides).map(([className, style]) => {\n if (typeof style === 'function') {\n return [className, style({ theme: _theme })];\n }\n return [className, style];\n }),\n );\n }\n return overrides as StaticStyleRules;\n}\n\nconst stateStyleKeyPattern = /^&.Mui-([\\w-]+)$/;\n\n// Move state style overrides to the top level, e.g.\n// { root: { '&.Mui-active': { color: 'red' } } } -> { active: { color: 'red' } }\nfunction extractV5StateOverrides(\n overrides: StaticStyleRules | undefined,\n): StaticStyleRules | undefined {\n let output = overrides;\n if (!overrides || typeof overrides !== 'object') {\n return output;\n }\n for (const className of Object.keys(overrides)) {\n const styles = overrides[className];\n if (!styles || typeof styles !== 'object') {\n continue;\n }\n for (const _styleKey of Object.keys(styles)) {\n const styleKey = _styleKey as keyof typeof styles;\n const match = styleKey.match(stateStyleKeyPattern);\n if (match) {\n const [, state] = match;\n const { [styleKey]: stateStyles, ...restStyles } = styles;\n if (stateStyles) {\n output = {\n ...output,\n [className]: restStyles,\n [state]: stateStyles,\n };\n }\n }\n }\n }\n return output;\n}\n\n/**\n * Transform Material UI v5 component themes into a v4 theme props and overrides.\n *\n * @public\n */\nexport function transformV5ComponentThemesToV4(\n theme: Theme,\n components: ThemeOptions['components'] = {},\n): { overrides: Overrides; props: ComponentsProps } {\n const overrides: Record<string, V4Override> = {};\n const props: Record<string, ComponentsProps[keyof ComponentsProps]> = {};\n\n for (const name of Object.keys(components)) {\n const component = components[name as keyof typeof components];\n if (!component) {\n continue;\n }\n if ('styleOverrides' in component) {\n if (name === 'MuiCssBaseline') {\n overrides[name] = adaptV5CssBaselineOverride(\n theme,\n component.styleOverrides as ComponentsOverrides['MuiCssBaseline'],\n );\n } else {\n overrides[name] = extractV5StateOverrides(\n adaptV5Override(theme, component.styleOverrides as V5Override),\n );\n }\n }\n if ('defaultProps' in component) {\n props[name] = component.defaultProps;\n }\n }\n\n return { overrides, props };\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"overrides.esm.js","sources":["../../src/unified/overrides.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 type { Overrides } from '@material-ui/core/styles/overrides';\nimport type { ComponentsProps } from '@material-ui/core/styles/props';\nimport { ComponentsOverrides, Theme, ThemeOptions } from '@mui/material/styles';\nimport { CSSProperties } from 'react';\n\ntype V5Override = ComponentsOverrides[Exclude<\n keyof ComponentsOverrides,\n 'MuiCssBaseline'\n>];\ntype V4Override = Overrides[keyof Overrides];\ntype StaticStyleRules = Record<\n string,\n CSSProperties | Record<string, CSSProperties>\n>;\n\n// Utility function based on v5 `createSpacing`: https://github.com/mui/material-ui/blob/master/packages/mui-system/src/createTheme/createSpacing.ts#L42C3-L59C5\nconst __v5Spacing =\n (defaultSpacing: number) =>\n (...argsInput: ReadonlyArray<number | string>) => {\n const args = argsInput.length === 0 ? [1] : argsInput;\n const transform = (argument: string | number, themeSpacing: number) => {\n if (typeof argument === 'string') {\n return argument;\n }\n return themeSpacing * argument;\n };\n\n return args\n .map(argument => {\n const output = transform(argument, defaultSpacing);\n return typeof output === 'number' ? `${output}px` : output;\n })\n .join(' ');\n };\n\n// Converts callback-based overrides to static styles, e.g.\n// { root: theme => ({ color: theme.color }) } -> { root: { color: 'red' } }\nfunction adaptV5CssBaselineOverride(\n theme: Theme,\n overrides: ComponentsOverrides['MuiCssBaseline'],\n): StaticStyleRules | undefined {\n if (!overrides || typeof overrides === 'string') {\n return undefined;\n }\n\n const styles = typeof overrides === 'function' ? overrides(theme) : overrides;\n if (styles) {\n return { '@global': styles } as StaticStyleRules;\n }\n\n return undefined;\n}\n\n// Converts callback-based overrides to static styles, e.g.\n// { root: theme => ({ color: theme.color }) } -> { root: { color: 'red' } }\nfunction adaptV5Override(\n theme: Theme,\n overrides: V5Override,\n): StaticStyleRules | undefined {\n if (!overrides || typeof overrides === 'string') {\n return undefined;\n }\n if (typeof overrides === 'object') {\n const _theme = { ...theme };\n const defaultSpacing = theme.spacing(1);\n if (typeof defaultSpacing === 'number') {\n // Override potential v4 spacing method: https://mui.com/material-ui/migration/v5-style-changes/#%E2%9C%85-remove-px-suffix\n // `adaptV4Theme as reference: https://github.com/mui/material-ui/blob/v5.x/packages/mui-material/src/styles/adaptV4Theme.js#L54C41-L54C41\n _theme.spacing = __v5Spacing(defaultSpacing);\n }\n return Object.fromEntries(\n Object.entries(overrides).map(([className, style]) => {\n if (typeof style === 'function') {\n return [className, style({ theme: _theme })];\n }\n return [className, style];\n }),\n );\n }\n return overrides as StaticStyleRules;\n}\n\nconst stateStyleKeyPattern = /^&.Mui-([\\w-]+)$/;\n\n// Move state style overrides to the top level, e.g.\n// { root: { '&.Mui-active': { color: 'red' } } } -> { active: { color: 'red' } }\nfunction extractV5StateOverrides(\n overrides: StaticStyleRules | undefined,\n): StaticStyleRules | undefined {\n let output = overrides;\n if (!overrides || typeof overrides !== 'object') {\n return output;\n }\n for (const className of Object.keys(overrides)) {\n const styles = overrides[className];\n if (!styles || typeof styles !== 'object') {\n continue;\n }\n for (const _styleKey of Object.keys(styles)) {\n const styleKey = _styleKey as keyof typeof styles;\n const match = styleKey.match(stateStyleKeyPattern);\n if (match) {\n const [, state] = match;\n const { [styleKey]: stateStyles, ...restStyles } = styles;\n if (stateStyles) {\n output = {\n ...output,\n [className]: restStyles,\n [state]: stateStyles,\n };\n }\n }\n }\n }\n return output;\n}\n\n/**\n * Transform Material UI v5 component themes into a v4 theme props and overrides.\n *\n * @public\n */\nexport function transformV5ComponentThemesToV4(\n theme: Theme,\n components: ThemeOptions['components'] = {},\n): { overrides: Overrides; props: ComponentsProps } {\n const overrides: Record<string, V4Override> = {};\n const props: Record<string, ComponentsProps[keyof ComponentsProps]> = {};\n\n for (const name of Object.keys(components)) {\n const component = components[name as keyof typeof components];\n if (!component) {\n continue;\n }\n if ('styleOverrides' in component) {\n if (name === 'MuiCssBaseline') {\n overrides[name] = adaptV5CssBaselineOverride(\n theme,\n component.styleOverrides as ComponentsOverrides['MuiCssBaseline'],\n );\n } else {\n overrides[name] = extractV5StateOverrides(\n adaptV5Override(theme, component.styleOverrides as V5Override),\n );\n }\n }\n if ('defaultProps' in component) {\n props[name] = component.defaultProps;\n }\n }\n\n return { overrides, props };\n}\n"],"names":[],"mappings":"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"}
package/dist/unified/themes.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themes.esm.js","sources":["../../src/unified/themes.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 { palettes } from '../base';\nimport { createUnifiedTheme } from './UnifiedTheme';\n\n/**\n * Built-in Backstage Material UI themes.\n *\n * @public\n */\nexport const themes = {\n light: createUnifiedTheme({ palette: palettes.light }),\n dark: createUnifiedTheme({ palette: palettes.dark }),\n};\n"],"names":[],"mappings":";;;;AAwBO,MAAM,MAAS,GAAA;AAAA,EACpB,OAAO,kBAAmB,CAAA,EAAE,OAAS,EAAA,QAAA,CAAS,OAAO,CAAA;AAAA,EACrD,MAAM,kBAAmB,CAAA,EAAE,OAAS,EAAA,QAAA,CAAS,MAAM;AACrD;;;;"}
1
+ {"version":3,"file":"themes.esm.js","sources":["../../src/unified/themes.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 { palettes } from '../base';\nimport { createUnifiedTheme } from './UnifiedTheme';\n\n/**\n * Built-in Backstage Material UI themes.\n *\n * @public\n */\nexport const themes = {\n light: createUnifiedTheme({ palette: palettes.light }),\n dark: createUnifiedTheme({ palette: palettes.dark }),\n};\n"],"names":[],"mappings":";;;;AAwBO,MAAM,MAAA,GAAS;AAAA,EACpB,OAAO,kBAAA,CAAmB,EAAE,OAAA,EAAS,QAAA,CAAS,OAAO,CAAA;AAAA,EACrD,MAAM,kBAAA,CAAmB,EAAE,OAAA,EAAS,QAAA,CAAS,MAAM;AACrD;;;;"}
package/dist/v4/baseTheme.esm.js.map CHANGED
@@ -1 +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 { Theme, ThemeOptions } from '@material-ui/core/styles/createTheme';\nimport type { GridProps } from '@material-ui/core/Grid';\nimport type { SwitchProps } from '@material-ui/core/Switch';\n\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":";;;;;;AAkCO,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;AAAA,KACN;AAAA,IACA,GAAG,uBAAuB,OAAO;AAAA,GACnC;AACF;AAQO,SAAS,qBAAqB,KAAyB,EAAA;AAC5D,EAAO,OAAA,8BAAA;AAAA;AAAA,IAEL,KAAA;AAAA,IACA;AAAA,GACA,CAAA,SAAA;AACJ;AASO,SAAS,YAAY,OAAoC,EAAA;AAC9D,EAAM,MAAA,YAAA,GAAe,mBAAmB,OAAO,CAAA;AAC/C,EAAM,MAAA,SAAA,GAAYA,cAAe,YAAY,CAAA;AAC7C,EAAM,MAAA,SAAA,GAAY,qBAAqB,SAAS,CAAA;AAChD,EAAA,MAAM,KAAQ,GAAA,EAAE,GAAG,SAAA,EAAW,SAAU,EAAA;AACxC,EAAO,OAAA,KAAA;AACT;;;;"}
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 { Theme, ThemeOptions } from '@material-ui/core/styles/createTheme';\nimport type { GridProps } from '@material-ui/core/Grid';\nimport type { SwitchProps } from '@material-ui/core/Switch';\n\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":";;;;;;AAkCO,SAAS,mBAAmB,OAAA,EAA2C;AAC5E,EAAA,OAAO;AAAA,IACL,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,wBAAwB,OAAA,EAC7B,YAAA;AAAA,MACJ,SAAA,EAAW,wBAAwB,SAAA,EAC/B;AAAA,KACN;AAAA,IACA,GAAG,uBAAuB,OAAO;AAAA,GACnC;AACF;AAQO,SAAS,qBAAqB,KAAA,EAAyB;AAC5D,EAAA,OAAO,8BAAA;AAAA;AAAA,IAEL,KAAA;AAAA,IACA;AAAA,GACF,CAAE,SAAA;AACJ;AASO,SAAS,YAAY,OAAA,EAAoC;AAC9D,EAAA,MAAM,YAAA,GAAe,mBAAmB,OAAO,CAAA;AAC/C,EAAA,MAAM,SAAA,GAAYA,cAAe,YAAY,CAAA;AAC7C,EAAA,MAAM,SAAA,GAAY,qBAAqB,SAAS,CAAA;AAChD,EAAA,MAAM,KAAA,GAAQ,EAAE,GAAG,SAAA,EAAW,SAAA,EAAU;AACxC,EAAA,OAAO,KAAA;AACT;;;;"}
package/dist/v4/themes.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themes.esm.js","sources":["../../src/v4/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 */\n\nimport { createTheme } from './baseTheme';\nimport { palettes } from '../base';\n\n/**\n * The old Material UI v4 Backstage light theme.\n *\n * @public\n * @deprecated Use {@link themes.light} instead.\n */\nexport const lightTheme = createTheme({\n palette: palettes.light,\n});\n\n/**\n * The old Material UI v4 Backstage dark theme.\n *\n * @public\n * @deprecated Use {@link themes.dark} instead.\n */\nexport const darkTheme = createTheme({\n palette: palettes.dark,\n});\n"],"names":[],"mappings":";;;;AAyBO,MAAM,aAAa,WAAY,CAAA;AAAA,EACpC,SAAS,QAAS,CAAA;AACpB,CAAC;AAQM,MAAM,YAAY,WAAY,CAAA;AAAA,EACnC,SAAS,QAAS,CAAA;AACpB,CAAC;;;;"}
1
+ {"version":3,"file":"themes.esm.js","sources":["../../src/v4/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 */\n\nimport { createTheme } from './baseTheme';\nimport { palettes } from '../base';\n\n/**\n * The old Material UI v4 Backstage light theme.\n *\n * @public\n * @deprecated Use {@link themes.light} instead.\n */\nexport const lightTheme = createTheme({\n palette: palettes.light,\n});\n\n/**\n * The old Material UI v4 Backstage dark theme.\n *\n * @public\n * @deprecated Use {@link themes.dark} instead.\n */\nexport const darkTheme = createTheme({\n palette: palettes.dark,\n});\n"],"names":[],"mappings":";;;;AAyBO,MAAM,aAAa,WAAA,CAAY;AAAA,EACpC,SAAS,QAAA,CAAS;AACpB,CAAC;AAQM,MAAM,YAAY,WAAA,CAAY;AAAA,EACnC,SAAS,QAAA,CAAS;AACpB,CAAC;;;;"}
package/dist/v5/defaultComponentThemes.esm.js.map CHANGED
@@ -1 +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 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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"}
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 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@backstage/theme",
3
- "version": "0.6.8-next.0",
3
+ "version": "0.6.8",
4
4
  "description": "material-ui theme for use with Backstage.",
5
5
  "backstage": {
6
6
  "role": "web-library"
@@ -41,7 +41,7 @@
41
41
  "@mui/material": "^5.12.2"
42
42
  },
43
43
  "devDependencies": {
44
- "@backstage/cli": "0.33.2-next.0",
44
+ "@backstage/cli": "^0.34.0",
45
45
  "@mui/styles": "^5.14.18",
46
46
  "@testing-library/jest-dom": "^6.0.0",
47
47
  "@testing-library/react": "^16.0.0",