@atlaskit/logo 13.14.9 → 13.15.1

package/dist/cjs/trello-logo/logo.js

@@ -43,7 +43,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var AtlasLogo = function AtlasLogo(_ref2) {
+var AtlasLogo = exports.AtlasLogo = function AtlasLogo(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Trello' : _ref2$label,
@@ -74,5 +74,4 @@ var AtlasLogo = function AtlasLogo(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.AtlasLogo = AtlasLogo;
+};

package/dist/cjs/trello-logo/wordmark.js

@@ -32,7 +32,7 @@ var svg = function svg(_ref) {
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var TrelloWordmark = function TrelloWordmark(_ref2) {
+var TrelloWordmark = exports.TrelloWordmark = function TrelloWordmark(_ref2) {
   var appearance = _ref2.appearance,
     _ref2$label = _ref2.label,
     label = _ref2$label === void 0 ? 'Trello' : _ref2$label,
@@ -61,5 +61,4 @@ var TrelloWordmark = function TrelloWordmark(_ref2) {
     testId: testId,
     textColor: textColor
   });
-};
-exports.TrelloWordmark = TrelloWordmark;
+};

package/dist/cjs/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/utils.js

@@ -8,7 +8,7 @@ var _colors = require("@atlaskit/theme/colors");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 // TODO: This is where we need to add tokens for all appearance color values
-var getColorsFromAppearance = function getColorsFromAppearance(appearance) {
+var getColorsFromAppearance = exports.getColorsFromAppearance = function getColorsFromAppearance(appearance) {
   var iconGradientStart, iconGradientStop, iconColor, textColor, atlassianLogoTextColor;
   switch (appearance) {
     case 'brand':
@@ -44,5 +44,4 @@ var getColorsFromAppearance = function getColorsFromAppearance(appearance) {
     textColor: textColor,
     atlassianLogoTextColor: atlassianLogoTextColor
   };
-};
-exports.getColorsFromAppearance = getColorsFromAppearance;
+};

package/dist/cjs/wrapper.js

@@ -76,5 +76,4 @@ var Wrapper = function Wrapper(_ref3) {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, rest));
 };
-var _default = Wrapper;
-exports.default = _default;
+var _default = exports.default = Wrapper;

package/dist/es2019/constants.js

@@ -37,6 +37,7 @@ export const sizes = {
  * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-175 Internal documentation for deprecation (no external access)} This has been renamed, please import `LogoProps` instead.
  */
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
+
 /**
  * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-176 Internal documentation for deprecation (no external access)} This has been renamed, please import `defaultLogoParams` instead.
  */

package/dist/es2019/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/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/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/constants.js

@@ -37,6 +37,7 @@ export var sizes = {
  * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-175 Internal documentation for deprecation (no external access)} This has been renamed, please import `LogoProps` instead.
  */
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
+
 /**
  * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-176 Internal documentation for deprecation (no external access)} This has been renamed, please import `defaultLogoParams` instead.
  */

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/esm/types.js

@@ -1 +0,0 @@
-export {};

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/hipchat-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/hipchat-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/hipchat-logo/icon.d.ts"
       ]

package/jira-core-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/jira-core-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/jira-core-logo/icon.d.ts"
       ]

package/jira-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/jira-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/jira-logo/icon.d.ts"
       ]

package/jira-service-desk-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/jira-service-desk-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/jira-service-desk-logo/icon.d.ts"
       ]

package/jira-service-management-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/jira-service-management-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/jira-service-management-logo/icon.d.ts"
       ]

package/jira-software-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/jira-software-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/jira-software-logo/icon.d.ts"
       ]

package/jra-service-desk-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/jira-service-desk-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/jira-service-desk-logo/icon.d.ts"
       ]

package/ops-genie-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/opsgenie-logo/old-icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/opsgenie-logo/old-icon.d.ts"
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/logo",
-  "version": "13.14.9",
+  "version": "13.15.1",
   "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.42.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "react-uid": "^2.2.0"
@@ -44,7 +44,7 @@
     "@testing-library/react": "^12.1.5",
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
-    "typescript": "~4.9.5"
+    "typescript": "~5.4.2"
   },
   "techstack": {
     "@atlassian/frontend": {
@@ -98,4 +98,4 @@
   },
   "homepage": "https://atlassian.design/components/logo/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

package/statuspage-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/statuspage-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/statuspage-logo/icon.d.ts"
       ]

package/stride-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/stride-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/stride-logo/icon.d.ts"
       ]

package/trello-icon/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/trello-logo/icon.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/trello-logo/icon.d.ts"
       ]