@atlaskit/logo 13.14.8 → 13.15.0

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

@@ -6,8 +6,6 @@ import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 const svg = ({
   appearance,
-  size,
-  label,
   iconGradientStart,
   iconGradientStop,
   iconColor,
@@ -76,9 +74,7 @@ export const JiraLogo = ({
       iconGradientStart,
       iconGradientStop,
       iconColor,
-      textColor,
-      size,
-      label
+      textColor
     }),
     testId: testId,
     textColor: textColor

package/dist/es2019/jira-product-discovery-logo/icon.js

@@ -6,7 +6,6 @@ import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 const svg = ({
   appearance,
-  size,
   iconGradientStart,
   iconGradientStop,
   iconColor
@@ -82,9 +81,7 @@ export const JiraProductDiscoveryIcon = ({
       appearance,
       iconGradientStart,
       iconGradientStop,
-      iconColor,
-      label,
-      size
+      iconColor
     }),
     iconColor: iconColor,
     iconGradientStart: iconGradientStart,

package/dist/es2019/jira-service-desk-logo/icon.js

@@ -6,8 +6,7 @@ import { defaultLogoParams } from '../constants';
 import Wrapper from '../wrapper';
 const svg = ({
   iconGradientStart,
-  iconGradientStop,
-  size
+  iconGradientStop
 }) => {
   // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
@@ -49,8 +48,7 @@ export const JiraServiceDeskIcon = ({
     label: label,
     svg: svg({
       iconGradientStart,
-      iconGradientStop,
-      size
+      iconGradientStop
     }),
     iconColor: iconColor,
     iconGradientStart: iconGradientStart,

package/dist/es2019/jira-service-desk-logo/logo.js

@@ -6,8 +6,7 @@ import { defaultLogoParams } from '../constants';
 import Wrapper from '../wrapper';
 const svg = ({
   iconGradientStart,
-  iconGradientStop,
-  size
+  iconGradientStop
 }) => {
   // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.

package/dist/es2019/jira-service-management-logo/icon.js

@@ -6,7 +6,6 @@ import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 const svg = ({
   appearance,
-  size,
   iconGradientStart,
   iconGradientStop,
   iconColor
@@ -66,9 +65,7 @@ export const JiraServiceManagementIcon = ({
       appearance,
       iconGradientStart,
       iconGradientStop,
-      iconColor,
-      label,
-      size
+      iconColor
     }),
     iconColor: iconColor,
     iconGradientStart: iconGradientStart,

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/es2019/opsgenie-logo/new-icon.js

@@ -6,7 +6,6 @@ import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 const svg = ({
   appearance,
-  size,
   iconGradientStart,
   iconGradientStop,
   iconColor
@@ -82,7 +81,6 @@ export const OpsgenieIcon = ({
     appearance: appearance,
     svg: svg({
       appearance,
-      size,
       iconGradientStart,
       iconGradientStop,
       iconColor

package/dist/es2019/opsgenie-logo/new-logo.js

@@ -6,7 +6,6 @@ import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 const svg = ({
   appearance,
-  size,
   iconGradientStart,
   iconGradientStop,
   iconColor,
@@ -90,7 +89,6 @@ export const OpsgenieLogo = ({
     size: size,
     svg: svg({
       appearance,
-      size,
       iconGradientStart,
       iconGradientStop,
       iconColor,

package/dist/es2019/opsgenie-logo/old-icon.js

@@ -6,8 +6,7 @@ import { defaultLogoParams } from '../constants';
 import Wrapper from '../wrapper';
 const svg = ({
   iconGradientStart,
-  iconGradientStop,
-  size
+  iconGradientStop
 }) => {
   // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
@@ -70,8 +69,7 @@ export const OpsGenieIcon = ({
   return /*#__PURE__*/React.createElement(Wrapper, {
     svg: svg({
       iconGradientStart,
-      iconGradientStop,
-      size
+      iconGradientStop
     }),
     iconColor: iconColor,
     iconGradientStart: iconGradientStart,

package/dist/es2019/opsgenie-logo/old-logo.js

@@ -6,8 +6,7 @@ import { defaultLogoParams } from '../constants';
 import Wrapper from '../wrapper';
 const svg = ({
   iconGradientStart,
-  iconGradientStop,
-  size
+  iconGradientStop
 }) => {
   // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
@@ -71,8 +70,7 @@ export const OpsGenieLogo = ({
     size: size,
     svg: svg({
       iconGradientStart,
-      iconGradientStop,
-      size
+      iconGradientStop
     }),
     testId: testId,
     textColor: textColor

package/dist/es2019/wrapper.js

@@ -13,14 +13,14 @@ const baseWrapperStyles = css({
   lineHeight: 1,
   userSelect: 'none',
   whiteSpace: 'normal',
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '> svg': {
     height: '100%',
     fill: 'inherit'
   }
 });
 const stopColorStyles = css({
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   stop: {
     stopColor: 'currentColor'
   }

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/jira-align-logo/icon.js

@@ -6,7 +6,6 @@ import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref) {
   var appearance = _ref.appearance,
-    size = _ref.size,
     iconGradientStart = _ref.iconGradientStart,
     iconGradientStop = _ref.iconGradientStop,
     iconColor = _ref.iconColor;
@@ -58,8 +57,7 @@ export var JiraAlignIcon = function JiraAlignIcon(_ref2) {
       appearance: appearance,
       iconGradientStart: iconGradientStart,
       iconGradientStop: iconGradientStop,
-      iconColor: iconColor,
-      size: size
+      iconColor: iconColor
     }),
     iconColor: iconColor,
     iconGradientStart: iconGradientStart,

package/dist/esm/jira-core-logo/icon.js

@@ -6,8 +6,7 @@ import { defaultLogoParams } from '../constants';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref) {
   var iconGradientStart = _ref.iconGradientStart,
-    iconGradientStop = _ref.iconGradientStop,
-    size = _ref.size;
+    iconGradientStop = _ref.iconGradientStop;
   // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
   // eslint-disable-next-line @repo/internal/react/disallow-unstable-values

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

@@ -6,7 +6,6 @@ import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref) {
   var appearance = _ref.appearance,
-    size = _ref.size,
     iconGradientStart = _ref.iconGradientStart,
     iconGradientStop = _ref.iconGradientStop,
     iconColor = _ref.iconColor;
@@ -58,8 +57,7 @@ export var JiraIcon = function JiraIcon(_ref2) {
       appearance: appearance,
       iconGradientStart: iconGradientStart,
       iconGradientStop: iconGradientStop,
-      iconColor: iconColor,
-      size: size
+      iconColor: iconColor
     }),
     iconColor: iconColor,
     iconGradientStart: iconGradientStart,

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

@@ -6,8 +6,6 @@ import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref) {
   var appearance = _ref.appearance,
-    size = _ref.size,
-    label = _ref.label,
     iconGradientStart = _ref.iconGradientStart,
     iconGradientStop = _ref.iconGradientStop,
     iconColor = _ref.iconColor,
@@ -66,9 +64,7 @@ export var JiraLogo = function JiraLogo(_ref2) {
       iconGradientStart: iconGradientStart,
       iconGradientStop: iconGradientStop,
       iconColor: iconColor,
-      textColor: textColor,
-      size: size,
-      label: label
+      textColor: textColor
     }),
     testId: testId,
     textColor: textColor

package/dist/esm/jira-product-discovery-logo/icon.js

@@ -6,7 +6,6 @@ import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref) {
   var appearance = _ref.appearance,
-    size = _ref.size,
     iconGradientStart = _ref.iconGradientStart,
     iconGradientStop = _ref.iconGradientStop,
     iconColor = _ref.iconColor;
@@ -58,9 +57,7 @@ export var JiraProductDiscoveryIcon = function JiraProductDiscoveryIcon(_ref2) {
       appearance: appearance,
       iconGradientStart: iconGradientStart,
       iconGradientStop: iconGradientStop,
-      iconColor: iconColor,
-      label: label,
-      size: size
+      iconColor: iconColor
     }),
     iconColor: iconColor,
     iconGradientStart: iconGradientStart,

package/dist/esm/jira-service-desk-logo/icon.js

@@ -6,8 +6,7 @@ import { defaultLogoParams } from '../constants';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref) {
   var iconGradientStart = _ref.iconGradientStart,
-    iconGradientStop = _ref.iconGradientStop,
-    size = _ref.size;
+    iconGradientStop = _ref.iconGradientStop;
   // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
   // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
@@ -41,8 +40,7 @@ export var JiraServiceDeskIcon = function JiraServiceDeskIcon(_ref2) {
     label: label,
     svg: svg({
       iconGradientStart: iconGradientStart,
-      iconGradientStop: iconGradientStop,
-      size: size
+      iconGradientStop: iconGradientStop
     }),
     iconColor: iconColor,
     iconGradientStart: iconGradientStart,

package/dist/esm/jira-service-desk-logo/logo.js

@@ -6,8 +6,7 @@ import { defaultLogoParams } from '../constants';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref) {
   var iconGradientStart = _ref.iconGradientStart,
-    iconGradientStop = _ref.iconGradientStop,
-    size = _ref.size;
+    iconGradientStop = _ref.iconGradientStop;
   // Will be fixed upon removal of deprecated iconGradientStart and
   // iconGradientStop props, or with React 18's useId() hook when we update.
   // eslint-disable-next-line @repo/internal/react/disallow-unstable-values

package/dist/esm/jira-service-management-logo/icon.js

@@ -6,7 +6,6 @@ import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref) {
   var appearance = _ref.appearance,
-    size = _ref.size,
     iconGradientStart = _ref.iconGradientStart,
     iconGradientStop = _ref.iconGradientStop,
     iconColor = _ref.iconColor;
@@ -58,9 +57,7 @@ export var JiraServiceManagementIcon = function JiraServiceManagementIcon(_ref2)
       appearance: appearance,
       iconGradientStart: iconGradientStart,
       iconGradientStop: iconGradientStop,
-      iconColor: iconColor,
-      label: label,
-      size: size
+      iconColor: iconColor
     }),
     iconColor: iconColor,
     iconGradientStart: iconGradientStart,

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/esm/opsgenie-logo/new-icon.js

@@ -6,7 +6,6 @@ import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref) {
   var appearance = _ref.appearance,
-    size = _ref.size,
     iconGradientStart = _ref.iconGradientStart,
     iconGradientStop = _ref.iconGradientStop,
     iconColor = _ref.iconColor;
@@ -55,7 +54,6 @@ export var OpsgenieIcon = function OpsgenieIcon(_ref2) {
     appearance: appearance,
     svg: svg({
       appearance: appearance,
-      size: size,
       iconGradientStart: iconGradientStart,
       iconGradientStop: iconGradientStop,
       iconColor: iconColor

package/dist/esm/opsgenie-logo/new-logo.js

@@ -6,7 +6,6 @@ import { getColorsFromAppearance } from '../utils';
 import Wrapper from '../wrapper';
 var svg = function svg(_ref) {
   var appearance = _ref.appearance,
-    size = _ref.size,
     iconGradientStart = _ref.iconGradientStart,
     iconGradientStop = _ref.iconGradientStop,
     iconColor = _ref.iconColor,
@@ -62,7 +61,6 @@ export var OpsgenieLogo = function OpsgenieLogo(_ref2) {
     size: size,
     svg: svg({
       appearance: appearance,
-      size: size,
       iconGradientStart: iconGradientStart,
       iconGradientStop: iconGradientStop,
       iconColor: iconColor,