@atlaskit/logo 20.1.0 → 20.1.2

package/dist/cjs/legacy-logos/utils.js

@@ -3,100 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getColorsFromAppearanceOldLogos = exports.getColorsFromAppearance = exports.getColorsForLoom = void 0;
-// TODO: This is where we need to add tokens for all appearance color values
-var getColorsFromAppearanceOldLogos = exports.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;
+exports.getColorsForLoom = void 0;
+Object.defineProperty(exports, "getColorsFromAppearance", {
+  enumerable: true,
+  get: function get() {
+    return _getColorsFromAppearance.getColorsFromAppearance;
   }
-  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
-  };
-};
-var getColorsFromAppearance = exports.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;
-    }
+});
+Object.defineProperty(exports, "getColorsFromAppearanceOldLogos", {
+  enumerable: true,
+  get: function get() {
+    return _getColorsFromAppearanceOldLogos.getColorsFromAppearanceOldLogos;
   }
-  return {
-    iconColor: iconColor,
-    textColor: textColor,
-    atlassianLogoTextColor: atlassianLogoTextColor
-  };
-};
+});
+var _getColorsFromAppearance = require("./get-colors-from-appearance");
+var _getColorsFromAppearanceOldLogos = require("./get-colors-from-appearance-old-logos");
 var getColorsForLoom = exports.getColorsForLoom = function getColorsForLoom(appearance, colorMode) {
-  var iconColor = getColorsFromAppearance(appearance, colorMode).iconColor;
-  var textColor = getColorsFromAppearance(appearance, colorMode).textColor;
+  var iconColor = (0, _getColorsFromAppearance.getColorsFromAppearance)(appearance, colorMode).iconColor;
+  var textColor = (0, _getColorsFromAppearance.getColorsFromAppearance)(appearance, colorMode).textColor;
   if (colorMode === 'dark') {
     switch (appearance) {
       case 'brand':

package/dist/cjs/logo-config.js

@@ -4,74 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tempSizeWrapper = exports.logoDocsSchema = exports.createFeatureFlaggedServiceCollectionComponent = exports.createFeatureFlaggedRovoComponent = exports.createFeatureFlaggedComponent = exports.SHARED_LOGOS = exports.PROGRAM_LOGO_DOCS_ORDER = exports.NEW_ONLY_LOGOS = exports.LEGACY_ONLY_LOGOS = exports.APP_LOGO_DOCS_ORDER = exports.AGENT_LOGO_DOCS_ORDER = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports.SHARED_LOGOS = exports.PROGRAM_LOGO_DOCS_ORDER = exports.NEW_ONLY_LOGOS = exports.LEGACY_ONLY_LOGOS = exports.APP_LOGO_DOCS_ORDER = exports.AGENT_LOGO_DOCS_ORDER = void 0;
+Object.defineProperty(exports, "createFeatureFlaggedComponent", {
+  enumerable: true,
+  get: function get() {
+    return _createFeatureFlaggedComponent.createFeatureFlaggedComponent;
+  }
+});
+exports.createFeatureFlaggedRovoComponent = void 0;
+Object.defineProperty(exports, "createFeatureFlaggedServiceCollectionComponent", {
+  enumerable: true,
+  get: function get() {
+    return _createFeatureFlaggedServiceCollectionComponent.createFeatureFlaggedServiceCollectionComponent;
+  }
+});
+exports.logoDocsSchema = void 0;
+Object.defineProperty(exports, "tempSizeWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _tempSizeWrapper.tempSizeWrapper;
+  }
+});
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _excluded = ["size", "shouldUseNewLogoDesign"],
-  _excluded2 = ["size", "shouldUseNewLogoDesign"],
-  _excluded3 = ["shouldUseHexLogo"],
-  _excluded4 = ["size"];
-/**
- * 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 = exports.createFeatureFlaggedComponent = function createFeatureFlaggedComponent(LegacyComponent, NewComponent) {
-  // Note: textColor and iconColor aren't supported on all new logos
-  // These props will be deprecated in the future
+var _createFeatureFlaggedServiceCollectionComponent = require("./create-feature-flagged-service-collection-component");
+var _tempSizeWrapper = require("./temp-size-wrapper");
+var _createFeatureFlaggedComponent = require("./create-feature-flagged-component");
+var _excluded = ["shouldUseHexLogo"];
+var createFeatureFlaggedRovoComponent = exports.createFeatureFlaggedRovoComponent = function createFeatureFlaggedRovoComponent(LegacyComponent, NewComponent, NewHexComponent) {
+  var RovoHexWrapped = (0, _tempSizeWrapper.tempSizeWrapper)(NewHexComponent);
+  var RovoServiceCollectionWrapped = (0, _createFeatureFlaggedServiceCollectionComponent.createFeatureFlaggedServiceCollectionComponent)(LegacyComponent, NewComponent);
   return function (_ref) {
-    var size = _ref.size,
-      shouldUseNewLogoDesign = _ref.shouldUseNewLogoDesign,
+    var shouldUseHexLogo = _ref.shouldUseHexLogo,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-    if ((0, _platformFeatureFlags.fg)('platform-logo-rebrand') || shouldUseNewLogoDesign) {
-      // Size defaults need to be set, as the temp library had different defaults
-      return /*#__PURE__*/_react.default.createElement(NewComponent, (0, _extends2.default)({
-        size: size || 'medium'
-      }, props));
-    }
-    return /*#__PURE__*/_react.default.createElement(LegacyComponent, (0, _extends2.default)({
-      size: size
-    }, props));
-  };
-};
-
-/**
- * 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 = exports.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 (_ref2) {
-    var size = _ref2.size,
-      shouldUseNewLogoDesign = _ref2.shouldUseNewLogoDesign,
-      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-    if ((0, _platformFeatureFlags.fg)('platform-logo-rebrand') || shouldUseNewLogoDesign) {
-      // Size defaults need to be set, as the temp library had different defaults
-      return /*#__PURE__*/_react.default.createElement(NewComponent, (0, _extends2.default)({
-        size: size || 'medium'
-      }, props));
-    }
-    return /*#__PURE__*/_react.default.createElement(LegacyComponent, (0, _extends2.default)({
-      size: size
-    }, props));
-  };
-};
-var createFeatureFlaggedRovoComponent = exports.createFeatureFlaggedRovoComponent = function createFeatureFlaggedRovoComponent(LegacyComponent, NewComponent, NewHexComponent) {
-  var RovoHexWrapped = tempSizeWrapper(NewHexComponent);
-  var RovoServiceCollectionWrapped = createFeatureFlaggedServiceCollectionComponent(LegacyComponent, NewComponent);
-  return function (_ref3) {
-    var shouldUseHexLogo = _ref3.shouldUseHexLogo,
-      props = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
     // Return hex logo if feature flag enabled. Otherwise revert to old set of components
     if ((0, _platformFeatureFlags.fg)('platform-logo-rebrand-rovo-hex') || shouldUseHexLogo) {
       return /*#__PURE__*/_react.default.createElement(RovoHexWrapped, props);
@@ -80,21 +46,7 @@ var createFeatureFlaggedRovoComponent = exports.createFeatureFlaggedRovoComponen
     }
   };
 };
