@red-hat-developer-hub/backstage-plugin-global-header 1.7.3 → 1.9.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @red-hat-developer-hub/backstage-plugin-global-header
 
+## 1.9.0
+
+### Minor Changes
+
+- 3a9b336: Backstage version bump to v1.39.0
+
+## 1.8.0
+
+### Minor Changes
+
+- dfc984b: Added Company Logo component
+
 ## 1.7.3
 
 ### Patch Changes

package/app-config.dynamic.yaml

@@ -6,7 +6,14 @@ dynamicPlugins:
         - mountPoint: application/header
           importName: GlobalHeader
           config:
-            position: above-main-content # above-main-content | below-main-content
+            position: above-sidebar # above-main-content | above-sidebar
+
+        - mountPoint: global.header/component
+          importName: CompanyLogo
+          config:
+            priority: 200
+            props:
+              to: '/'
 
         - mountPoint: global.header/component
           importName: SearchComponent

package/config.d.ts

@@ -0,0 +1,31 @@
+/*
+ * Copyright Red Hat, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import '@backstage/config';
+
+declare module '@backstage/config' {
+  interface Config {
+    app?: {
+      branding?: {
+        /**
+         * Base64 URI for the full logo
+         * @visibility frontend
+         */
+        fullLogo?: string;
+      };
+    };
+  }
+}

package/dist/components/CompanyLogo/CompanyLogo.esm.js

@@ -0,0 +1,64 @@
+import { jsx } from 'react/jsx-runtime';
+import { Link } from '@backstage/core-components';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import DefaultLogo from './DefaultLogo.esm.js';
+import Box from '@mui/material/Box';
+
+const LogoRender = ({
+  base64Logo,
+  defaultLogo
+}) => {
+  return base64Logo ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      "data-testid": "home-logo",
+      src: base64Logo,
+      alt: "Home logo",
+      style: {
+        display: "block",
+        maxHeight: "40px",
+        maxWidth: "150px"
+      }
+    }
+  ) : defaultLogo;
+};
+const CompanyLogo = ({ logo, to = "/" }) => {
+  const configApi = useApi(configApiRef);
+  const logoFullBase64URI = configApi.getOptionalString(
+    "app.branding.fullLogo"
+  );
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        width: "224px",
+        display: "flex",
+        justifyContent: "flex-start",
+        alignItems: "center"
+      },
+      children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          to,
+          underline: "none",
+          "aria-label": "Home",
+          style: {
+            display: "flex",
+            justifyContent: "flex-start",
+            alignItems: "center"
+          },
+          children: /* @__PURE__ */ jsx(
+            LogoRender,
+            {
+              base64Logo: logo ?? logoFullBase64URI,
+              defaultLogo: /* @__PURE__ */ jsx(DefaultLogo, {})
+            }
+          )
+        }
+      )
+    }
+  );
+};
+
+export { CompanyLogo };
+//# sourceMappingURL=CompanyLogo.esm.js.map

