@atlaskit/logo 13.14.9 → 13.15.0

package/dist/es2019/loom-logo/icon.js

@@ -0,0 +1,67 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { defaultLogoParams } from '../constants';
+import { getColorsFromAppearance } from '../utils';
+import Wrapper from '../wrapper';
+const svg = ({
+  appearance,
+  iconColor
+}) => {
+  let colors = {
+    iconColor
+  };
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance);
+  }
+  const loomIconColor = appearance === 'brand' ? '#625DF5' : colors.iconColor;
+  return `
+    <svg
+      height="33"
+      viewBox="0 0 32 33"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill="${loomIconColor}"
+        d="M29 14.5543H21.3972L27.9816 10.7528L26.5356 8.24758L19.9513 12.0491L23.7519 5.46521L21.2467 4.01838L17.446 10.6022V3H14.5539V10.6029L10.7519 4.01838L8.24743 5.46448L12.0488 12.0483L5.46441 8.24758L4.01835 10.7521L10.6027 14.5535H3V17.4458H10.602L4.01835 21.2472L5.46441 23.7524L12.0481 19.9517L8.2467 26.5355L10.7519 27.9816L14.5532 21.3971V29H17.4453V21.3978L21.246 27.9816L23.7511 26.5355L19.9498 19.951L26.5341 23.7524L27.9802 21.2472L21.3965 17.4464H28.9985V14.5543H29ZM16 19.9334C13.8193 19.9334 12.0517 18.1659 12.0517 15.9851C12.0517 13.8043 13.8193 12.0367 16 12.0367C18.1807 12.0367 19.9482 13.8043 19.9482 15.9851C19.9482 18.1659 18.1807 19.9334 16 19.9334Z"
+      />
+    </svg>
+  `;
+};
+
+/**
+ * __Loom icon__
+ *
+ * The Loom icon without an accompanying wordmark.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export const LoomIcon = ({
+  appearance,
+  label = 'Loom',
+  size = defaultLogoParams.size,
+  testId,
+  iconColor = defaultLogoParams.iconColor,
+  iconGradientStart = defaultLogoParams.iconGradientStart,
+  iconGradientStop = defaultLogoParams.iconGradientStop,
+  textColor = defaultLogoParams.textColor
+}) => {
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    label: label,
+    svg: svg({
+      appearance,
+      iconGradientStart,
+      iconGradientStop,
+      iconColor
+    }),
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/es2019/loom-logo/index.js

@@ -0,0 +1,2 @@
+export { LoomIcon } from './icon';
+export { LoomLogo } from './logo';

package/dist/es2019/loom-logo/logo.js

@@ -0,0 +1,78 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { useThemeObserver } from '@atlaskit/tokens';
+import { defaultLogoParams } from '../constants';
+import { getColorsFromAppearance } from '../utils';
+import Wrapper from '../wrapper';
+const svg = ({
+  appearance,
+  colorMode,
+  iconColor,
+  textColor
+}) => {
+  let colors = {
+    iconColor,
+    textColor
+  };
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance);
+  }
+  const loomTextColor = colorMode === 'light' && appearance === 'brand' ? '#222' : colors.textColor;
+  const loomIconColor = appearance === 'brand' ? '#625DF5' : colors.iconColor;
+  return `
+    <svg
+      fill="none"
+      height="32"
+      viewBox="0 0 87 32"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        clip-rule="evenodd"
+        d="m33.0381 6.48975v19.01995h3.492v-19.01995zm36.8275 6.09465h-3.3347v12.9261h3.4912v-7.5659c0-1.4189.893-2.5487 2.4162-2.5487 1.5762 0 2.285 1.0505 2.285 2.4431v7.6715h3.465v-7.5659c0-1.3927.8929-2.5487 2.3899-2.5487 1.6017 0 2.285 1.0505 2.285 2.4431v7.6707h3.3871v-8.3806c0-3.4672-2.2843-4.9123-4.6734-4.9123-1.7067 0-3.0732.5772-4.0966 2.1541-.6563-1.3919-2.0737-2.1541-3.8337-2.1541-1.4174 0-3.0723.6836-3.781 1.9445zm-25.4441 13.2997c-3.9339 0-6.7826-2.9178-6.7826-6.8368 0-3.8565 2.8395-6.8437 6.7826-6.8437 3.9623 0 6.7827 3.0149 6.7827 6.8437 0 3.8905-2.8504 6.8368-6.7827 6.8368zm0-10.5168c-2.029 0-3.6794 1.6507-3.6794 3.6808 0 2.03 1.6504 3.6808 3.6794 3.6808s3.6786-1.6508 3.6786-3.6808c0-2.0301-1.6496-3.6808-3.6786-3.6808zm7.4592 3.68c0 3.919 2.8487 6.8368 6.7827 6.8368 3.9307 0 6.7826-2.9463 6.7826-6.8368 0-3.8288-2.8203-6.8437-6.7826-6.8437-3.9431 0-6.7827 2.9872-6.7827 6.8437zm3.0609-.0008c0-2.0523 1.6696-3.7232 3.7218-3.7232 2.0513 0 3.7209 1.6709 3.7218 3.7232 0 2.0524-1.6698 3.7233-3.7218 3.7233-2.0522 0-3.7218-1.6709-3.7218-3.7233z"
+        fill="${loomTextColor}"
+        fill-rule="evenodd"
+      />
+      <path
+        d="m26 14.5543h-7.6028l6.5844-3.8015-1.446-2.50522-6.5843 3.80152 3.8006-6.58389-2.5052-1.44683-3.8007 6.58382v-7.6022h-2.8921v7.6029l-3.80205-6.58452-2.50442 1.4461 3.80136 6.58382-6.58438-3.80072-1.44606 2.50452 6.58438 3.8014h-7.60273v2.8923h7.60201l-6.58366 3.8014 1.44606 2.5052 6.58365-3.8007-3.80136 6.5838 2.50515 1.4461 3.80135-6.5845v7.6029h2.8921v-7.6022l3.8007 6.5838 2.5051-1.4461-3.8013-6.5845 6.5843 3.8014 1.4461-2.5052-6.5837-3.8008h7.602v-2.8921zm-13 5.3791c-2.1807 0-3.9483-1.7675-3.9483-3.9483s1.7676-3.9484 3.9483-3.9484 3.9482 1.7676 3.9482 3.9484-1.7675 3.9483-3.9482 3.9483z"
+        fill="${loomIconColor}"
+      />
+    </svg>
+  `;
+};
+
+/**
+ * __Loom logo__
+ *
+ * The Loom logo with both the wordmark and the icon combined.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export const LoomLogo = ({
+  appearance,
+  label = 'Loom',
+  size = defaultLogoParams.size,
+  testId,
+  iconColor = defaultLogoParams.iconColor,
+  textColor = defaultLogoParams.textColor
+}) => {
+  const {
+    colorMode
+  } = useThemeObserver();
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    label: label,
+    iconColor: iconColor,
+    size: size,
+    svg: svg({
+      appearance,
+      size,
+      colorMode,
+      iconColor,
+      textColor
+    }),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/esm/index.js

@@ -14,6 +14,7 @@ export { JiraServiceDeskIcon, JiraServiceDeskLogo, JiraServiceDeskWordmark } fro
 export { JiraServiceManagementIcon, JiraServiceManagementLogo, JiraServiceManagementWordmark } from './jira-service-management-logo';
 export { JiraSoftwareIcon, JiraSoftwareLogo, JiraSoftwareWordmark } from './jira-software-logo';
 export { JiraWorkManagementLogo, JiraWorkManagementWordmark, JiraWorkManagementIcon } from './jira-work-management-logo';
+export { LoomIcon, LoomLogo } from './loom-logo';
 export { OpsGenieIcon, OpsGenieLogo, OpsGenieWordmark, OpsgenieIcon, OpsgenieLogo, OpsgenieWordmark } from './opsgenie-logo';
 export { StatuspageIcon, StatuspageLogo, StatuspageWordmark } from './statuspage-logo';
 export { StrideIcon, StrideLogo, StrideWordmark } from './stride-logo';

package/dist/esm/loom-logo/icon.js

@@ -0,0 +1,59 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { defaultLogoParams } from '../constants';
+import { getColorsFromAppearance } from '../utils';
+import Wrapper from '../wrapper';
+var svg = function svg(_ref) {
+  var appearance = _ref.appearance,
+    iconColor = _ref.iconColor;
+  var colors = {
+    iconColor: iconColor
+  };
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance);
+  }
+  var loomIconColor = appearance === 'brand' ? '#625DF5' : colors.iconColor;
+  return "\n    <svg\n      height=\"33\"\n      viewBox=\"0 0 32 33\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill=\"".concat(loomIconColor, "\"\n        d=\"M29 14.5543H21.3972L27.9816 10.7528L26.5356 8.24758L19.9513 12.0491L23.7519 5.46521L21.2467 4.01838L17.446 10.6022V3H14.5539V10.6029L10.7519 4.01838L8.24743 5.46448L12.0488 12.0483L5.46441 8.24758L4.01835 10.7521L10.6027 14.5535H3V17.4458H10.602L4.01835 21.2472L5.46441 23.7524L12.0481 19.9517L8.2467 26.5355L10.7519 27.9816L14.5532 21.3971V29H17.4453V21.3978L21.246 27.9816L23.7511 26.5355L19.9498 19.951L26.5341 23.7524L27.9802 21.2472L21.3965 17.4464H28.9985V14.5543H29ZM16 19.9334C13.8193 19.9334 12.0517 18.1659 12.0517 15.9851C12.0517 13.8043 13.8193 12.0367 16 12.0367C18.1807 12.0367 19.9482 13.8043 19.9482 15.9851C19.9482 18.1659 18.1807 19.9334 16 19.9334Z\"\n      />\n    </svg>\n  ");
+};
+
+/**
+ * __Loom icon__
+ *
+ * The Loom icon without an accompanying wordmark.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export var LoomIcon = function LoomIcon(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Loom' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? defaultLogoParams.iconColor : _ref2$iconColor,
+    _ref2$iconGradientSta = _ref2.iconGradientStart,
+    iconGradientStart = _ref2$iconGradientSta === void 0 ? defaultLogoParams.iconGradientStart : _ref2$iconGradientSta,
+    _ref2$iconGradientSto = _ref2.iconGradientStop,
+    iconGradientStop = _ref2$iconGradientSto === void 0 ? defaultLogoParams.iconGradientStop : _ref2$iconGradientSto,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? defaultLogoParams.textColor : _ref2$textColor;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    label: label,
+    svg: svg({
+      appearance: appearance,
+      iconGradientStart: iconGradientStart,
+      iconGradientStop: iconGradientStop,
+      iconColor: iconColor
+    }),
+    iconColor: iconColor,
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    size: size,
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/esm/loom-logo/index.js

@@ -0,0 +1,2 @@
+export { LoomIcon } from './icon';
+export { LoomLogo } from './logo';

package/dist/esm/loom-logo/logo.js

@@ -0,0 +1,61 @@
+/* eslint-disable max-len */
+import React from 'react';
+import { useThemeObserver } from '@atlaskit/tokens';
+import { defaultLogoParams } from '../constants';
+import { getColorsFromAppearance } from '../utils';
+import Wrapper from '../wrapper';
+var svg = function svg(_ref) {
+  var appearance = _ref.appearance,
+    colorMode = _ref.colorMode,
+    iconColor = _ref.iconColor,
+    textColor = _ref.textColor;
+  var colors = {
+    iconColor: iconColor,
+    textColor: textColor
+  };
+  if (appearance) {
+    colors = getColorsFromAppearance(appearance);
+  }
+  var loomTextColor = colorMode === 'light' && appearance === 'brand' ? '#222' : colors.textColor;
+  var loomIconColor = appearance === 'brand' ? '#625DF5' : colors.iconColor;
+  return "\n    <svg\n      fill=\"none\"\n      height=\"32\"\n      viewBox=\"0 0 87 32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        clip-rule=\"evenodd\"\n        d=\"m33.0381 6.48975v19.01995h3.492v-19.01995zm36.8275 6.09465h-3.3347v12.9261h3.4912v-7.5659c0-1.4189.893-2.5487 2.4162-2.5487 1.5762 0 2.285 1.0505 2.285 2.4431v7.6715h3.465v-7.5659c0-1.3927.8929-2.5487 2.3899-2.5487 1.6017 0 2.285 1.0505 2.285 2.4431v7.6707h3.3871v-8.3806c0-3.4672-2.2843-4.9123-4.6734-4.9123-1.7067 0-3.0732.5772-4.0966 2.1541-.6563-1.3919-2.0737-2.1541-3.8337-2.1541-1.4174 0-3.0723.6836-3.781 1.9445zm-25.4441 13.2997c-3.9339 0-6.7826-2.9178-6.7826-6.8368 0-3.8565 2.8395-6.8437 6.7826-6.8437 3.9623 0 6.7827 3.0149 6.7827 6.8437 0 3.8905-2.8504 6.8368-6.7827 6.8368zm0-10.5168c-2.029 0-3.6794 1.6507-3.6794 3.6808 0 2.03 1.6504 3.6808 3.6794 3.6808s3.6786-1.6508 3.6786-3.6808c0-2.0301-1.6496-3.6808-3.6786-3.6808zm7.4592 3.68c0 3.919 2.8487 6.8368 6.7827 6.8368 3.9307 0 6.7826-2.9463 6.7826-6.8368 0-3.8288-2.8203-6.8437-6.7826-6.8437-3.9431 0-6.7827 2.9872-6.7827 6.8437zm3.0609-.0008c0-2.0523 1.6696-3.7232 3.7218-3.7232 2.0513 0 3.7209 1.6709 3.7218 3.7232 0 2.0524-1.6698 3.7233-3.7218 3.7233-2.0522 0-3.7218-1.6709-3.7218-3.7233z\"\n        fill=\"".concat(loomTextColor, "\"\n        fill-rule=\"evenodd\"\n      />\n      <path\n        d=\"m26 14.5543h-7.6028l6.5844-3.8015-1.446-2.50522-6.5843 3.80152 3.8006-6.58389-2.5052-1.44683-3.8007 6.58382v-7.6022h-2.8921v7.6029l-3.80205-6.58452-2.50442 1.4461 3.80136 6.58382-6.58438-3.80072-1.44606 2.50452 6.58438 3.8014h-7.60273v2.8923h7.60201l-6.58366 3.8014 1.44606 2.5052 6.58365-3.8007-3.80136 6.5838 2.50515 1.4461 3.80135-6.5845v7.6029h2.8921v-7.6022l3.8007 6.5838 2.5051-1.4461-3.8013-6.5845 6.5843 3.8014 1.4461-2.5052-6.5837-3.8008h7.602v-2.8921zm-13 5.3791c-2.1807 0-3.9483-1.7675-3.9483-3.9483s1.7676-3.9484 3.9483-3.9484 3.9482 1.7676 3.9482 3.9484-1.7675 3.9483-3.9482 3.9483z\"\n        fill=\"").concat(loomIconColor, "\"\n      />\n    </svg>\n  ");
+};
+
+/**
+ * __Loom logo__
+ *
+ * The Loom logo with both the wordmark and the icon combined.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export var LoomLogo = function LoomLogo(_ref2) {
+  var appearance = _ref2.appearance,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Loom' : _ref2$label,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? defaultLogoParams.size : _ref2$size,
+    testId = _ref2.testId,
+    _ref2$iconColor = _ref2.iconColor,
+    iconColor = _ref2$iconColor === void 0 ? defaultLogoParams.iconColor : _ref2$iconColor,
+    _ref2$textColor = _ref2.textColor,
+    textColor = _ref2$textColor === void 0 ? defaultLogoParams.textColor : _ref2$textColor;
+  var _useThemeObserver = useThemeObserver(),
+    colorMode = _useThemeObserver.colorMode;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    appearance: appearance,
+    label: label,
+    iconColor: iconColor,
+    size: size,
+    svg: svg({
+      appearance: appearance,
+      size: size,
+      colorMode: colorMode,
+      iconColor: iconColor,
+      textColor: textColor
+    }),
+    testId: testId,
+    textColor: textColor
+  });
+};

package/dist/types/index.d.ts

@@ -15,6 +15,7 @@ export { JiraServiceDeskIcon, JiraServiceDeskLogo, JiraServiceDeskWordmark, } fr
 export { JiraServiceManagementIcon, JiraServiceManagementLogo, JiraServiceManagementWordmark, } from './jira-service-management-logo';
 export { JiraSoftwareIcon, JiraSoftwareLogo, JiraSoftwareWordmark, } from './jira-software-logo';
 export { JiraWorkManagementLogo, JiraWorkManagementWordmark, JiraWorkManagementIcon, } from './jira-work-management-logo';
+export { LoomIcon, LoomLogo } from './loom-logo';
 export { OpsGenieIcon, OpsGenieLogo, OpsGenieWordmark, OpsgenieIcon, OpsgenieLogo, OpsgenieWordmark, } from './opsgenie-logo';
 export { StatuspageIcon, StatuspageLogo, StatuspageWordmark, } from './statuspage-logo';
 export { StrideIcon, StrideLogo, StrideWordmark } from './stride-logo';

package/dist/types/loom-logo/icon.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { LogoProps } from '../types';
+/**
+ * __Loom icon__
+ *
+ * The Loom icon without an accompanying wordmark.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export declare const LoomIcon: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;

package/dist/types/loom-logo/index.d.ts

@@ -0,0 +1,2 @@
+export { LoomIcon } from './icon';
+export { LoomLogo } from './logo';

package/dist/types/loom-logo/logo.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { LogoProps } from '../types';
+/**
+ * __Loom logo__
+ *
+ * The Loom logo with both the wordmark and the icon combined.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export declare const LoomLogo: ({ appearance, label, size, testId, iconColor, textColor, }: LogoProps) => JSX.Element;

package/dist/types-ts4.5/index.d.ts

@@ -15,6 +15,7 @@ export { JiraServiceDeskIcon, JiraServiceDeskLogo, JiraServiceDeskWordmark, } fr
 export { JiraServiceManagementIcon, JiraServiceManagementLogo, JiraServiceManagementWordmark, } from './jira-service-management-logo';
 export { JiraSoftwareIcon, JiraSoftwareLogo, JiraSoftwareWordmark, } from './jira-software-logo';
 export { JiraWorkManagementLogo, JiraWorkManagementWordmark, JiraWorkManagementIcon, } from './jira-work-management-logo';
+export { LoomIcon, LoomLogo } from './loom-logo';
 export { OpsGenieIcon, OpsGenieLogo, OpsGenieWordmark, OpsgenieIcon, OpsgenieLogo, OpsgenieWordmark, } from './opsgenie-logo';
 export { StatuspageIcon, StatuspageLogo, StatuspageWordmark, } from './statuspage-logo';
 export { StrideIcon, StrideLogo, StrideWordmark } from './stride-logo';

package/dist/types-ts4.5/loom-logo/icon.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { LogoProps } from '../types';
+/**
+ * __Loom icon__
+ *
+ * The Loom icon without an accompanying wordmark.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export declare const LoomIcon: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;

package/dist/types-ts4.5/loom-logo/index.d.ts

@@ -0,0 +1,2 @@
+export { LoomIcon } from './icon';
+export { LoomLogo } from './logo';

package/dist/types-ts4.5/loom-logo/logo.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { LogoProps } from '../types';
+/**
+ * __Loom logo__
+ *
+ * The Loom logo with both the wordmark and the icon combined.
+ *
+ * - [Examples](https://atlassian.design/components/logo/examples)
+ * - [Code](https://atlassian.design/components/logo/code)
+ * - [Usage](https://atlassian.design/components/logo/usage)
+ */
+export declare const LoomLogo: ({ appearance, label, size, testId, iconColor, textColor, }: LogoProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/logo",
-  "version": "13.14.9",
+  "version": "13.15.0",
   "description": "A logo is a visual representation of a brand or product. It can be a word or an image, or a combination of both.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
   "dependencies": {
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.33.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "react-uid": "^2.2.0"

package/tmp/api-report-tmp.d.ts

@@ -1,220 +0,0 @@
-## API Report File for "@atlaskit/logo"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-/// <reference types="react" />
-
-// @public (undocumented)
-type Appearance = 'brand' | 'inverse' | 'neutral';
-
-// @public
-export const AtlasIcon: ({ appearance, label, size, testId, }: LogoPropsAppearanceRequired) => JSX.Element;
-
-// @public
-export const AtlasLogo: ({ appearance, label, size, testId, }: LogoPropsAppearanceRequired) => JSX.Element;
-
-// @public
-export const AtlassianAnalyticsIcon: ({ appearance, label, size, testId, }: LogoPropsAppearanceRequired) => JSX.Element;
-
-// @public
-export const AtlassianAnalyticsLogo: ({ appearance, label, size, testId, }: LogoPropsAppearanceRequired) => JSX.Element;
-
-// @public
-export const AtlassianIcon: ({ appearance, label, size, iconColor, iconGradientStart, iconGradientStop, textColor, testId, }: LogoProps) => JSX.Element;
-
-// @public
-export const AtlassianLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const AtlassianStartLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const AtlassianWordmark: ({ appearance, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const BitbucketIcon: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const BitbucketLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const BitbucketWordmark: ({ appearance, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const CompassIcon: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const CompassLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const CompassWordmark: ({ appearance, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const ConfluenceIcon: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const ConfluenceLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const ConfluenceWordmark: ({ appearance, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const HalpIcon: ({ appearance, label, size, testId, textColor, iconColor, iconGradientStart, iconGradientStop, }: LogoProps) => JSX.Element;
-
-// @public
-export const HalpLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const HalpWordmark: ({ appearance, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const HipchatIcon: ({ label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const HipchatLogo: ({ iconColor, iconGradientStart, iconGradientStop, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const HipchatWordmark: ({ iconColor, iconGradientStart, iconGradientStop, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraAlignIcon: ({ appearance, label, size, testId, textColor, iconColor, iconGradientStart, iconGradientStop, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraAlignLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraAlignWordmark: ({ appearance, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const JiraCoreIcon: ({ iconColor, iconGradientStart, iconGradientStop, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const JiraCoreLogo: ({ iconColor, iconGradientStart, iconGradientStop, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const JiraCoreWordmark: ({ iconColor, iconGradientStart, iconGradientStop, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraIcon: ({ appearance, label, size, testId, textColor, iconColor, iconGradientStart, iconGradientStop, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraProductDiscoveryIcon: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraProductDiscoveryLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const JiraServiceDeskIcon: ({ iconColor, iconGradientStart, iconGradientStop, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const JiraServiceDeskLogo: ({ iconColor, iconGradientStart, iconGradientStop, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const JiraServiceDeskWordmark: ({ iconColor, iconGradientStart, iconGradientStop, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraServiceManagementIcon: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraServiceManagementLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraServiceManagementWordmark: ({ appearance, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraSoftwareIcon: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraSoftwareLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraSoftwareWordmark: ({ appearance, label, size, testId, textColor, iconColor, iconGradientStart, iconGradientStop, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraWordmark: ({ appearance, label, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraWorkManagementIcon: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraWorkManagementLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const JiraWorkManagementWordmark: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public (undocumented)
-export type LogoProps = {
-    size?: Size;
-    appearance?: Appearance;
-    textColor?: string;
-    iconColor?: string;
-    iconGradientStart?: string;
-    iconGradientStop?: string;
-    label?: string;
-    testId?: string;
-};
-
-// @public (undocumented)
-type LogoPropsAppearanceRequired = Omit<WithRequiredProperty<LogoProps, 'appearance'>, 'iconColor' | 'iconGradientStart' | 'iconGradientStop' | 'textColor'>;
-
-// @public @deprecated (undocumented)
-export const OpsGenieIcon: ({ iconColor, iconGradientStart, iconGradientStop, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const OpsgenieIcon: ({ appearance, label, size, testId, textColor, iconColor, iconGradientStart, iconGradientStop, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const OpsGenieLogo: ({ iconColor, iconGradientStart, iconGradientStop, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const OpsgenieLogo: ({ appearance, label, size, testId, textColor, iconColor, iconGradientStart, iconGradientStop, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const OpsGenieWordmark: ({ iconColor, iconGradientStart, iconGradientStop, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const OpsgenieWordmark: ({ appearance, size, testId, textColor, iconColor, iconGradientStart, iconGradientStop, }: LogoProps) => JSX.Element;
-
-// @public (undocumented)
-type Size = 'large' | 'medium' | 'small' | 'xlarge' | 'xsmall';
-
-// @public
-export const StatuspageIcon: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const StatuspageLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const StatuspageWordmark: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const StrideIcon: ({ iconColor, iconGradientStart, iconGradientStop, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const StrideLogo: ({ iconColor, iconGradientStart, iconGradientStop, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public @deprecated (undocumented)
-export const StrideWordmark: ({ iconColor, iconGradientStart, iconGradientStop, size, testId, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const TrelloIcon: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const TrelloLogo: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-export const TrelloWordmark: ({ appearance, label, size, testId, iconColor, iconGradientStart, iconGradientStop, textColor, }: LogoProps) => JSX.Element;
-
-// @public
-type WithRequiredProperty<Type, Key extends keyof Type> = Type & {
-    [Property in Key]-?: Type[Property];
-};
-
-// (No @packageDocumentation comment for this package)
-
-```