@atlaskit/logo 20.0.2 → 20.1.1

package/dist/esm/constants.js

@@ -7,6 +7,8 @@ export var defaultLogoParams = {
   size: 'medium',
   textColor: 'currentColor'
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var legacyDefaultLogoParams = {
   iconGradientStart: 'inherit',
   iconGradientStop: 'inherit'

package/dist/esm/create-feature-flagged-component.js

@@ -0,0 +1,32 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "shouldUseNewLogoDesign"];
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+/**
+ * Creates a feature flagged component that renders the legacy logo or the new logo
+ * based on the platform-logo-rebrand feature flag.
+ *
+ * @param LegacyComponent - The legacy logo component.
+ * @param NewComponent - The new logo component.
+ * @returns A feature flagged component that renders the legacy logo or the new logo.
+ */
+var createFeatureFlaggedComponent = function createFeatureFlaggedComponent(LegacyComponent, NewComponent) {
+  // Note: textColor and iconColor aren't supported on all new logos
+  // These props will be deprecated in the future
+  return function (_ref) {
+    var size = _ref.size,
+      shouldUseNewLogoDesign = _ref.shouldUseNewLogoDesign,
+      props = _objectWithoutProperties(_ref, _excluded);
+    if (fg('platform-logo-rebrand') || shouldUseNewLogoDesign) {
+      // Size defaults need to be set, as the temp library had different defaults
+      return /*#__PURE__*/React.createElement(NewComponent, _extends({
+        size: size || 'medium'
+      }, props));
+    }
+    return /*#__PURE__*/React.createElement(LegacyComponent, _extends({
+      size: size
+    }, props));
+  };
+};
+export { createFeatureFlaggedComponent };

package/dist/esm/create-feature-flagged-service-collection-component.js

@@ -0,0 +1,32 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "shouldUseNewLogoDesign"];
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+/**
+ * Creates a feature flagged component that renders the legacy logo or the new logo
+ * based on the platform-logo-rebrand feature flag.
+ *
+ * @param LegacyComponent - The legacy logo component.
+ * @param NewComponent - The new logo component.
+ * @returns A feature flagged component that renders the legacy logo or the new logo.
+ */
+var createFeatureFlaggedServiceCollectionComponent = function createFeatureFlaggedServiceCollectionComponent(LegacyComponent, NewComponent) {
+  // Note: textColor and iconColor aren't supported on all new logos
+  // These props will be deprecated in the future
+  return function (_ref) {
+    var size = _ref.size,
+      shouldUseNewLogoDesign = _ref.shouldUseNewLogoDesign,
+      props = _objectWithoutProperties(_ref, _excluded);
+    if (fg('platform-logo-rebrand') || shouldUseNewLogoDesign) {
+      // Size defaults need to be set, as the temp library had different defaults
+      return /*#__PURE__*/React.createElement(NewComponent, _extends({
+        size: size || 'medium'
+      }, props));
+    }
+    return /*#__PURE__*/React.createElement(LegacyComponent, _extends({
+      size: size
+    }, props));
+  };
+};
+export { createFeatureFlaggedServiceCollectionComponent };

package/dist/esm/exports/atlassian-access-icon.js

@@ -0,0 +1 @@
+export { AtlassianAccessIcon } from '../legacy-logos/atlassian-access/icon';

package/dist/esm/exports/atlassian-access-logo.js

@@ -0,0 +1 @@
+export { AtlassianAccessLogo } from '../legacy-logos/atlassian-access/logo';

package/dist/esm/exports/atlassian-logo.js

@@ -0,0 +1 @@
+export { AtlassianLogo } from '../legacy-logos/atlassian/logo';

package/dist/esm/exports/atlassian-marketplace-icon.js

@@ -0,0 +1 @@
+export { AtlassianMarketplaceIcon } from '../legacy-logos/atlassian-marketplace/icon';

package/dist/esm/exports/atlassian-marketplace-logo.js

@@ -0,0 +1 @@
+export { AtlassianMarketplaceLogo } from '../legacy-logos/atlassian-marketplace/logo';

package/dist/esm/exports/bitbucket-icon.js

@@ -1,6 +1,6 @@
 import { BitbucketIcon as NewBitbucketIcon } from '../artifacts/logo-components/bitbucket';