package/dist/components/CompanyLogo/CompanyLogo.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanyLogo.esm.js","sources":["../../../src/components/CompanyLogo/CompanyLogo.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { CSSProperties } from 'react';\nimport { Link } from '@backstage/core-components';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport DefaultLogo from './DefaultLogo';\nimport Box from '@mui/material/Box';\n\nconst LogoRender = ({\n  base64Logo,\n  defaultLogo,\n}: {\n  base64Logo: string | undefined;\n  defaultLogo: JSX.Element;\n}) => {\n  return base64Logo ? (\n    <img\n      data-testid=\"home-logo\"\n      src={base64Logo}\n      alt=\"Home logo\"\n      style={{\n        display: 'block',\n        maxHeight: '40px',\n        maxWidth: '150px',\n      }}\n    />\n  ) : (\n    defaultLogo\n  );\n};\n\n/**\n * @public\n */\nexport interface CompanyLogoProps {\n  logo?: string;\n  to?: string;\n  layout?: CSSProperties;\n}\n\nexport const CompanyLogo = ({ logo, to = '/' }: CompanyLogoProps) => {\n  const configApi = useApi(configApiRef);\n  const logoFullBase64URI = configApi.getOptionalString(\n    'app.branding.fullLogo',\n  );\n  return (\n    <Box\n      sx={{\n        width: '224px',\n        display: 'flex',\n        justifyContent: 'flex-start',\n        alignItems: 'center',\n      }}\n    >\n      <Link\n        to={to}\n        underline=\"none\"\n        aria-label=\"Home\"\n        style={{\n          display: 'flex',\n          justifyContent: 'flex-start',\n          alignItems: 'center',\n        }}\n      >\n        <LogoRender\n          base64Logo={logo ?? logoFullBase64URI}\n          defaultLogo={<DefaultLogo />}\n        />\n      </Link>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAqBA,MAAM,aAAa,CAAC;AAAA,EAClB,UAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAA,OAAO,UACL,mBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,WAAA;AAAA,MACZ,GAAK,EAAA,UAAA;AAAA,MACL,GAAI,EAAA,WAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,OAAS,EAAA,OAAA;AAAA,QACT,SAAW,EAAA,MAAA;AAAA,QACX,QAAU,EAAA;AAAA;AACZ;AAAA,GAGF,GAAA,WAAA;AAEJ,CAAA;AAWO,MAAM,cAAc,CAAC,EAAE,IAAM,EAAA,EAAA,GAAK,KAA4B,KAAA;AACnE,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,oBAAoB,SAAU,CAAA,iBAAA;AAAA,IAClC;AAAA,GACF;AACA,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,KAAO,EAAA,OAAA;AAAA,QACP,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,YAAA;AAAA,QAChB,UAAY,EAAA;AAAA,OACd;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,EAAA;AAAA,UACA,SAAU,EAAA,MAAA;AAAA,UACV,YAAW,EAAA,MAAA;AAAA,UACX,KAAO,EAAA;AAAA,YACL,OAAS,EAAA,MAAA;AAAA,YACT,cAAgB,EAAA,YAAA;AAAA,YAChB,UAAY,EAAA;AAAA,WACd;AAAA,UAEA,QAAA,kBAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,YAAY,IAAQ,IAAA,iBAAA;AAAA,cACpB,WAAA,sBAAc,WAAY,EAAA,EAAA;AAAA;AAAA;AAC5B;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist/components/CompanyLogo/DefaultLogo.esm.js

@@ -0,0 +1,237 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTheme } from '@mui/material/styles';
+
+const LightThemeLogoSVG = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    version: "1.1",
+    id: "Logos",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 931.8 244",
+    enableBackground: "new 0 0 931.8 244",
+    xmlSpace: "preserve",
+    height: 40,
+    width: 150,
+    children: [
+      /* @__PURE__ */ jsx("style", { type: "text/css", children: `
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#EE0000;}
+  ` }),
+      /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsxs("g", { children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M228.7,219.5v-72.8h25.7c5.5,0,10.7,0.9,15.4,2.8c4.7,1.9,8.8,4.4,12.2,7.7c3.4,3.3,6,7.1,8,11.6\n			c1.9,4.5,2.9,9.3,2.9,14.4c0,5.1-1,9.9-2.9,14.4c-1.9,4.4-4.6,8.3-8,11.5c-3.4,3.2-7.5,5.8-12.2,7.6c-4.7,1.9-9.8,2.8-15.4,2.8\n			H228.7z M254.5,156.5h-15v53.2h15c3.8,0,7.4-0.7,10.7-2c3.3-1.4,6.1-3.2,8.5-5.6c2.4-2.4,4.3-5.2,5.7-8.4\n			c1.4-3.2,2.1-6.7,2.1-10.5s-0.7-7.2-2.1-10.5c-1.4-3.3-3.3-6.1-5.7-8.5c-2.4-2.4-5.2-4.3-8.5-5.7\n			C261.9,157.2,258.4,156.5,254.5,156.5z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M300.7,193c0-3.7,0.7-7.3,2-10.6c1.4-3.3,3.2-6.2,5.6-8.7c2.4-2.5,5.2-4.4,8.4-5.8c3.2-1.4,6.7-2.1,10.5-2.1\n			c3.6,0,7,0.7,10.1,2.1c3.2,1.4,5.9,3.4,8.1,5.8c2.3,2.5,4,5.4,5.4,8.8c1.3,3.4,2,7,2,10.9v3H311c0.7,4.4,2.7,8,6,10.9\n			c3.3,2.9,7.3,4.3,11.9,4.3c2.6,0,5-0.4,7.4-1.2c2.4-0.8,4.4-2,6-3.4l6.7,6.6c-3.1,2.4-6.3,4.2-9.6,5.3c-3.3,1.1-6.9,1.7-10.9,1.7\n			c-3.9,0-7.5-0.7-10.9-2.1c-3.4-1.4-6.3-3.3-8.8-5.8c-2.5-2.4-4.5-5.3-5.9-8.7C301.4,200.5,300.7,196.9,300.7,193z M327,174.5\n			c-4,0-7.5,1.3-10.4,4c-2.9,2.6-4.8,6-5.5,10.2h31.4c-0.7-4-2.5-7.4-5.4-10.1C334.2,175.9,330.8,174.5,327,174.5z"
+            }
+          ),
+          /* @__PURE__ */ jsx("path", { d: "M377.7,219.5l-22.9-52.9h11.4l16.5,39.6l16.5-39.6h11.1l-22.9,52.9H377.7z" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M412.4,193c0-3.7,0.7-7.3,2-10.6c1.4-3.3,3.2-6.2,5.6-8.7c2.4-2.5,5.2-4.4,8.4-5.8c3.2-1.4,6.7-2.1,10.5-2.1\n			c3.6,0,7,0.7,10.1,2.1c3.2,1.4,5.9,3.4,8.1,5.8c2.3,2.5,4,5.4,5.4,8.8c1.3,3.4,2,7,2,10.9v3h-41.8c0.7,4.4,2.7,8,6,10.9\n			c3.3,2.9,7.3,4.3,11.9,4.3c2.6,0,5-0.4,7.4-1.2c2.4-0.8,4.4-2,6-3.4l6.7,6.6c-3.1,2.4-6.3,4.2-9.6,5.3c-3.3,1.1-6.9,1.7-10.9,1.7\n			c-3.9,0-7.5-0.7-10.9-2.1c-3.4-1.4-6.3-3.3-8.8-5.8c-2.5-2.4-4.5-5.3-5.9-8.7C413.1,200.5,412.4,196.9,412.4,193z M438.7,174.5\n			c-4,0-7.5,1.3-10.4,4c-2.9,2.6-4.8,6-5.5,10.2h31.4c-0.7-4-2.5-7.4-5.4-10.1C445.9,175.9,442.5,174.5,438.7,174.5z"
+            }
+          ),
+          /* @__PURE__ */ jsx("path", { d: "M484.7,144.5v75.1h-10.4v-72.8L484.7,144.5z" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M494.5,193c0-3.8,0.7-7.4,2.1-10.8c1.4-3.4,3.4-6.3,5.9-8.7c2.5-2.5,5.4-4.4,8.8-5.8c3.4-1.4,7-2.1,10.8-2.1\n			c3.8,0,7.4,0.7,10.8,2.1c3.4,1.4,6.3,3.4,8.7,5.8c2.5,2.5,4.4,5.4,5.8,8.7c1.4,3.4,2.1,7,2.1,10.8c0,3.9-0.7,7.5-2.1,10.9\n			c-1.4,3.4-3.4,6.3-5.8,8.7c-2.5,2.5-5.4,4.4-8.7,5.8c-3.4,1.4-7,2.1-10.8,2.1c-3.8,0-7.4-0.7-10.8-2.1c-3.4-1.4-6.3-3.4-8.8-5.8\n			c-2.5-2.5-4.5-5.4-5.9-8.7C495.2,200.5,494.5,196.9,494.5,193z M539.4,193c0-5.1-1.7-9.5-5.1-13c-3.4-3.5-7.5-5.3-12.3-5.3\n			s-8.9,1.8-12.3,5.3c-3.4,3.5-5.1,7.9-5.1,13c0,5.1,1.7,9.5,5,13.1c3.4,3.6,7.5,5.4,12.3,5.4c4.8,0,8.9-1.8,12.3-5.4\n			C537.7,202.5,539.4,198.2,539.4,193z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M559.3,241.1v-74.5h10.3v5c2.2-1.9,4.7-3.3,7.5-4.3c2.8-1,5.7-1.5,8.7-1.5c3.7,0,7.2,0.7,10.5,2.1\n			c3.3,1.4,6.1,3.4,8.5,5.8c2.4,2.5,4.3,5.4,5.7,8.7c1.4,3.3,2.1,6.9,2.1,10.6c0,3.8-0.7,7.4-2.1,10.7c-1.4,3.3-3.3,6.2-5.7,8.7\n			c-2.4,2.5-5.3,4.4-8.6,5.8c-3.3,1.4-6.9,2.1-10.7,2.1c-3,0-5.8-0.5-8.5-1.4c-2.7-0.9-5.1-2.2-7.3-3.8v25.9H559.3z M584.3,174.8\n			c-3.1,0-5.8,0.6-8.3,1.7c-2.5,1.1-4.6,2.6-6.3,4.6v24.1c1.7,1.9,3.8,3.4,6.3,4.5c2.6,1.1,5.3,1.7,8.3,1.7c5.1,0,9.4-1.8,12.8-5.3\n			c3.4-3.5,5.1-7.8,5.1-12.9c0-5.2-1.8-9.6-5.3-13.1C593.6,176.6,589.3,174.8,584.3,174.8z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M620,193c0-3.7,0.7-7.3,2-10.6c1.4-3.3,3.2-6.2,5.6-8.7c2.4-2.5,5.2-4.4,8.4-5.8c3.2-1.4,6.7-2.1,10.5-2.1\n			c3.6,0,7,0.7,10.1,2.1c3.2,1.4,5.9,3.4,8.1,5.8c2.3,2.5,4,5.4,5.4,8.8c1.3,3.4,2,7,2,10.9v3h-41.8c0.7,4.4,2.7,8,6,10.9\n			c3.3,2.9,7.3,4.3,11.9,4.3c2.6,0,5-0.4,7.4-1.2c2.4-0.8,4.4-2,6-3.4l6.7,6.6c-3.1,2.4-6.3,4.2-9.6,5.3c-3.3,1.1-6.9,1.7-10.9,1.7\n			c-3.9,0-7.5-0.7-10.9-2.1c-3.4-1.4-6.3-3.3-8.8-5.8c-2.5-2.4-4.5-5.3-5.9-8.7C620.7,200.5,620,196.9,620,193z M646.3,174.5\n			c-4,0-7.5,1.3-10.4,4c-2.9,2.6-4.8,6-5.5,10.2h31.4c-0.7-4-2.5-7.4-5.4-10.1C653.5,175.9,650.1,174.5,646.3,174.5z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M681.9,219.5v-52.9h10.4v6.6c1.7-2.6,3.9-4.6,6.4-5.8c2.6-1.2,5.2-1.9,8-1.9c1.2,0,2.2,0.1,3.1,0.2\n			c0.9,0.1,1.6,0.3,2.3,0.6v9.4c-0.8-0.3-1.8-0.5-2.9-0.8c-1.1-0.2-2.2-0.4-3.3-0.4c-2.8,0-5.4,0.7-7.8,2.2\n			c-2.4,1.5-4.4,3.9-5.8,7.3v35.5H681.9z"
+            }
+          ),
+          /* @__PURE__ */ jsx("path", { d: "M743.7,219.5v-72.8h10.9v31.2h38.7v-31.2h10.9v72.8h-10.9v-31.7h-38.7v31.7H743.7z" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M828,166.6v31.5c0,4.1,1.2,7.3,3.5,9.8c2.4,2.4,5.6,3.6,9.7,3.6c2.8,0,5.3-0.6,7.5-1.8c2.2-1.2,4.1-2.9,5.5-5.1v-38.1\n			h10.4v52.9h-10.4v-5.3c-2.1,2.1-4.5,3.7-7.1,4.7c-2.7,1.1-5.6,1.6-8.8,1.6c-6,0-11-1.9-14.8-5.8c-3.8-3.9-5.8-8.8-5.8-14.9v-33.3\n			H828z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M929.9,193c0,3.8-0.7,7.4-2.1,10.7c-1.4,3.3-3.3,6.2-5.7,8.7c-2.4,2.5-5.3,4.4-8.6,5.8c-3.3,1.4-6.9,2.1-10.7,2.1\n			c-3,0-5.8-0.5-8.5-1.4s-5.2-2.2-7.4-4v4.5h-10.3v-72.8l10.4-2.3v27c2.2-1.9,4.7-3.3,7.4-4.3c2.7-1,5.6-1.5,8.7-1.5\n			c3.7,0,7.2,0.7,10.5,2.1c3.3,1.4,6.1,3.4,8.5,5.8c2.4,2.5,4.3,5.4,5.7,8.7C929.2,185.7,929.9,189.3,929.9,193z M901.7,174.8\n			c-3.1,0-5.8,0.6-8.3,1.7c-2.5,1.1-4.6,2.6-6.3,4.6v24.1c1.7,1.9,3.8,3.4,6.3,4.5c2.6,1.1,5.3,1.7,8.3,1.7c5.1,0,9.4-1.8,12.8-5.3\n			c3.4-3.5,5.1-7.8,5.1-12.9c0-5.2-1.8-9.6-5.3-13.1C911,176.6,906.7,174.8,901.7,174.8z"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("g", { children: [
+          /* @__PURE__ */ jsxs("g", { children: [
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                className: "st1",
+                d: "M129,85c12.5,0,30.6-2.6,30.6-17.5c0-1.2,0-2.3-0.3-3.4l-7.4-32.4c-1.7-7.1-3.2-10.3-15.7-16.6\n				C126.4,10.2,105.3,2,99,2c-5.8,0-7.5,7.5-14.4,7.5c-6.7,0-11.6-5.6-17.9-5.6c-6,0-9.9,4.1-12.9,12.5c0,0-8.4,23.7-9.5,27.2\n				C44,44.3,44,45,44,45.5C44,54.8,80.3,85,129,85 M161.5,73.6c1.7,8.2,1.7,9.1,1.7,10.1c0,14-15.7,21.8-36.4,21.8\n				C80,105.5,39.1,78.1,39.1,60c0-2.8,0.6-5.4,1.5-7.3C23.8,53.5,2,56.5,2,75.7C2,107.2,76.6,146,135.7,146\n				c45.3,0,56.7-20.5,56.7-36.6C192.3,96.6,181.4,82.2,161.5,73.6"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M161.5,73.6c1.7,8.2,1.7,9.1,1.7,10.1c0,14-15.7,21.8-36.4,21.8C80,105.5,39.1,78.1,39.1,60c0-2.8,0.6-5.4,1.5-7.3\n				l3.7-9.1C44,44.3,44,45,44,45.5C44,54.8,80.3,85,129,85c12.5,0,30.6-2.6,30.6-17.5c0-1.2,0-2.3-0.3-3.4L161.5,73.6z"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M581.2,94.3c0,11.9,7.2,17.7,20.2,17.7c3.2,0,8.6-0.7,11.9-1.7V96.5c-2.8,0.8-4.9,1.2-7.7,1.2c-5.4,0-7.4-1.7-7.4-6.7\n			V69.8h15.6V55.6h-15.6v-18l-17,3.7v14.3H570v14.2h11.3V94.3z M528.3,94.6c0-3.7,3.7-5.5,9.3-5.5c3.7,0,7,0.5,10.1,1.3v7.2\n			c-3.2,1.8-6.8,2.6-10.6,2.6C531.6,100.2,528.3,98.1,528.3,94.6 M533.5,112.2c6,0,10.8-1.3,15.4-4.3v3.4h16.8V75.6\n			c0-13.6-9.1-21-24.4-21c-8.5,0-16.9,2-26,6.1l6.1,12.5c6.5-2.7,12-4.4,16.8-4.4c7,0,10.6,2.7,10.6,8.3v2.7\n			c-4-1.1-8.2-1.6-12.6-1.6c-14.3,0-22.9,6-22.9,16.7C513.3,104.7,521.1,112.2,533.5,112.2 M441.1,111.2h18.1V82.4h30.3v28.8h18.1\n			V37.6h-18.1v28.3h-30.3V37.6h-18.1V111.2z M372.1,83.4c0-8,6.3-14.1,14.6-14.1c4.6,0,8.8,1.6,11.8,4.3V93c-3,2.9-7,4.4-11.8,4.4\n			C378.5,97.5,372.1,91.4,372.1,83.4 M398.7,111.2h16.8V33.9l-17,3.7v20.9c-4.2-2.4-9-3.7-14.2-3.7c-16.2,0-28.9,12.5-28.9,28.5\n			c0,16,12.5,28.6,28.4,28.6c5.5,0,10.6-1.7,14.9-4.8V111.2z M321.5,68.5c5.4,0,9.9,3.5,11.7,8.8H310\n			C311.7,71.8,315.9,68.5,321.5,68.5 M292.8,83.5c0,16.2,13.3,28.8,30.3,28.8c9.4,0,16.2-2.5,23.2-8.4l-11.3-10\n			c-2.6,2.7-6.5,4.2-11.1,4.2c-6.3,0-11.5-3.5-13.7-8.8h39.6V85c0-17.7-11.9-30.4-28.1-30.4C305.6,54.7,292.8,67.3,292.8,83.5\n			 M263.5,53.1c6,0,9.4,3.8,9.4,8.3s-3.4,8.3-9.4,8.3h-17.9V53.1H263.5z M227.5,111.2h18.1V84.4h13.8l13.9,26.8h20.2l-16.2-29.4\n			c8.7-3.8,13.9-11.7,13.9-20.7c0-13.3-10.4-23.5-26-23.5h-37.7V111.2z"
+            }
+          )
+        ] })
+      ] })
+    ]
+  }
+);
+const DarkThemeLogoSVG = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    version: "1.1",
+    id: "Logos",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 931.8 244",
+    enableBackground: "new 0 0 931.8 244",
+    xmlSpace: "preserve",
+    height: 40,
+    width: 150,
+    children: [
+      /* @__PURE__ */ jsx("style", { type: "text/css", children: `
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#EE0000;}
+  ` }),
+      /* @__PURE__ */ jsxs("g", { children: [
+        /* @__PURE__ */ jsxs("g", { children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M228.7,219.5v-72.8h25.7c5.5,0,10.7,0.9,15.4,2.8c4.7,1.9,8.8,4.4,12.2,7.7c3.4,3.3,6,7.1,8,11.6\n			c1.9,4.5,2.9,9.3,2.9,14.4c0,5.1-1,9.9-2.9,14.4c-1.9,4.4-4.6,8.3-8,11.5c-3.4,3.2-7.5,5.8-12.2,7.6c-4.7,1.9-9.8,2.8-15.4,2.8\n			H228.7z M254.5,156.5h-15v53.2h15c3.8,0,7.4-0.7,10.7-2c3.3-1.4,6.1-3.2,8.5-5.6c2.4-2.4,4.3-5.2,5.7-8.4\n			c1.4-3.2,2.1-6.7,2.1-10.5s-0.7-7.2-2.1-10.5c-1.4-3.3-3.3-6.1-5.7-8.5c-2.4-2.4-5.2-4.3-8.5-5.7\n			C261.9,157.2,258.4,156.5,254.5,156.5z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M300.7,193c0-3.7,0.7-7.3,2-10.6c1.4-3.3,3.2-6.2,5.6-8.7c2.4-2.5,5.2-4.4,8.4-5.8c3.2-1.4,6.7-2.1,10.5-2.1\n			c3.6,0,7,0.7,10.1,2.1c3.2,1.4,5.9,3.4,8.1,5.8c2.3,2.5,4,5.4,5.4,8.8c1.3,3.4,2,7,2,10.9v3H311c0.7,4.4,2.7,8,6,10.9\n			c3.3,2.9,7.3,4.3,11.9,4.3c2.6,0,5-0.4,7.4-1.2c2.4-0.8,4.4-2,6-3.4l6.7,6.6c-3.1,2.4-6.3,4.2-9.6,5.3c-3.3,1.1-6.9,1.7-10.9,1.7\n			c-3.9,0-7.5-0.7-10.9-2.1c-3.4-1.4-6.3-3.3-8.8-5.8c-2.5-2.4-4.5-5.3-5.9-8.7C301.4,200.5,300.7,196.9,300.7,193z M327,174.5\n			c-4,0-7.5,1.3-10.4,4c-2.9,2.6-4.8,6-5.5,10.2h31.4c-0.7-4-2.5-7.4-5.4-10.1C334.2,175.9,330.8,174.5,327,174.5z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M377.7,219.5l-22.9-52.9h11.4l16.5,39.6l16.5-39.6h11.1l-22.9,52.9H377.7z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M412.4,193c0-3.7,0.7-7.3,2-10.6c1.4-3.3,3.2-6.2,5.6-8.7c2.4-2.5,5.2-4.4,8.4-5.8c3.2-1.4,6.7-2.1,10.5-2.1\n			c3.6,0,7,0.7,10.1,2.1c3.2,1.4,5.9,3.4,8.1,5.8c2.3,2.5,4,5.4,5.4,8.8c1.3,3.4,2,7,2,10.9v3h-41.8c0.7,4.4,2.7,8,6,10.9\n			c3.3,2.9,7.3,4.3,11.9,4.3c2.6,0,5-0.4,7.4-1.2c2.4-0.8,4.4-2,6-3.4l6.7,6.6c-3.1,2.4-6.3,4.2-9.6,5.3c-3.3,1.1-6.9,1.7-10.9,1.7\n			c-3.9,0-7.5-0.7-10.9-2.1c-3.4-1.4-6.3-3.3-8.8-5.8c-2.5-2.4-4.5-5.3-5.9-8.7C413.1,200.5,412.4,196.9,412.4,193z M438.7,174.5\n			c-4,0-7.5,1.3-10.4,4c-2.9,2.6-4.8,6-5.5,10.2h31.4c-0.7-4-2.5-7.4-5.4-10.1C445.9,175.9,442.5,174.5,438.7,174.5z"
+            }
+          ),
+          /* @__PURE__ */ jsx("path", { className: "st0", d: "M484.7,144.5v75.1h-10.4v-72.8L484.7,144.5z" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M494.5,193c0-3.8,0.7-7.4,2.1-10.8c1.4-3.4,3.4-6.3,5.9-8.7c2.5-2.5,5.4-4.4,8.8-5.8c3.4-1.4,7-2.1,10.8-2.1\n			c3.8,0,7.4,0.7,10.8,2.1c3.4,1.4,6.3,3.4,8.7,5.8c2.5,2.5,4.4,5.4,5.8,8.7c1.4,3.4,2.1,7,2.1,10.8c0,3.9-0.7,7.5-2.1,10.9\n			c-1.4,3.4-3.4,6.3-5.8,8.7c-2.5,2.5-5.4,4.4-8.7,5.8c-3.4,1.4-7,2.1-10.8,2.1c-3.8,0-7.4-0.7-10.8-2.1c-3.4-1.4-6.3-3.4-8.8-5.8\n			c-2.5-2.5-4.5-5.4-5.9-8.7C495.2,200.5,494.5,196.9,494.5,193z M539.4,193c0-5.1-1.7-9.5-5.1-13c-3.4-3.5-7.5-5.3-12.3-5.3\n			s-8.9,1.8-12.3,5.3c-3.4,3.5-5.1,7.9-5.1,13c0,5.1,1.7,9.5,5,13.1c3.4,3.6,7.5,5.4,12.3,5.4c4.8,0,8.9-1.8,12.3-5.4\n			C537.7,202.5,539.4,198.2,539.4,193z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M559.3,241.1v-74.5h10.3v5c2.2-1.9,4.7-3.3,7.5-4.3c2.8-1,5.7-1.5,8.7-1.5c3.7,0,7.2,0.7,10.5,2.1\n			c3.3,1.4,6.1,3.4,8.5,5.8c2.4,2.5,4.3,5.4,5.7,8.7c1.4,3.3,2.1,6.9,2.1,10.6c0,3.8-0.7,7.4-2.1,10.7c-1.4,3.3-3.3,6.2-5.7,8.7\n			c-2.4,2.5-5.3,4.4-8.6,5.8c-3.3,1.4-6.9,2.1-10.7,2.1c-3,0-5.8-0.5-8.5-1.4c-2.7-0.9-5.1-2.2-7.3-3.8v25.9H559.3z M584.3,174.8\n			c-3.1,0-5.8,0.6-8.3,1.7c-2.5,1.1-4.6,2.6-6.3,4.6v24.1c1.7,1.9,3.8,3.4,6.3,4.5c2.6,1.1,5.3,1.7,8.3,1.7c5.1,0,9.4-1.8,12.8-5.3\n			c3.4-3.5,5.1-7.8,5.1-12.9c0-5.2-1.8-9.6-5.3-13.1C593.6,176.6,589.3,174.8,584.3,174.8z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M620,193c0-3.7,0.7-7.3,2-10.6c1.4-3.3,3.2-6.2,5.6-8.7c2.4-2.5,5.2-4.4,8.4-5.8c3.2-1.4,6.7-2.1,10.5-2.1\n			c3.6,0,7,0.7,10.1,2.1c3.2,1.4,5.9,3.4,8.1,5.8c2.3,2.5,4,5.4,5.4,8.8c1.3,3.4,2,7,2,10.9v3h-41.8c0.7,4.4,2.7,8,6,10.9\n			c3.3,2.9,7.3,4.3,11.9,4.3c2.6,0,5-0.4,7.4-1.2c2.4-0.8,4.4-2,6-3.4l6.7,6.6c-3.1,2.4-6.3,4.2-9.6,5.3c-3.3,1.1-6.9,1.7-10.9,1.7\n			c-3.9,0-7.5-0.7-10.9-2.1c-3.4-1.4-6.3-3.3-8.8-5.8c-2.5-2.4-4.5-5.3-5.9-8.7C620.7,200.5,620,196.9,620,193z M646.3,174.5\n			c-4,0-7.5,1.3-10.4,4c-2.9,2.6-4.8,6-5.5,10.2h31.4c-0.7-4-2.5-7.4-5.4-10.1C653.5,175.9,650.1,174.5,646.3,174.5z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M681.9,219.5v-52.9h10.4v6.6c1.7-2.6,3.9-4.6,6.4-5.8c2.6-1.2,5.2-1.9,8-1.9c1.2,0,2.2,0.1,3.1,0.2\n			c0.9,0.1,1.6,0.3,2.3,0.6v9.4c-0.8-0.3-1.8-0.5-2.9-0.8c-1.1-0.2-2.2-0.4-3.3-0.4c-2.8,0-5.4,0.7-7.8,2.2\n			c-2.4,1.5-4.4,3.9-5.8,7.3v35.5H681.9z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M743.7,219.5v-72.8h10.9v31.2h38.7v-31.2h10.9v72.8h-10.9v-31.7h-38.7v31.7H743.7z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M828,166.6v31.5c0,4.1,1.2,7.3,3.5,9.8c2.4,2.4,5.6,3.6,9.7,3.6c2.8,0,5.3-0.6,7.5-1.8\n			c2.2-1.2,4.1-2.9,5.5-5.1v-38.1h10.4v52.9h-10.4v-5.3c-2.1,2.1-4.5,3.7-7.1,4.7c-2.7,1.1-5.6,1.6-8.8,1.6c-6,0-11-1.9-14.8-5.8\n			c-3.8-3.9-5.8-8.8-5.8-14.9v-33.3H828z"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M929.9,193c0,3.8-0.7,7.4-2.1,10.7c-1.4,3.3-3.3,6.2-5.7,8.7c-2.4,2.5-5.3,4.4-8.6,5.8\n			c-3.3,1.4-6.9,2.1-10.7,2.1c-3,0-5.8-0.5-8.5-1.4s-5.2-2.2-7.4-4v4.5h-10.3v-72.8l10.4-2.3v27c2.2-1.9,4.7-3.3,7.4-4.3\n			c2.7-1,5.6-1.5,8.7-1.5c3.7,0,7.2,0.7,10.5,2.1c3.3,1.4,6.1,3.4,8.5,5.8c2.4,2.5,4.3,5.4,5.7,8.7\n			C929.2,185.7,929.9,189.3,929.9,193z M901.7,174.8c-3.1,0-5.8,0.6-8.3,1.7c-2.5,1.1-4.6,2.6-6.3,4.6v24.1c1.7,1.9,3.8,3.4,6.3,4.5\n			c2.6,1.1,5.3,1.7,8.3,1.7c5.1,0,9.4-1.8,12.8-5.3c3.4-3.5,5.1-7.8,5.1-12.9c0-5.2-1.8-9.6-5.3-13.1\n			C911,176.6,906.7,174.8,901.7,174.8z"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("g", { children: [
+          /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M129,85c12.5,0,30.6-2.6,30.6-17.5c0-1.2,0-2.3-0.3-3.4l-7.4-32.4c-1.7-7.1-3.2-10.3-15.7-16.6\n				C126.4,10.2,105.3,2,99,2c-5.8,0-7.5,7.5-14.4,7.5c-6.7,0-11.6-5.6-17.9-5.6c-6,0-9.9,4.1-12.9,12.5c0,0-8.4,23.7-9.5,27.2\n				C44,44.3,44,45,44,45.5C44,54.8,80.3,85,129,85 M161.5,73.6c1.7,8.2,1.7,9.1,1.7,10.1c0,14-15.7,21.8-36.4,21.8\n				C80,105.5,39.1,78.1,39.1,60c0-2.8,0.6-5.4,1.5-7.3C23.8,53.5,2,56.5,2,75.7C2,107.2,76.6,146,135.7,146\n				c45.3,0,56.7-20.5,56.7-36.6C192.3,96.6,181.4,82.2,161.5,73.6"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "st0",
+              d: "M581.2,94.3c0,11.9,7.2,17.7,20.2,17.7c3.2,0,8.6-0.7,11.9-1.7V96.5c-2.8,0.8-4.9,1.2-7.7,1.2\n			c-5.4,0-7.4-1.7-7.4-6.7V69.8h15.6V55.6h-15.6v-18l-17,3.7v14.3H570v14.2h11.3V94.3z M528.3,94.6c0-3.7,3.7-5.5,9.3-5.5\n			c3.7,0,7,0.5,10.1,1.3v7.2c-3.2,1.8-6.8,2.6-10.6,2.6C531.6,100.2,528.3,98.1,528.3,94.6 M533.5,112.2c6,0,10.8-1.3,15.4-4.3v3.4\n			h16.8V75.6c0-13.6-9.1-21-24.4-21c-8.5,0-16.9,2-26,6.1l6.1,12.5c6.5-2.7,12-4.4,16.8-4.4c7,0,10.6,2.7,10.6,8.3v2.7\n			c-4-1.1-8.2-1.6-12.6-1.6c-14.3,0-22.9,6-22.9,16.7C513.3,104.7,521.1,112.2,533.5,112.2 M441.1,111.2h18.1V82.4h30.3v28.8h18.1\n			V37.6h-18.1v28.3h-30.3V37.6h-18.1V111.2z M372.1,83.4c0-8,6.3-14.1,14.6-14.1c4.6,0,8.8,1.6,11.8,4.3V93c-3,2.9-7,4.4-11.8,4.4\n			C378.5,97.5,372.1,91.4,372.1,83.4 M398.7,111.2h16.8V33.9l-17,3.7v20.9c-4.2-2.4-9-3.7-14.2-3.7c-16.2,0-28.9,12.5-28.9,28.5\n			c0,16,12.5,28.6,28.4,28.6c5.5,0,10.6-1.7,14.9-4.8V111.2z M321.5,68.5c5.4,0,9.9,3.5,11.7,8.8H310\n			C311.7,71.8,315.9,68.5,321.5,68.5 M292.8,83.5c0,16.2,13.3,28.8,30.3,28.8c9.4,0,16.2-2.5,23.2-8.4l-11.3-10\n			c-2.6,2.7-6.5,4.2-11.1,4.2c-6.3,0-11.5-3.5-13.7-8.8h39.6V85c0-17.7-11.9-30.4-28.1-30.4C305.6,54.7,292.8,67.3,292.8,83.5\n			 M263.5,53.1c6,0,9.4,3.8,9.4,8.3s-3.4,8.3-9.4,8.3h-17.9V53.1H263.5z M227.5,111.2h18.1V84.4h13.8l13.9,26.8h20.2l-16.2-29.4\n			c8.7-3.8,13.9-11.7,13.9-20.7c0-13.3-10.4-23.5-26-23.5h-37.7V111.2z"
+            }
+          )
+        ] })
+      ] })
+    ]
+  }
+);
+const DefaultLogo = () => {
+  const theme = useTheme();
+  const isDarkMode = theme.palette.mode === "dark";
+  return isDarkMode ? /* @__PURE__ */ jsx(DarkThemeLogoSVG, {}) : /* @__PURE__ */ jsx(LightThemeLogoSVG, {});
+};
+
+export { DefaultLogo as default };
+//# sourceMappingURL=DefaultLogo.esm.js.map