-
-/**
- * Creates a wrapper around the new logo or icon component to ensure it receives the correct default (medium) size prop.
- *
- * @param NewComponent - The new logo or icon component.
- */
-var tempSizeWrapper = exports.tempSizeWrapper = function tempSizeWrapper(NewComponent) {
-  return function (_ref4) {
-    var size = _ref4.size,
-      props = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
-    return /*#__PURE__*/_react.default.createElement(NewComponent, (0, _extends2.default)({
-      size: size || 'medium'
-    }, props));
-  };
-};
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var logoDocsSchema = exports.logoDocsSchema = [
 // Program logos
 {
@@ -328,27 +280,35 @@ var logoDocsSchema = exports.logoDocsSchema = [
   skipExample: true,
   deprecated: true
 }];
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var PROGRAM_LOGO_DOCS_ORDER = exports.PROGRAM_LOGO_DOCS_ORDER = logoDocsSchema.filter(function (logo) {
   return logo.category === 'program' && !logo.skipExample;
 }).map(function (logo) {
   return logo.name;
 });
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var APP_LOGO_DOCS_ORDER = exports.APP_LOGO_DOCS_ORDER = logoDocsSchema.filter(function (logo) {
   return logo.category === 'app' && !logo.skipExample;
 }).map(function (logo) {
   return logo.name;
 });
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var AGENT_LOGO_DOCS_ORDER = exports.AGENT_LOGO_DOCS_ORDER = logoDocsSchema.filter(function (logo) {
   return logo.category === 'agent' && !logo.skipExample;
 }).map(function (logo) {
   return logo.name;
 }) || [];
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var LEGACY_ONLY_LOGOS = exports.LEGACY_ONLY_LOGOS = logoDocsSchema.filter(function (logo) {
   return logo.type === 'legacy';
 });
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var SHARED_LOGOS = exports.SHARED_LOGOS = logoDocsSchema.filter(function (logo) {
   return logo.type === 'migration';
 });
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var NEW_ONLY_LOGOS = exports.NEW_ONLY_LOGOS = logoDocsSchema.filter(function (logo) {
   return logo.type === 'new';
 });

package/dist/cjs/temp-size-wrapper.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tempSizeWrapper = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["size"];
+/**
+ * Creates a wrapper around the new logo or icon component to ensure it receives the correct default (medium) size prop.
+ *
+ * @param NewComponent - The new logo or icon component.
+ */
+var tempSizeWrapper = exports.tempSizeWrapper = function tempSizeWrapper(NewComponent) {
+  return function (_ref) {
+    var size = _ref.size,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    return /*#__PURE__*/_react.default.createElement(NewComponent, (0, _extends2.default)({
+      size: size || 'medium'
+    }, props));
+  };
+};

package/dist/es2019/constants.js

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

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

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+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.
+ */
+export const createFeatureFlaggedComponent = (LegacyComponent, NewComponent) => {
+  // Note: textColor and iconColor aren't supported on all new logos
+  // These props will be deprecated in the future
+  return ({
+    size,
+    shouldUseNewLogoDesign,
+    ...props
+  }) => {
+    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));
+  };
+};

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

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+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.
+ */
+export const createFeatureFlaggedServiceCollectionComponent = (LegacyComponent, NewComponent) => {
+  // Note: textColor and iconColor aren't supported on all new logos
+  // These props will be deprecated in the future
+  return ({
+    size,
+    shouldUseNewLogoDesign,
+    ...props
+  }) => {
+    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));
+  };
+};

package/dist/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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/es2019/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';
 const svg = ({
   appearance
 }, colorMode) => {

package/dist/es2019/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';
 const svg = ({
   appearance
 }, colorMode) => {

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor,

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor,

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor,

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor,

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor,

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor,

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor,

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor,

package/dist/es2019/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';
 const svg = ({
   appearance,
   iconColor