+import { createFeatureFlaggedComponent } from '../create-feature-flagged-component';
 import { BitbucketIcon as LegacyBitbucketIcon } from '../legacy-logos/bitbucket';
-import { createFeatureFlaggedComponent } from '../logo-config';
 /**
  * __Bitbucket icon__
  *

package/dist/esm/exports/confluence-icon.js

@@ -1,6 +1,6 @@
 import { ConfluenceIcon as NewConfluenceIcon } from '../artifacts/logo-components/confluence';
+import { createFeatureFlaggedComponent } from '../create-feature-flagged-component';
 import { ConfluenceIcon as LegacyConfluenceIcon } from '../legacy-logos/confluence';
-import { createFeatureFlaggedComponent } from '../logo-config';
 /**
  * __Confluence icon__
  *

package/dist/esm/exports/constants.js

@@ -0,0 +1 @@
+export { defaultLogoParams, legacyDefaultLogoParams } from '../constants';

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

@@ -1,6 +1,6 @@
 import { JiraServiceManagementIcon as NewJSIcon } from '../artifacts/logo-components/jira-service-management';
+import { createFeatureFlaggedServiceCollectionComponent } from '../create-feature-flagged-service-collection-component';
 import { JiraServiceManagementIcon as LegacyJSIcon } from '../legacy-logos/jira-service-management';
-import { createFeatureFlaggedServiceCollectionComponent } from '../logo-config';
 /**
  * __Jira service management icon__
  *

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

@@ -0,0 +1 @@
+export { JiraSoftwareLogo } from '../legacy-logos/jira-software/logo';

package/dist/esm/exports/jira-work-management-icon.js

@@ -0,0 +1 @@
+export { JiraWorkManagementIcon } from '../legacy-logos/jira-work-management/icon';

package/dist/esm/exports/jira-work-management-logo.js

@@ -0,0 +1 @@
+export { JiraWorkManagementLogo } from '../legacy-logos/jira-work-management/logo';

package/dist/esm/exports/logo.js

@@ -0,0 +1 @@
+export { AtlasLogo } from '../legacy-logos/atlas/logo';

package/dist/esm/exports/opsgenie.js

@@ -1,6 +1,6 @@
 import { OpsgenieIcon as NewOpsgenieIcon } from '../artifacts/logo-components/opsgenie';
+import { createFeatureFlaggedComponent } from '../create-feature-flagged-component';
 import { OpsgenieIcon as LegacyOpsgenieIcon } from '../legacy-logos/opsgenie';
-import { createFeatureFlaggedComponent } from '../logo-config';
 /**
  * __Opsgenie icon__
  *

package/dist/esm/exports/raw-icons.js

@@ -0,0 +1 @@
+export { adminIcon, alignIcon, analyticsIcon, assetsIcon, bambooIcon, bitbucketDataCenterIcon, bitbucketIcon, chatIcon, companyHubIcon, compassIcon, confluenceDataCenterIcon, confluenceIcon, crowdIcon, customLinkIcon, customerServiceManagementIcon, dxIcon, focusIcon, goalsIcon, guardDetectIcon, guardIcon, homeIcon, hubIcon, jiraDataCenterIcon, jiraIcon, jiraProductDiscoveryIcon, jiraServiceManagementDataCenterIcon, jiraServiceManagementIcon, loomIcon, loomInternalIcon, moreAtlassianAppsIcon, opsgenieIcon, projectsIcon, rawIcons, rovoDevAgentIcon, rovoDevIcon, rovoHexIcon, rovoIcon, searchIcon, statuspageIcon, studioIcon, talentIcon, teamsIcon, trelloIcon } from '../artifacts/raw-icons/index';

package/dist/esm/exports/statuspage-icon.js

@@ -1,6 +1,6 @@
 import { StatuspageIcon as NewStatuspageIcon } from '../artifacts/logo-components/statuspage';
+import { createFeatureFlaggedComponent } from '../create-feature-flagged-component';
 import { StatuspageIcon as LegacyStatuspageIcon } from '../legacy-logos/statuspage';
-import { createFeatureFlaggedComponent } from '../logo-config';
 /**
  * __Statuspage icon__
  *

package/dist/esm/exports/trello-icon.js

@@ -1,6 +1,6 @@
 import { TrelloIcon as NewTrelloIcon } from '../artifacts/logo-components/trello';
+import { createFeatureFlaggedComponent } from '../create-feature-flagged-component';
 import { TrelloIcon as LegacyTrelloIcon } from '../legacy-logos/trello';
-import { createFeatureFlaggedComponent } from '../logo-config';
 /**
  * __Trello icon__
  *

package/dist/esm/exports/wrapper.js

@@ -0,0 +1 @@
+export { default } from '../wrapper';

package/dist/esm/index.js

@@ -38,6 +38,8 @@ import { StudioIcon as StudioNewIcon, StudioLogoCS as StudioNewLogoCS } from './
 import { TalentIcon as NewTalentIcon, TalentLogoCS as NewTalentLogo } from './artifacts/logo-components/talent';
 import { TeamsIcon as NewTeamsIcon, TeamsLogoCS as NewTeamsLogo } from './artifacts/logo-components/teams';
 import { TrelloIcon as NewTrelloIcon, TrelloLogoCS as NewTrelloLogo } from './artifacts/logo-components/trello';
+import { createFeatureFlaggedComponent } from './create-feature-flagged-component';
+import { createFeatureFlaggedServiceCollectionComponent } from './create-feature-flagged-service-collection-component';
 import { AtlassianAdminIcon as LegacyAtlassianAdminIcon, AtlassianAdminLogo as LegacyAtlassianAdminLogo } from './legacy-logos/atlassian-admin';
 import { AtlassianAdministrationIcon as LegacyAtlassianAdministrationIcon, AtlassianAdministrationLogo as LegacyAtlassianAdministrationLogo } from './legacy-logos/atlassian-administration';
 import { AtlassianAnalyticsIcon as LegacyAtlassianAnalyticsIcon, AtlassianAnalyticsLogo as LegacyAtlassianAnalyticsLogo } from './legacy-logos/atlassian-analytics';
@@ -62,7 +64,8 @@ export { AtlassianAccessIcon, AtlassianAccessLogo } from './legacy-logos/atlassi
 export { JiraWorkManagementLogo, JiraWorkManagementIcon } from './legacy-logos/jira-work-management';
 export { AtlassianIcon, AtlassianLogo } from './legacy-logos/atlassian';
 export { JiraSoftwareIcon, JiraSoftwareLogo } from './legacy-logos/jira-software';
-import { createFeatureFlaggedComponent, createFeatureFlaggedRovoComponent, createFeatureFlaggedServiceCollectionComponent, tempSizeWrapper } from './logo-config';
+import { createFeatureFlaggedRovoComponent } from './logo-config';
+import { tempSizeWrapper } from './temp-size-wrapper';
 
 /**
  * __Admin icon__

package/dist/esm/legacy-logos/atlas/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance;
   var colors = getColorsFromAppearance(appearance ? appearance : 'brand', colorMode);

package/dist/esm/legacy-logos/atlas/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance;
   var colors = getColorsFromAppearance(appearance ? appearance : 'brand', colorMode);

package/dist/esm/legacy-logos/atlassian/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/atlassian/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/atlassian-access/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/atlassian-access/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/atlassian-admin/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/atlassian-admin/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/atlassian-administration/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/atlassian-administration/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/atlassian-analytics/icon.js

@@ -3,7 +3,7 @@ import { useId } from '@atlaskit/ds-lib/use-id';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearanceOldLogos } from '../utils';
+import { getColorsFromAppearanceOldLogos } from '../get-colors-from-appearance-old-logos';
 var svg = function svg(_ref, colorMode, id) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/atlassian-analytics/logo.js

@@ -3,7 +3,7 @@ import { useId } from '@atlaskit/ds-lib/use-id';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearanceOldLogos } from '../utils';
+import { getColorsFromAppearanceOldLogos } from '../get-colors-from-appearance-old-logos';
 var svg = function svg(_ref, colorMode, id) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/atlassian-marketplace/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/atlassian-marketplace/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/atlassian-start/logo.js

@@ -3,7 +3,7 @@ import { useId } from '@atlaskit/ds-lib/use-id';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams, legacyDefaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearanceOldLogos } from '../utils';
+import { getColorsFromAppearanceOldLogos } from '../get-colors-from-appearance-old-logos';
 var svg = function svg(_ref, colorMode, id) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/bitbucket/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/bitbucket/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/compass/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/compass/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/confluence/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/confluence/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/focus/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/focus/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/get-colors-from-appearance-old-logos.js

@@ -0,0 +1,45 @@
+// TODO: This is where we need to add tokens for all appearance color values
+export var getColorsFromAppearanceOldLogos = function getColorsFromAppearanceOldLogos(appearance, colorMode) {
+  var iconGradientStart, iconGradientStop, iconColor, textColor, atlassianLogoTextColor;
+  switch (appearance) {
+    case 'brand':
+      iconGradientStart = '#0052CC';
+      iconGradientStop = '#2684FF';
+      iconColor = '#2684FF';
+      textColor = "var(--ds-text, #292A2E)";
+      // This is only used for the top level Atlassian wordmark (see AtlassianLogo
+      // or AtlassianStartLogo for example), and is only different for the Brand
+      // appearance - a bold brand color. For other appearances,
+      // atlassianLogoTextColor is the same as textColor.
+      atlassianLogoTextColor = '#0052CC';
+      break;
+    case 'neutral':
+      iconGradientStart = '#344563';
+      iconGradientStop = '#7A869A';
+      iconColor = '#7A869A';
+      textColor = '#505F79';
+      atlassianLogoTextColor = '#505F79';
+      break;
+    case 'inverse':
+      iconGradientStart = '#FFFFFF66';
+      iconGradientStop = '#FFFFFF';
+      iconColor = '#FFFFFF';
+      textColor = '#FFFFFF';
+      atlassianLogoTextColor = '#FFFFFF';
+      break;
+  }
+  if (colorMode === 'dark' && appearance === 'inverse') {
+    iconGradientStart = '#161A1D66';
+    iconGradientStop = '#161A1D';
+    iconColor = '#161A1D';
+    textColor = '#161A1D';
+    atlassianLogoTextColor = '#161A1D';
+  }
+  return {
+    iconGradientStart: iconGradientStart,
+    iconGradientStop: iconGradientStop,
+    iconColor: iconColor,
+    textColor: textColor,
+    atlassianLogoTextColor: atlassianLogoTextColor
+  };
+};

package/dist/esm/legacy-logos/get-colors-from-appearance.js

@@ -0,0 +1,45 @@
+export var getColorsFromAppearance = function getColorsFromAppearance(appearance, colorMode) {
+  var iconColor, textColor, atlassianLogoTextColor;
+  if (colorMode === 'dark') {
+    switch (appearance) {
+      case 'brand':
+        iconColor = '#357DE8';
+        textColor = '#E2E3E4';
+        atlassianLogoTextColor = '#357DE8';
+        break;
+      case 'neutral':
+        iconColor = '#96999E';
+        textColor = '#BFC1C4';
+        atlassianLogoTextColor = '#96999E';
+        break;
+      case 'inverse':
+        iconColor = '#101214';
+        textColor = '#101214';
+        atlassianLogoTextColor = '#101214';
+        break;
+    }
+  } else {
+    switch (appearance) {
+      case 'brand':
+        iconColor = '#1868DB';
+        textColor = '#101214';
+        atlassianLogoTextColor = '#1868DB';
+        break;
+      case 'neutral':
+        iconColor = '#6C6F77';
+        textColor = '#3B3D42';
+        atlassianLogoTextColor = '#6C6F77';
+        break;
+      case 'inverse':
+        iconColor = '#FFFFFF';
+        textColor = '#FFFFFF';
+        atlassianLogoTextColor = '#FFFFFF';
+        break;
+    }
+  }
+  return {
+    iconColor: iconColor,
+    textColor: textColor,
+    atlassianLogoTextColor: atlassianLogoTextColor
+  };
+};

package/dist/esm/legacy-logos/guard/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/guard/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/jira/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/jira-align/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/jira-align/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/jira-product-discovery/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/legacy-logos/jira-product-discovery/logo.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/legacy-logos/jira-service-management/icon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { defaultLogoParams } from '../../constants';
 import Wrapper from '../../wrapper';
-import { getColorsFromAppearance } from '../utils';
+import { getColorsFromAppearance } from '../get-colors-from-appearance';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;