package/dist/components/CompanyLogo/DefaultLogo.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultLogo.esm.js","sources":["../../../src/components/CompanyLogo/DefaultLogo.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useTheme } from '@mui/material/styles';\n\nconst LightThemeLogoSVG = () => (\n  <svg\n    version=\"1.1\"\n    id=\"Logos\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    x=\"0px\"\n    y=\"0px\"\n    viewBox=\"0 0 931.8 244\"\n    enableBackground=\"new 0 0 931.8 244\"\n    xmlSpace=\"preserve\"\n    height={40}\n    width={150}\n  >\n    <style type=\"text/css\">\n      {`\n\t.st0{fill:#FFFFFF;}\n\t.st1{fill:#EE0000;}\n  `}\n    </style>\n    <g>\n      <g>\n        <path\n          d=\"M228.7,219.5v-72.8h25.7c5.5,0,10.7,0.9,15.4,2.8c4.7,1.9,8.8,4.4,12.2,7.7c3.4,3.3,6,7.1,8,11.6\n\t\t\tc1.9,4.5,2.9,9.3,2.9,14.4c0,5.1-1,9.9-2.9,14.4c-1.9,4.4-4.6,8.3-8,11.5c-3.4,3.2-7.5,5.8-12.2,7.6c-4.7,1.9-9.8,2.8-15.4,2.8\n\t\t\tH228.7z M254.5,156.5h-15v53.2h15c3.8,0,7.4-0.7,10.7-2c3.3-1.4,6.1-3.2,8.5-5.6c2.4-2.4,4.3-5.2,5.7-8.4\n\t\t\tc1.4-3.2,2.1-6.7,2.1-10.5s-0.7-7.2-2.1-10.5c-1.4-3.3-3.3-6.1-5.7-8.5c-2.4-2.4-5.2-4.3-8.5-5.7\n\t\t\tC261.9,157.2,258.4,156.5,254.5,156.5z\"\n        />\n        <path\n          d=\"M300.7,193c0-3.7,0.7-7.3,2-10.6c1.4-3.3,3.2-6.2,5.6-8.7c2.4-2.5,5.2-4.4,8.4-5.8c3.2-1.4,6.7-2.1,10.5-2.1\n\t\t\tc3.6,0,7,0.7,10.1,2.1c3.2,1.4,5.9,3.4,8.1,5.8c2.3,2.5,4,5.4,5.4,8.8c1.3,3.4,2,7,2,10.9v3H311c0.7,4.4,2.7,8,6,10.9\n\t\t\tc3.3,2.9,7.3,4.3,11.9,4.3c2.6,0,5-0.4,7.4-1.2c2.4-0.8,4.4-2,6-3.4l6.7,6.6c-3.1,2.4-6.3,4.2-9.6,5.3c-3.3,1.1-6.9,1.7-10.9,1.7\n\t\t\tc-3.9,0-7.5-0.7-10.9-2.1c-3.4-1.4-6.3-3.3-8.8-5.8c-2.5-2.4-4.5-5.3-5.9-8.7C301.4,200.5,300.7,196.9,300.7,193z M327,174.5\n\t\t\tc-4,0-7.5,1.3-10.4,4c-2.9,2.6-4.8,6-5.5,10.2h31.4c-0.7-4-2.5-7.4-5.4-10.1C334.2,175.9,330.8,174.5,327,174.5z\"\n        />\n        <path d=\"M377.7,219.5l-22.9-52.9h11.4l16.5,39.6l16.5-39.6h11.1l-22.9,52.9H377.7z\" />\n        <path\n          d=\"M412.4,193c0-3.7,0.7-7.3,2-10.6c1.4-3.3,3.2-6.2,5.6-8.7c2.4-2.5,5.2-4.4,8.4-5.8c3.2-1.4,6.7-2.1,10.5-2.1\n\t\t\tc3.6,0,7,0.7,10.1,2.1c3.2,1.4,5.9,3.4,8.1,5.8c2.3,2.5,4,5.4,5.4,8.8c1.3,3.4,2,7,2,10.9v3h-41.8c0.7,4.4,2.7,8,6,10.9\n\t\t\tc3.3,2.9,7.3,4.3,11.9,4.3c2.6,0,5-0.4,7.4-1.2c2.4-0.8,4.4-2,6-3.4l6.7,6.6c-3.1,2.4-6.3,4.2-9.6,5.3c-3.3,1.1-6.9,1.7-10.9,1.7\n\t\t\tc-3.9,0-7.5-0.7-10.9-2.1c-3.4-1.4-6.3-3.3-8.8-5.8c-2.5-2.4-4.5-5.3-5.9-8.7C413.1,200.5,412.4,196.9,412.4,193z M438.7,174.5\n\t\t\tc-4,0-7.5,1.3-10.4,4c-2.9,2.6-4.8,6-5.5,10.2h31.4c-0.7-4-2.5-7.4-5.4-10.1C445.9,175.9,442.5,174.5,438.7,174.5z\"\n        />\n        <path d=\"M484.7,144.5v75.1h-10.4v-72.8L484.7,144.5z\" />\n        <path\n          d=\"M494.5,193c0-3.8,0.7-7.4,2.1-10.8c1.4-3.4,3.4-6.3,5.9-8.7c2.5-2.5,5.4-4.4,8.8-5.8c3.4-1.4,7-2.1,10.8-2.1\n\t\t\tc3.8,0,7.4,0.7,10.8,2.1c3.4,1.4,6.3,3.4,8.7,5.8c2.5,2.5,4.4,5.4,5.8,8.7c1.4,3.4,2.1,7,2.1,10.8c0,3.9-0.7,7.5-2.1,10.9\n\t\t\tc-1.4,3.4-3.4,6.3-5.8,8.7c-2.5,2.5-5.4,4.4-8.7,5.8c-3.4,1.4-7,2.1-10.8,2.1c-3.8,0-7.4-0.7-10.8-2.1c-3.4-1.4-6.3-3.4-8.8-5.8\n\t\t\tc-2.5-2.5-4.5-5.4-5.9-8.7C495.2,200.5,494.5,196.9,494.5,193z M539.4,193c0-5.1-1.7-9.5-5.1-13c-3.4-3.5-7.5-5.3-12.3-5.3\n\t\t\ts-8.9,1.8-12.3,5.3c-3.4,3.5-5.1,7.9-5.1,13c0,5.1,1.7,9.5,5,13.1c3.4,3.6,7.5,5.4,12.3,5.4c4.8,0,8.9-1.8,12.3-5.4\n\t\t\tC537.7,202.5,539.4,198.2,539.4,193z\"\n        />\n        <path\n          d=\"M559.3,241.1v-74.5h10.3v5c2.2-1.9,4.7-3.3,7.5-4.3c2.8-1,5.7-1.5,8.7-1.5c3.7,0,7.2,0.7,10.5,2.1\n\t\t\tc3.3,1.4,6.1,3.4,8.5,5.8c2.4,2.5,4.3,5.4,5.7,8.7c1.4,3.3,2.1,6.9,2.1,10.6c0,3.8-0.7,7.4-2.1,10.7c-1.4,3.3-3.3,6.2-5.7,8.7\n\t\t\tc-2.4,2.5-5.3,4.4-8.6,5.8c-3.3,1.4-6.9,2.1-10.7,2.1c-3,0-5.8-0.5-8.5-1.4c-2.7-0.9-5.1-2.2-7.3-3.8v25.9H559.3z M584.3,174.8\n\t\t\tc-3.1,0-5.8,0.6-8.3,1.7c-2.5,1.1-4.6,2.6-6.3,4.6v24.1c1.7,1.9,3.8,3.4,6.3,4.5c2.6,1.1,5.3,1.7,8.3,1.7c5.1,0,9.4-1.8,12.8-5.3\n\t\t\tc3.4-3.5,5.1-7.8,5.1-12.9c0-5.2-1.8-9.6-5.3-13.1C593.6,176.6,589.3,174.8,584.3,174.8z\"\n        />\n        <path\n          d=\"M620,193c0-3.7,0.7-7.3,2-10.6c1.4-3.3,3.2-6.2,5.6-8.7c2.4-2.5,5.2-4.4,8.4-5.8c3.2-1.4,6.7-2.1,10.5-2.1\n\t\t\tc3.6,0,7,0.7,10.1,2.1c3.2,1.4,5.9,3.4,8.1,5.8c2.3,2.5,4,5.4,5.4,8.8c1.3,3.4,2,7,2,10.9v3h-41.8c0.7,4.4,2.7,8,6,10.9\n\t\t\tc3.3,2.9,7.3,4.3,11.9,4.3c2.6,0,5-0.4,7.4-1.2c2.4-0.8,4.4-2,6-3.4l6.7,6.6c-3.1,2.4-6.3,4.2-9.6,5.3c-3.3,1.1-6.9,1.7-10.9,1.7\n\t\t\tc-3.9,0-7.5-0.7-10.9-2.1c-3.4-1.4-6.3-3.3-8.8-5.8c-2.5-2.4-4.5-5.3-5.9-8.7C620.7,200.5,620,196.9,620,193z M646.3,174.5\n\t\t\tc-4,0-7.5,1.3-10.4,4c-2.9,2.6-4.8,6-5.5,10.2h31.4c-0.7-4-2.5-7.4-5.4-10.1C653.5,175.9,650.1,174.5,646.3,174.5z\"\n        />\n        <path\n          d=\"M681.9,219.5v-52.9h10.4v6.6c1.7-2.6,3.9-4.6,6.4-5.8c2.6-1.2,5.2-1.9,8-1.9c1.2,0,2.2,0.1,3.1,0.2\n\t\t\tc0.9,0.1,1.6,0.3,2.3,0.6v9.4c-0.8-0.3-1.8-0.5-2.9-0.8c-1.1-0.2-2.2-0.4-3.3-0.4c-2.8,0-5.4,0.7-7.8,2.2\n\t\t\tc-2.4,1.5-4.4,3.9-5.8,7.3v35.5H681.9z\"\n        />\n        <path d=\"M743.7,219.5v-72.8h10.9v31.2h38.7v-31.2h10.9v72.8h-10.9v-31.7h-38.7v31.7H743.7z\" />\n        <path\n          d=\"M828,166.6v31.5c0,4.1,1.2,7.3,3.5,9.8c2.4,2.4,5.6,3.6,9.7,3.6c2.8,0,5.3-0.6,7.5-1.8c2.2-1.2,4.1-2.9,5.5-5.1v-38.1\n\t\t\th10.4v52.9h-10.4v-5.3c-2.1,2.1-4.5,3.7-7.1,4.7c-2.7,1.1-5.6,1.6-8.8,1.6c-6,0-11-1.9-14.8-5.8c-3.8-3.9-5.8-8.8-5.8-14.9v-33.3\n\t\t\tH828z\"\n        />\n        <path\n          d=\"M929.9,193c0,3.8-0.7,7.4-2.1,10.7c-1.4,3.3-3.3,6.2-5.7,8.7c-2.4,2.5-5.3,4.4-8.6,5.8c-3.3,1.4-6.9,2.1-10.7,2.1\n\t\t\tc-3,0-5.8-0.5-8.5-1.4s-5.2-2.2-7.4-4v4.5h-10.3v-72.8l10.4-2.3v27c2.2-1.9,4.7-3.3,7.4-4.3c2.7-1,5.6-1.5,8.7-1.5\n\t\t\tc3.7,0,7.2,0.7,10.5,2.1c3.3,1.4,6.1,3.4,8.5,5.8c2.4,2.5,4.3,5.4,5.7,8.7C929.2,185.7,929.9,189.3,929.9,193z M901.7,174.8\n\t\t\tc-3.1,0-5.8,0.6-8.3,1.7c-2.5,1.1-4.6,2.6-6.3,4.6v24.1c1.7,1.9,3.8,3.4,6.3,4.5c2.6,1.1,5.3,1.7,8.3,1.7c5.1,0,9.4-1.8,12.8-5.3\n\t\t\tc3.4-3.5,5.1-7.8,5.1-12.9c0-5.2-1.8-9.6-5.3-13.1C911,176.6,906.7,174.8,901.7,174.8z\"\n        />\n      </g>\n      <g>\n        <g>\n          <path\n            className=\"st1\"\n            d=\"M129,85c12.5,0,30.6-2.6,30.6-17.5c0-1.2,0-2.3-0.3-3.4l-7.4-32.4c-1.7-7.1-3.2-10.3-15.7-16.6\n\t\t\t\tC126.4,10.2,105.3,2,99,2c-5.8,0-7.5,7.5-14.4,7.5c-6.7,0-11.6-5.6-17.9-5.6c-6,0-9.9,4.1-12.9,12.5c0,0-8.4,23.7-9.5,27.2\n\t\t\t\tC44,44.3,44,45,44,45.5C44,54.8,80.3,85,129,85 M161.5,73.6c1.7,8.2,1.7,9.1,1.7,10.1c0,14-15.7,21.8-36.4,21.8\n\t\t\t\tC80,105.5,39.1,78.1,39.1,60c0-2.8,0.6-5.4,1.5-7.3C23.8,53.5,2,56.5,2,75.7C2,107.2,76.6,146,135.7,146\n\t\t\t\tc45.3,0,56.7-20.5,56.7-36.6C192.3,96.6,181.4,82.2,161.5,73.6\"\n          />\n          <path\n            d=\"M161.5,73.6c1.7,8.2,1.7,9.1,1.7,10.1c0,14-15.7,21.8-36.4,21.8C80,105.5,39.1,78.1,39.1,60c0-2.8,0.6-5.4,1.5-7.3\n\t\t\t\tl3.7-9.1C44,44.3,44,45,44,45.5C44,54.8,80.3,85,129,85c12.5,0,30.6-2.6,30.6-17.5c0-1.2,0-2.3-0.3-3.4L161.5,73.6z\"\n          />\n        </g>\n        <path\n          d=\"M581.2,94.3c0,11.9,7.2,17.7,20.2,17.7c3.2,0,8.6-0.7,11.9-1.7V96.5c-2.8,0.8-4.9,1.2-7.7,1.2c-5.4,0-7.4-1.7-7.4-6.7\n\t\t\tV69.8h15.6V55.6h-15.6v-18l-17,3.7v14.3H570v14.2h11.3V94.3z M528.3,94.6c0-3.7,3.7-5.5,9.3-5.5c3.7,0,7,0.5,10.1,1.3v7.2\n\t\t\tc-3.2,1.8-6.8,2.6-10.6,2.6C531.6,100.2,528.3,98.1,528.3,94.6 M533.5,112.2c6,0,10.8-1.3,15.4-4.3v3.4h16.8V75.6\n\t\t\tc0-13.6-9.1-21-24.4-21c-8.5,0-16.9,2-26,6.1l6.1,12.5c6.5-2.7,12-4.4,16.8-4.4c7,0,10.6,2.7,10.6,8.3v2.7\n\t\t\tc-4-1.1-8.2-1.6-12.6-1.6c-14.3,0-22.9,6-22.9,16.7C513.3,104.7,521.1,112.2,533.5,112.2 M441.1,111.2h18.1V82.4h30.3v28.8h18.1\n\t\t\tV37.6h-18.1v28.3h-30.3V37.6h-18.1V111.2z M372.1,83.4c0-8,6.3-14.1,14.6-14.1c4.6,0,8.8,1.6,11.8,4.3V93c-3,2.9-7,4.4-11.8,4.4\n\t\t\tC378.5,97.5,372.1,91.4,372.1,83.4 M398.7,111.2h16.8V33.9l-17,3.7v20.9c-4.2-2.4-9-3.7-14.2-3.7c-16.2,0-28.9,12.5-28.9,28.5\n\t\t\tc0,16,12.5,28.6,28.4,28.6c5.5,0,10.6-1.7,14.9-4.8V111.2z M321.5,68.5c5.4,0,9.9,3.5,11.7,8.8H310\n\t\t\tC311.7,71.8,315.9,68.5,321.5,68.5 M292.8,83.5c0,16.2,13.3,28.8,30.3,28.8c9.4,0,16.2-2.5,23.2-8.4l-11.3-10\n\t\t\tc-2.6,2.7-6.5,4.2-11.1,4.2c-6.3,0-11.5-3.5-13.7-8.8h39.6V85c0-17.7-11.9-30.4-28.1-30.4C305.6,54.7,292.8,67.3,292.8,83.5\n\t\t\t M263.5,53.1c6,0,9.4,3.8,9.4,8.3s-3.4,8.3-9.4,8.3h-17.9V53.1H263.5z M227.5,111.2h18.1V84.4h13.8l13.9,26.8h20.2l-16.2-29.4\n\t\t\tc8.7-3.8,13.9-11.7,13.9-20.7c0-13.3-10.4-23.5-26-23.5h-37.7V111.2z\"\n        />\n      </g>\n    </g>\n  </svg>\n);\nconst DarkThemeLogoSVG = () => (\n  <svg\n    version=\"1.1\"\n    id=\"Logos\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    x=\"0px\"\n    y=\"0px\"\n    viewBox=\"0 0 931.8 244\"\n    enableBackground=\"new 0 0 931.8 244\"\n    xmlSpace=\"preserve\"\n    height={40}\n    width={150}\n  >\n    <style type=\"text/css\">\n      {`\n\t.st0{fill:#FFFFFF;}\n\t.st1{fill:#EE0000;}\n  `}\n    </style>\n    <g>\n      <g>\n        <path\n          className=\"st0\"\n          d=\"M228.7,219.5v-72.8h25.7c5.5,0,10.7,0.9,15.4,2.8c4.7,1.9,8.8,4.4,12.2,7.7c3.4,3.3,6,7.1,8,11.6\n\t\t\tc1.9,4.5,2.9,9.3,2.9,14.4c0,5.1-1,9.9-2.9,14.4c-1.9,4.4-4.6,8.3-8,11.5c-3.4,3.2-7.5,5.8-12.2,7.6c-4.7,1.9-9.8,2.8-15.4,2.8\n\t\t\tH228.7z M254.5,156.5h-15v53.2h15c3.8,0,7.4-0.7,10.7-2c3.3-1.4,6.1-3.2,8.5-5.6c2.4-2.4,4.3-5.2,5.7-8.4\n\t\t\tc1.4-3.2,2.1-6.7,2.1-10.5s-0.7-7.2-2.1-10.5c-1.4-3.3-3.3-6.1-5.7-8.5c-2.4-2.4-5.2-4.3-8.5-5.7\n\t\t\tC261.9,157.2,258.4,156.5,254.5,156.5z\"\n        />\n        <path\n          className=\"st0\"\n          d=\"M300.7,193c0-3.7,0.7-7.3,2-10.6c1.4-3.3,3.2-6.2,5.6-8.7c2.4-2.5,5.2-4.4,8.4-5.8c3.2-1.4,6.7-2.1,10.5-2.1\n\t\t\tc3.6,0,7,0.7,10.1,2.1c3.2,1.4,5.9,3.4,8.1,5.8c2.3,2.5,4,5.4,5.4,8.8c1.3,3.4,2,7,2,10.9v3H311c0.7,4.4,2.7,8,6,10.9\n\t\t\tc3.3,2.9,7.3,4.3,11.9,4.3c2.6,0,5-0.4,7.4-1.2c2.4-0.8,4.4-2,6-3.4l6.7,6.6c-3.1,2.4-6.3,4.2-9.6,5.3c-3.3,1.1-6.9,1.7-10.9,1.7\n\t\t\tc-3.9,0-7.5-0.7-10.9-2.1c-3.4-1.4-6.3-3.3-8.8-5.8c-2.5-2.4-4.5-5.3-5.9-8.7C301.4,200.5,300.7,196.9,300.7,193z M327,174.5\n\t\t\tc-4,0-7.5,1.3-10.4,4c-2.9,2.6-4.8,6-5.5,10.2h31.4c-0.7-4-2.5-7.4-5.4-10.1C334.2,175.9,330.8,174.5,327,174.5z\"\n        />\n        <path\n          className=\"st0\"\n          d=\"M377.7,219.5l-22.9-52.9h11.4l16.5,39.6l16.5-39.6h11.1l-22.9,52.9H377.7z\"\n        />\n        <path\n          className=\"st0\"\n          d=\"M412.4,193c0-3.7,0.7-7.3,2-10.6c1.4-3.3,3.2-6.2,5.6-8.7c2.4-2.5,5.2-4.4,8.4-5.8c3.2-1.4,6.7-2.1,10.5-2.1\n\t\t\tc3.6,0,7,0.7,10.1,2.1c3.2,1.4,5.9,3.4,8.1,5.8c2.3,2.5,4,5.4,5.4,8.8c1.3,3.4,2,7,2,10.9v3h-41.8c0.7,4.4,2.7,8,6,10.9\n\t\t\tc3.3,2.9,7.3,4.3,11.9,4.3c2.6,0,5-0.4,7.4-1.2c2.4-0.8,4.4-2,6-3.4l6.7,6.6c-3.1,2.4-6.3,4.2-9.6,5.3c-3.3,1.1-6.9,1.7-10.9,1.7\n\t\t\tc-3.9,0-7.5-0.7-10.9-2.1c-3.4-1.4-6.3-3.3-8.8-5.8c-2.5-2.4-4.5-5.3-5.9-8.7C413.1,200.5,412.4,196.9,412.4,193z M438.7,174.5\n\t\t\tc-4,0-7.5,1.3-10.4,4c-2.9,2.6-4.8,6-5.5,10.2h31.4c-0.7-4-2.5-7.4-5.4-10.1C445.9,175.9,442.5,174.5,438.7,174.5z\"\n        />\n        <path className=\"st0\" d=\"M484.7,144.5v75.1h-10.4v-72.8L484.7,144.5z\" />\n        <path\n          className=\"st0\"\n          d=\"M494.5,193c0-3.8,0.7-7.4,2.1-10.8c1.4-3.4,3.4-6.3,5.9-8.7c2.5-2.5,5.4-4.4,8.8-5.8c3.4-1.4,7-2.1,10.8-2.1\n\t\t\tc3.8,0,7.4,0.7,10.8,2.1c3.4,1.4,6.3,3.4,8.7,5.8c2.5,2.5,4.4,5.4,5.8,8.7c1.4,3.4,2.1,7,2.1,10.8c0,3.9-0.7,7.5-2.1,10.9\n\t\t\tc-1.4,3.4-3.4,6.3-5.8,8.7c-2.5,2.5-5.4,4.4-8.7,5.8c-3.4,1.4-7,2.1-10.8,2.1c-3.8,0-7.4-0.7-10.8-2.1c-3.4-1.4-6.3-3.4-8.8-5.8\n\t\t\tc-2.5-2.5-4.5-5.4-5.9-8.7C495.2,200.5,494.5,196.9,494.5,193z M539.4,193c0-5.1-1.7-9.5-5.1-13c-3.4-3.5-7.5-5.3-12.3-5.3\n\t\t\ts-8.9,1.8-12.3,5.3c-3.4,3.5-5.1,7.9-5.1,13c0,5.1,1.7,9.5,5,13.1c3.4,3.6,7.5,5.4,12.3,5.4c4.8,0,8.9-1.8,12.3-5.4\n\t\t\tC537.7,202.5,539.4,198.2,539.4,193z\"\n        />\n        <path\n          className=\"st0\"\n          d=\"M559.3,241.1v-74.5h10.3v5c2.2-1.9,4.7-3.3,7.5-4.3c2.8-1,5.7-1.5,8.7-1.5c3.7,0,7.2,0.7,10.5,2.1\n\t\t\tc3.3,1.4,6.1,3.4,8.5,5.8c2.4,2.5,4.3,5.4,5.7,8.7c1.4,3.3,2.1,6.9,2.1,10.6c0,3.8-0.7,7.4-2.1,10.7c-1.4,3.3-3.3,6.2-5.7,8.7\n\t\t\tc-2.4,2.5-5.3,4.4-8.6,5.8c-3.3,1.4-6.9,2.1-10.7,2.1c-3,0-5.8-0.5-8.5-1.4c-2.7-0.9-5.1-2.2-7.3-3.8v25.9H559.3z M584.3,174.8\n\t\t\tc-3.1,0-5.8,0.6-8.3,1.7c-2.5,1.1-4.6,2.6-6.3,4.6v24.1c1.7,1.9,3.8,3.4,6.3,4.5c2.6,1.1,5.3,1.7,8.3,1.7c5.1,0,9.4-1.8,12.8-5.3\n\t\t\tc3.4-3.5,5.1-7.8,5.1-12.9c0-5.2-1.8-9.6-5.3-13.1C593.6,176.6,589.3,174.8,584.3,174.8z\"\n        />\n        <path\n          className=\"st0\"\n          d=\"M620,193c0-3.7,0.7-7.3,2-10.6c1.4-3.3,3.2-6.2,5.6-8.7c2.4-2.5,5.2-4.4,8.4-5.8c3.2-1.4,6.7-2.1,10.5-2.1\n\t\t\tc3.6,0,7,0.7,10.1,2.1c3.2,1.4,5.9,3.4,8.1,5.8c2.3,2.5,4,5.4,5.4,8.8c1.3,3.4,2,7,2,10.9v3h-41.8c0.7,4.4,2.7,8,6,10.9\n\t\t\tc3.3,2.9,7.3,4.3,11.9,4.3c2.6,0,5-0.4,7.4-1.2c2.4-0.8,4.4-2,6-3.4l6.7,6.6c-3.1,2.4-6.3,4.2-9.6,5.3c-3.3,1.1-6.9,1.7-10.9,1.7\n\t\t\tc-3.9,0-7.5-0.7-10.9-2.1c-3.4-1.4-6.3-3.3-8.8-5.8c-2.5-2.4-4.5-5.3-5.9-8.7C620.7,200.5,620,196.9,620,193z M646.3,174.5\n\t\t\tc-4,0-7.5,1.3-10.4,4c-2.9,2.6-4.8,6-5.5,10.2h31.4c-0.7-4-2.5-7.4-5.4-10.1C653.5,175.9,650.1,174.5,646.3,174.5z\"\n        />\n        <path\n          className=\"st0\"\n          d=\"M681.9,219.5v-52.9h10.4v6.6c1.7-2.6,3.9-4.6,6.4-5.8c2.6-1.2,5.2-1.9,8-1.9c1.2,0,2.2,0.1,3.1,0.2\n\t\t\tc0.9,0.1,1.6,0.3,2.3,0.6v9.4c-0.8-0.3-1.8-0.5-2.9-0.8c-1.1-0.2-2.2-0.4-3.3-0.4c-2.8,0-5.4,0.7-7.8,2.2\n\t\t\tc-2.4,1.5-4.4,3.9-5.8,7.3v35.5H681.9z\"\n        />\n        <path\n          className=\"st0\"\n          d=\"M743.7,219.5v-72.8h10.9v31.2h38.7v-31.2h10.9v72.8h-10.9v-31.7h-38.7v31.7H743.7z\"\n        />\n        <path\n          className=\"st0\"\n          d=\"M828,166.6v31.5c0,4.1,1.2,7.3,3.5,9.8c2.4,2.4,5.6,3.6,9.7,3.6c2.8,0,5.3-0.6,7.5-1.8\n\t\t\tc2.2-1.2,4.1-2.9,5.5-5.1v-38.1h10.4v52.9h-10.4v-5.3c-2.1,2.1-4.5,3.7-7.1,4.7c-2.7,1.1-5.6,1.6-8.8,1.6c-6,0-11-1.9-14.8-5.8\n\t\t\tc-3.8-3.9-5.8-8.8-5.8-14.9v-33.3H828z\"\n        />\n        <path\n          className=\"st0\"\n          d=\"M929.9,193c0,3.8-0.7,7.4-2.1,10.7c-1.4,3.3-3.3,6.2-5.7,8.7c-2.4,2.5-5.3,4.4-8.6,5.8\n\t\t\tc-3.3,1.4-6.9,2.1-10.7,2.1c-3,0-5.8-0.5-8.5-1.4s-5.2-2.2-7.4-4v4.5h-10.3v-72.8l10.4-2.3v27c2.2-1.9,4.7-3.3,7.4-4.3\n\t\t\tc2.7-1,5.6-1.5,8.7-1.5c3.7,0,7.2,0.7,10.5,2.1c3.3,1.4,6.1,3.4,8.5,5.8c2.4,2.5,4.3,5.4,5.7,8.7\n\t\t\tC929.2,185.7,929.9,189.3,929.9,193z M901.7,174.8c-3.1,0-5.8,0.6-8.3,1.7c-2.5,1.1-4.6,2.6-6.3,4.6v24.1c1.7,1.9,3.8,3.4,6.3,4.5\n\t\t\tc2.6,1.1,5.3,1.7,8.3,1.7c5.1,0,9.4-1.8,12.8-5.3c3.4-3.5,5.1-7.8,5.1-12.9c0-5.2-1.8-9.6-5.3-13.1\n\t\t\tC911,176.6,906.7,174.8,901.7,174.8z\"\n        />\n      </g>\n      <g>\n        <g>\n          <path\n            className=\"st0\"\n            d=\"M129,85c12.5,0,30.6-2.6,30.6-17.5c0-1.2,0-2.3-0.3-3.4l-7.4-32.4c-1.7-7.1-3.2-10.3-15.7-16.6\n\t\t\t\tC126.4,10.2,105.3,2,99,2c-5.8,0-7.5,7.5-14.4,7.5c-6.7,0-11.6-5.6-17.9-5.6c-6,0-9.9,4.1-12.9,12.5c0,0-8.4,23.7-9.5,27.2\n\t\t\t\tC44,44.3,44,45,44,45.5C44,54.8,80.3,85,129,85 M161.5,73.6c1.7,8.2,1.7,9.1,1.7,10.1c0,14-15.7,21.8-36.4,21.8\n\t\t\t\tC80,105.5,39.1,78.1,39.1,60c0-2.8,0.6-5.4,1.5-7.3C23.8,53.5,2,56.5,2,75.7C2,107.2,76.6,146,135.7,146\n\t\t\t\tc45.3,0,56.7-20.5,56.7-36.6C192.3,96.6,181.4,82.2,161.5,73.6\"\n          />\n        </g>\n        <path\n          className=\"st0\"\n          d=\"M581.2,94.3c0,11.9,7.2,17.7,20.2,17.7c3.2,0,8.6-0.7,11.9-1.7V96.5c-2.8,0.8-4.9,1.2-7.7,1.2\n\t\t\tc-5.4,0-7.4-1.7-7.4-6.7V69.8h15.6V55.6h-15.6v-18l-17,3.7v14.3H570v14.2h11.3V94.3z M528.3,94.6c0-3.7,3.7-5.5,9.3-5.5\n\t\t\tc3.7,0,7,0.5,10.1,1.3v7.2c-3.2,1.8-6.8,2.6-10.6,2.6C531.6,100.2,528.3,98.1,528.3,94.6 M533.5,112.2c6,0,10.8-1.3,15.4-4.3v3.4\n\t\t\th16.8V75.6c0-13.6-9.1-21-24.4-21c-8.5,0-16.9,2-26,6.1l6.1,12.5c6.5-2.7,12-4.4,16.8-4.4c7,0,10.6,2.7,10.6,8.3v2.7\n\t\t\tc-4-1.1-8.2-1.6-12.6-1.6c-14.3,0-22.9,6-22.9,16.7C513.3,104.7,521.1,112.2,533.5,112.2 M441.1,111.2h18.1V82.4h30.3v28.8h18.1\n\t\t\tV37.6h-18.1v28.3h-30.3V37.6h-18.1V111.2z M372.1,83.4c0-8,6.3-14.1,14.6-14.1c4.6,0,8.8,1.6,11.8,4.3V93c-3,2.9-7,4.4-11.8,4.4\n\t\t\tC378.5,97.5,372.1,91.4,372.1,83.4 M398.7,111.2h16.8V33.9l-17,3.7v20.9c-4.2-2.4-9-3.7-14.2-3.7c-16.2,0-28.9,12.5-28.9,28.5\n\t\t\tc0,16,12.5,28.6,28.4,28.6c5.5,0,10.6-1.7,14.9-4.8V111.2z M321.5,68.5c5.4,0,9.9,3.5,11.7,8.8H310\n\t\t\tC311.7,71.8,315.9,68.5,321.5,68.5 M292.8,83.5c0,16.2,13.3,28.8,30.3,28.8c9.4,0,16.2-2.5,23.2-8.4l-11.3-10\n\t\t\tc-2.6,2.7-6.5,4.2-11.1,4.2c-6.3,0-11.5-3.5-13.7-8.8h39.6V85c0-17.7-11.9-30.4-28.1-30.4C305.6,54.7,292.8,67.3,292.8,83.5\n\t\t\t M263.5,53.1c6,0,9.4,3.8,9.4,8.3s-3.4,8.3-9.4,8.3h-17.9V53.1H263.5z M227.5,111.2h18.1V84.4h13.8l13.9,26.8h20.2l-16.2-29.4\n\t\t\tc8.7-3.8,13.9-11.7,13.9-20.7c0-13.3-10.4-23.5-26-23.5h-37.7V111.2z\"\n        />\n      </g>\n    </g>\n  </svg>\n);\nconst DefaultLogo = () => {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n  return isDarkMode ? <DarkThemeLogoSVG /> : <LightThemeLogoSVG />;\n};\n\nexport default DefaultLogo;\n"],"names":[],"mappings":"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"}

package/dist/components/Divider/Divider.esm.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Divider$1 from '@mui/material/Divider';
 
 const Divider = ({ layout }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Divider$1,
     {
       orientation: "vertical",

package/dist/components/Divider/Divider.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.esm.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 React from 'react';\n\nimport MUIDivider from '@mui/material/Divider';\n\n/**\n * @public\n */\nexport interface DividerProps {\n  layout?: React.CSSProperties;\n}\n\n/**\n * @public\n */\nexport const Divider = ({ layout }: DividerProps) => {\n  return (\n    <MUIDivider\n      orientation=\"vertical\"\n      flexItem\n      sx={{ borderColor: '#383838', marginX: 1, ...layout }}\n    />\n  );\n};\n"],"names":["MUIDivider"],"mappings":";;;AA8BO,MAAM,OAAU,GAAA,CAAC,EAAE,MAAA,EAA2B,KAAA;AACnD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,WAAY,EAAA,UAAA;AAAA,MACZ,QAAQ,EAAA,IAAA;AAAA,MACR,IAAI,EAAE,WAAA,EAAa,WAAW,OAAS,EAAA,CAAA,EAAG,GAAG,MAAO;AAAA;AAAA,GACtD;AAEJ;;;;"}
+{"version":3,"file":"Divider.esm.js","sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { CSSProperties } from 'react';\nimport MUIDivider from '@mui/material/Divider';\n\n/**\n * @public\n */\nexport interface DividerProps {\n  layout?: CSSProperties;\n}\n\n/**\n * @public\n */\nexport const Divider = ({ layout }: DividerProps) => {\n  return (\n    <MUIDivider\n      orientation=\"vertical\"\n      flexItem\n      sx={{ borderColor: '#383838', marginX: 1, ...layout }}\n    />\n  );\n};\n"],"names":["MUIDivider"],"mappings":";;;AA6BO,MAAM,OAAU,GAAA,CAAC,EAAE,MAAA,EAA2B,KAAA;AACnD,EACE,uBAAA,GAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,WAAY,EAAA,UAAA;AAAA,MACZ,QAAQ,EAAA,IAAA;AAAA,MACR,IAAI,EAAE,WAAA,EAAa,WAAW,OAAS,EAAA,CAAA,EAAG,GAAG,MAAO;AAAA;AAAA,GACtD;AAEJ;;;;"}

package/dist/components/GlobalHeader.esm.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { useGlobalHeaderMountPoints } from '../hooks/useGlobalHeaderMountPoints.esm.js';
 import { GlobalHeaderComponent } from './GlobalHeaderComponent.esm.js';
 
 const GlobalHeader = () => {
   const allGlobalHeaderMountPoints = useGlobalHeaderMountPoints();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     GlobalHeaderComponent,
     {
       globalHeaderMountPoints: allGlobalHeaderMountPoints ?? []

package/dist/components/GlobalHeader.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalHeader.esm.js","sources":["../../src/components/GlobalHeader.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 React from 'react';\nimport { useGlobalHeaderMountPoints } from '../hooks/useGlobalHeaderMountPoints';\nimport { GlobalHeaderComponent } from './GlobalHeaderComponent';\n\nexport const GlobalHeader = () => {\n  const allGlobalHeaderMountPoints = useGlobalHeaderMountPoints();\n\n  return (\n    <GlobalHeaderComponent\n      globalHeaderMountPoints={allGlobalHeaderMountPoints ?? []}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAoBO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,6BAA6B,0BAA2B,EAAA;AAE9D,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,uBAAA,EAAyB,8BAA8B;AAAC;AAAA,GAC1D;AAEJ;;;;"}
+{"version":3,"file":"GlobalHeader.esm.js","sources":["../../src/components/GlobalHeader.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useGlobalHeaderMountPoints } from '../hooks/useGlobalHeaderMountPoints';\nimport { GlobalHeaderComponent } from './GlobalHeaderComponent';\n\nexport const GlobalHeader = () => {\n  const allGlobalHeaderMountPoints = useGlobalHeaderMountPoints();\n\n  return (\n    <GlobalHeaderComponent\n      globalHeaderMountPoints={allGlobalHeaderMountPoints ?? []}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAmBO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,6BAA6B,0BAA2B,EAAA;AAE9D,EACE,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,uBAAA,EAAyB,8BAA8B;AAAC;AAAA,GAC1D;AAEJ;;;;"}

package/dist/components/GlobalHeaderComponent.esm.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
 import { ErrorBoundary } from '@backstage/core-components';
 import AppBar from '@mui/material/AppBar';
 import Toolbar from '@mui/material/Toolbar';
@@ -13,22 +14,22 @@ const GlobalHeaderComponent = ({
     const filteredAndSorted = globalHeaderMountPoints.filter((component) => (component.config?.priority ?? 0) > -1).sort((a, b) => (b.config?.priority ?? 0) - (a.config?.priority ?? 0));
     return filteredAndSorted;
   }, [globalHeaderMountPoints]);
-  return /* @__PURE__ */ React.createElement(AppBar, { position: "sticky", component: "nav", id: "global-header" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(AppBar, { position: "sticky", component: "nav", id: "global-header", children: /* @__PURE__ */ jsx(
     Toolbar,
     {
       sx: {
         gap: 1,
         color: (theme) => theme.rhdh?.general.appBarForegroundColor ?? theme.palette.text.primary
-      }
-    },
-    mountPoints.map((mountPoint, index) => /* @__PURE__ */ React.createElement(ErrorBoundary, { key: `header-component-${index}` }, /* @__PURE__ */ React.createElement(
-      mountPoint.Component,
-      {
-        ...mountPoint.config?.props,
-        layout: mountPoint.config?.layout
-      }
-    )))
-  ));
+      },
+      children: mountPoints.map((mountPoint, index) => /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(
+        mountPoint.Component,
+        {
+          ...mountPoint.config?.props,
+          layout: mountPoint.config?.layout
+        }
+      ) }, `header-component-${index}`))
+    }
+  ) });
 };
 
 export { GlobalHeaderComponent };

package/dist/components/GlobalHeaderComponent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalHeaderComponent.esm.js","sources":["../../src/components/GlobalHeaderComponent.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 React, { useMemo } from 'react';\n\nimport { ErrorBoundary } from '@backstage/core-components';\n\nimport AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\n\nimport { GlobalHeaderComponentMountPoint } from '../types';\n\n/**\n * Global Header Component properties\n * @public\n */\nexport interface GlobalHeaderComponentProps {\n  globalHeaderMountPoints: GlobalHeaderComponentMountPoint[];\n}\n\nexport const GlobalHeaderComponent = ({\n  globalHeaderMountPoints,\n}: GlobalHeaderComponentProps) => {\n  const mountPoints = useMemo(() => {\n    if (!globalHeaderMountPoints) {\n      return [];\n    }\n\n    const filteredAndSorted = globalHeaderMountPoints\n      .filter(component => (component.config?.priority ?? 0) > -1)\n      .sort((a, b) => (b.config?.priority ?? 0) - (a.config?.priority ?? 0));\n\n    return filteredAndSorted;\n  }, [globalHeaderMountPoints]);\n\n  return (\n    <AppBar position=\"sticky\" component=\"nav\" id=\"global-header\">\n      <Toolbar\n        sx={{\n          gap: 1,\n          color: theme =>\n            (theme as any).rhdh?.general.appBarForegroundColor ??\n            theme.palette.text.primary,\n        }}\n      >\n        {mountPoints.map((mountPoint, index) => (\n          <ErrorBoundary key={`header-component-${index}`}>\n            <mountPoint.Component\n              {...mountPoint.config?.props}\n              layout={mountPoint.config?.layout}\n            />\n          </ErrorBoundary>\n        ))}\n      </Toolbar>\n    </AppBar>\n  );\n};\n"],"names":[],"mappings":";;;;;AAiCO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,CAAkC,KAAA;AAChC,EAAM,MAAA,WAAA,GAAc,QAAQ,MAAM;AAChC,IAAA,IAAI,CAAC,uBAAyB,EAAA;AAC5B,MAAA,OAAO,EAAC;AAAA;AAGV,IAAM,MAAA,iBAAA,GAAoB,wBACvB,MAAO,CAAA,CAAA,SAAA,KAAA,CAAc,UAAU,MAAQ,EAAA,QAAA,IAAY,KAAK,CAAE,CAAA,CAAA,CAC1D,KAAK,CAAC,CAAA,EAAG,OAAO,CAAE,CAAA,MAAA,EAAQ,YAAY,CAAM,KAAA,CAAA,CAAE,MAAQ,EAAA,QAAA,IAAY,CAAE,CAAA,CAAA;AAEvE,IAAO,OAAA,iBAAA;AAAA,GACT,EAAG,CAAC,uBAAuB,CAAC,CAAA;AAE5B,EAAA,2CACG,MAAO,EAAA,EAAA,QAAA,EAAS,UAAS,SAAU,EAAA,KAAA,EAAM,IAAG,eAC3C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,GAAK,EAAA,CAAA;AAAA,QACL,KAAA,EAAO,WACJ,KAAc,CAAA,IAAA,EAAM,QAAQ,qBAC7B,IAAA,KAAA,CAAM,QAAQ,IAAK,CAAA;AAAA;AACvB,KAAA;AAAA,IAEC,WAAA,CAAY,GAAI,CAAA,CAAC,UAAY,EAAA,KAAA,yCAC3B,aAAc,EAAA,EAAA,GAAA,EAAK,CAAoB,iBAAA,EAAA,KAAK,CAC3C,CAAA,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAW,CAAA,SAAA;AAAA,MAAX;AAAA,QACE,GAAG,WAAW,MAAQ,EAAA,KAAA;AAAA,QACvB,MAAA,EAAQ,WAAW,MAAQ,EAAA;AAAA;AAAA,KAE/B,CACD;AAAA,GAEL,CAAA;AAEJ;;;;"}
+{"version":3,"file":"GlobalHeaderComponent.esm.js","sources":["../../src/components/GlobalHeaderComponent.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useMemo } from 'react';\n\nimport { ErrorBoundary } from '@backstage/core-components';\n\nimport AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\n\nimport { GlobalHeaderComponentMountPoint } from '../types';\n\n/**\n * Global Header Component properties\n * @public\n */\nexport interface GlobalHeaderComponentProps {\n  globalHeaderMountPoints: GlobalHeaderComponentMountPoint[];\n}\n\nexport const GlobalHeaderComponent = ({\n  globalHeaderMountPoints,\n}: GlobalHeaderComponentProps) => {\n  const mountPoints = useMemo(() => {\n    if (!globalHeaderMountPoints) {\n      return [];\n    }\n\n    const filteredAndSorted = globalHeaderMountPoints\n      .filter(component => (component.config?.priority ?? 0) > -1)\n      .sort((a, b) => (b.config?.priority ?? 0) - (a.config?.priority ?? 0));\n\n    return filteredAndSorted;\n  }, [globalHeaderMountPoints]);\n\n  return (\n    <AppBar position=\"sticky\" component=\"nav\" id=\"global-header\">\n      <Toolbar\n        sx={{\n          gap: 1,\n          color: theme =>\n            (theme as any).rhdh?.general.appBarForegroundColor ??\n            theme.palette.text.primary,\n        }}\n      >\n        {mountPoints.map((mountPoint, index) => (\n          <ErrorBoundary key={`header-component-${index}`}>\n            <mountPoint.Component\n              {...mountPoint.config?.props}\n              layout={mountPoint.config?.layout}\n            />\n          </ErrorBoundary>\n        ))}\n      </Toolbar>\n    </AppBar>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAiCO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,CAAkC,KAAA;AAChC,EAAM,MAAA,WAAA,GAAc,QAAQ,MAAM;AAChC,IAAA,IAAI,CAAC,uBAAyB,EAAA;AAC5B,MAAA,OAAO,EAAC;AAAA;AAGV,IAAM,MAAA,iBAAA,GAAoB,wBACvB,MAAO,CAAA,CAAA,SAAA,KAAA,CAAc,UAAU,MAAQ,EAAA,QAAA,IAAY,KAAK,CAAE,CAAA,CAAA,CAC1D,KAAK,CAAC,CAAA,EAAG,OAAO,CAAE,CAAA,MAAA,EAAQ,YAAY,CAAM,KAAA,CAAA,CAAE,MAAQ,EAAA,QAAA,IAAY,CAAE,CAAA,CAAA;AAEvE,IAAO,OAAA,iBAAA;AAAA,GACT,EAAG,CAAC,uBAAuB,CAAC,CAAA;AAE5B,EAAA,2BACG,MAAO,EAAA,EAAA,QAAA,EAAS,UAAS,SAAU,EAAA,KAAA,EAAM,IAAG,eAC3C,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,GAAK,EAAA,CAAA;AAAA,QACL,KAAA,EAAO,WACJ,KAAc,CAAA,IAAA,EAAM,QAAQ,qBAC7B,IAAA,KAAA,CAAM,QAAQ,IAAK,CAAA;AAAA,OACvB;AAAA,MAEC,sBAAY,GAAI,CAAA,CAAC,UAAY,EAAA,KAAA,yBAC3B,aACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAW,CAAA,SAAA;AAAA,QAAX;AAAA,UACE,GAAG,WAAW,MAAQ,EAAA,KAAA;AAAA,UACvB,MAAA,EAAQ,WAAW,MAAQ,EAAA;AAAA;AAAA,OAHX,EAAA,EAAA,CAAA,iBAAA,EAAoB,KAAK,CAAA,CAK7C,CACD;AAAA;AAAA,GAEL,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/HeaderButton/HeaderButton.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { LinkButton } from '@backstage/core-components';
 import Box from '@mui/material/Box';
 import Tooltip from '@mui/material/Tooltip';
@@ -17,24 +17,24 @@ const HeaderButton = ({
   to,
   layout
 }) => {
-  const button = /* @__PURE__ */ React.createElement(
+  const button = /* @__PURE__ */ jsx(
     LinkButton,
     {
       color,
       size,
       variant,
       "aria-label": ariaLabel,
-      startIcon: startIcon ? /* @__PURE__ */ React.createElement(HeaderIcon, { icon: startIcon, size }) : null,
-      endIcon: endIcon ? /* @__PURE__ */ React.createElement(HeaderIcon, { icon: endIcon, size }) : null,
+      startIcon: startIcon ? /* @__PURE__ */ jsx(HeaderIcon, { icon: startIcon, size }) : null,
+      endIcon: endIcon ? /* @__PURE__ */ jsx(HeaderIcon, { icon: endIcon, size }) : null,
       externalLinkIcon,
-      to
-    },
-    title
+      to,
+      children: title
+    }
   );
   if (tooltip) {
-    return /* @__PURE__ */ React.createElement(Box, { sx: layout }, /* @__PURE__ */ React.createElement(Tooltip, { title: tooltip }, /* @__PURE__ */ React.createElement("div", null, button)));
+    return /* @__PURE__ */ jsx(Box, { sx: layout, children: /* @__PURE__ */ jsx(Tooltip, { title: tooltip, children: /* @__PURE__ */ jsx("div", { children: button }) }) });
   }
-  return /* @__PURE__ */ React.createElement(Box, { sx: layout }, button);
+  return /* @__PURE__ */ jsx(Box, { sx: layout, children: button });
 };
 
 export { HeaderButton };

package/dist/components/HeaderButton/HeaderButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderButton.esm.js","sources":["../../../src/components/HeaderButton/HeaderButton.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 React from 'react';\n\nimport { LinkButton } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport Tooltip from '@mui/material/Tooltip';\nimport { HeaderIcon } from '../HeaderIcon/HeaderIcon';\n\n/**\n * @public\n */\nexport interface HeaderButtonProps {\n  title: string;\n  tooltip?: string;\n  color?: 'inherit' | 'primary' | 'secondary' | 'default';\n  size?: 'small' | 'medium' | 'large';\n  variant?: 'text' | 'outlined' | 'contained';\n  ariaLabel?: string;\n  startIcon?: string;\n  endIcon?: string;\n  externalLinkIcon?: boolean;\n  to: string;\n  layout?: React.CSSProperties;\n}\n\n/**\n * @public\n */\nexport const HeaderButton = ({\n  title,\n  tooltip,\n  color = 'inherit',\n  size = 'small',\n  variant,\n  ariaLabel,\n  startIcon,\n  endIcon,\n  externalLinkIcon = true,\n  to,\n  layout,\n}: HeaderButtonProps) => {\n  const button = (\n    <LinkButton\n      color={color}\n      size={size}\n      variant={variant}\n      aria-label={ariaLabel}\n      startIcon={startIcon ? <HeaderIcon icon={startIcon} size={size} /> : null}\n      endIcon={endIcon ? <HeaderIcon icon={endIcon} size={size} /> : null}\n      externalLinkIcon={externalLinkIcon}\n      to={to}\n    >\n      {title}\n    </LinkButton>\n  );\n\n  if (tooltip) {\n    return (\n      <Box sx={layout}>\n        <Tooltip title={tooltip}>\n          <div>{button}</div>\n        </Tooltip>\n      </Box>\n    );\n  }\n\n  return <Box sx={layout}>{button}</Box>;\n};\n"],"names":[],"mappings":";;;;;;AA4CO,MAAM,eAAe,CAAC;AAAA,EAC3B,KAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,OAAA;AAAA,EACP,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,gBAAmB,GAAA,IAAA;AAAA,EACnB,EAAA;AAAA,EACA;AACF,CAAyB,KAAA;AACvB,EAAA,MAAM,MACJ,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,WAAW,SAAY,mBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,IAAM,EAAA,SAAA,EAAW,MAAY,CAAK,GAAA,IAAA;AAAA,MACrE,SAAS,OAAU,mBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,IAAM,EAAA,OAAA,EAAS,MAAY,CAAK,GAAA,IAAA;AAAA,MAC/D,gBAAA;AAAA,MACA;AAAA,KAAA;AAAA,IAEC;AAAA,GACH;AAGF,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,MAAA,EAAA,kBACN,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,OAAA,EAAA,kBACb,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAK,MAAO,CACf,CACF,CAAA;AAAA;AAIJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,MAAA,EAAA,EAAS,MAAO,CAAA;AAClC;;;;"}
+{"version":3,"file":"HeaderButton.esm.js","sources":["../../../src/components/HeaderButton/HeaderButton.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { CSSProperties } from 'react';\nimport { LinkButton } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport Tooltip from '@mui/material/Tooltip';\nimport { HeaderIcon } from '../HeaderIcon/HeaderIcon';\n\n/**\n * @public\n */\nexport interface HeaderButtonProps {\n  title: string;\n  tooltip?: string;\n  color?: 'inherit' | 'primary' | 'secondary' | 'default';\n  size?: 'small' | 'medium' | 'large';\n  variant?: 'text' | 'outlined' | 'contained';\n  ariaLabel?: string;\n  startIcon?: string;\n  endIcon?: string;\n  externalLinkIcon?: boolean;\n  to: string;\n  layout?: CSSProperties;\n}\n\n/**\n * @public\n */\nexport const HeaderButton = ({\n  title,\n  tooltip,\n  color = 'inherit',\n  size = 'small',\n  variant,\n  ariaLabel,\n  startIcon,\n  endIcon,\n  externalLinkIcon = true,\n  to,\n  layout,\n}: HeaderButtonProps) => {\n  const button = (\n    <LinkButton\n      color={color}\n      size={size}\n      variant={variant}\n      aria-label={ariaLabel}\n      startIcon={startIcon ? <HeaderIcon icon={startIcon} size={size} /> : null}\n      endIcon={endIcon ? <HeaderIcon icon={endIcon} size={size} /> : null}\n      externalLinkIcon={externalLinkIcon}\n      to={to}\n    >\n      {title}\n    </LinkButton>\n  );\n\n  if (tooltip) {\n    return (\n      <Box sx={layout}>\n        <Tooltip title={tooltip}>\n          <div>{button}</div>\n        </Tooltip>\n      </Box>\n    );\n  }\n\n  return <Box sx={layout}>{button}</Box>;\n};\n"],"names":[],"mappings":";;;;;;AA2CO,MAAM,eAAe,CAAC;AAAA,EAC3B,KAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,OAAA;AAAA,EACP,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,gBAAmB,GAAA,IAAA;AAAA,EACnB,EAAA;AAAA,EACA;AACF,CAAyB,KAAA;AACvB,EAAA,MAAM,MACJ,mBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,WAAW,SAAY,mBAAA,GAAA,CAAC,cAAW,IAAM,EAAA,SAAA,EAAW,MAAY,CAAK,GAAA,IAAA;AAAA,MACrE,SAAS,OAAU,mBAAA,GAAA,CAAC,cAAW,IAAM,EAAA,OAAA,EAAS,MAAY,CAAK,GAAA,IAAA;AAAA,MAC/D,gBAAA;AAAA,MACA,EAAA;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAGF,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBACG,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,MAAA,EACP,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,OAAA,EACd,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAK,QAAO,EAAA,MAAA,EAAA,CAAA,EACf,CACF,EAAA,CAAA;AAAA;AAIJ,EAAA,uBAAQ,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,MAAA,EAAS,QAAO,EAAA,MAAA,EAAA,CAAA;AAClC;;;;"}