@atlaskit/logo 19.8.1 → 19.8.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/logo
 
+## 19.8.3
+
+### Patch Changes
+
+- [`6bbf9c58510f8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6bbf9c58510f8) -
+  Internal update to support feature flagging updated logo design
+- Updated dependencies
+
+## 19.8.2
+
+### Patch Changes
+
+- [`5f025f8437a46`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f025f8437a46) -
+  Internal changes to support updates to `chat`, `search` and `studio` logos. These changes are
+  being tested behind a feature flag, and will be available in a future release.
+- Updated dependencies
+
 ## 19.8.1
 
 ### Patch Changes

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

@@ -190,6 +190,12 @@ Object.defineProperty(exports, "rawIcons", {
     return _rawIcons.default;
   }
 });
+Object.defineProperty(exports, "rovoDevAgentIcon", {
+  enumerable: true,
+  get: function get() {
+    return _rawIcons.rovoDevAgentIcon;
+  }
+});
 Object.defineProperty(exports, "rovoIcon", {
   enumerable: true,
   get: function get() {

package/dist/cjs/index.js

@@ -87,6 +87,7 @@ var _bamboo = require("@atlaskit/temp-nav-app-icons/bamboo");
 var _bitbucket = require("@atlaskit/temp-nav-app-icons/bitbucket");
 var _bitbucketDataCenter = require("@atlaskit/temp-nav-app-icons/bitbucket-data-center");
 var _chat = require("@atlaskit/temp-nav-app-icons/chat");
+var _chatNew = require("@atlaskit/temp-nav-app-icons/chat-new");
 var _compass = require("@atlaskit/temp-nav-app-icons/compass");
 var _confluence = require("@atlaskit/temp-nav-app-icons/confluence");
 var _confluenceDataCenter = require("@atlaskit/temp-nav-app-icons/confluence-data-center");
@@ -110,9 +111,12 @@ var _projects = require("@atlaskit/temp-nav-app-icons/projects");
 var _rovo = require("@atlaskit/temp-nav-app-icons/rovo");
 var _rovoDev = require("@atlaskit/temp-nav-app-icons/rovo-dev");
 var _rovoDevAgent = require("@atlaskit/temp-nav-app-icons/rovo-dev-agent");
+var _rovoHex = require("@atlaskit/temp-nav-app-icons/rovo-hex");
 var _search = require("@atlaskit/temp-nav-app-icons/search");
+var _searchNew = require("@atlaskit/temp-nav-app-icons/search-new");
 var _statuspage = require("@atlaskit/temp-nav-app-icons/statuspage");
 var _studio = require("@atlaskit/temp-nav-app-icons/studio");
+var _studioNew = require("@atlaskit/temp-nav-app-icons/studio-new");
 var _talent = require("@atlaskit/temp-nav-app-icons/talent");
 var _teams = require("@atlaskit/temp-nav-app-icons/teams");
 var _trello = require("@atlaskit/temp-nav-app-icons/trello");
@@ -212,7 +216,7 @@ var AssetsLogo = exports.AssetsLogo = (0, _logoConfig.tempSizeWrapper)(_assets.A
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var ChatIcon = exports.ChatIcon = (0, _logoConfig.tempSizeWrapper)(_chat.ChatIcon);
+var ChatIcon = exports.ChatIcon = (0, _logoConfig.teamEUFlaggedIcon)(_chat.ChatIcon, _chatNew.ChatNewIcon);
 /**
  * __Chat logo__
  *
@@ -222,7 +226,7 @@ var ChatIcon = exports.ChatIcon = (0, _logoConfig.tempSizeWrapper)(_chat.ChatIco
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var ChatLogo = exports.ChatLogo = (0, _logoConfig.tempSizeWrapper)(_chat.ChatLogoCS);
+var ChatLogo = exports.ChatLogo = (0, _logoConfig.teamEUFlaggedIcon)(_chat.ChatLogoCS, _chatNew.ChatNewLogoCS);
 /**
  * __Customer Service Management icon__
  *
@@ -372,7 +376,7 @@ var RovoDevAgentLogo = exports.RovoDevAgentLogo = (0, _logoConfig.tempSizeWrappe
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var SearchIcon = exports.SearchIcon = (0, _logoConfig.tempSizeWrapper)(_search.SearchIcon);
+var SearchIcon = exports.SearchIcon = (0, _logoConfig.teamEUFlaggedIcon)(_search.SearchIcon, _searchNew.SearchNewIcon);
 /**
  * __Search logo__
  *
@@ -382,7 +386,7 @@ var SearchIcon = exports.SearchIcon = (0, _logoConfig.tempSizeWrapper)(_search.S
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var SearchLogo = exports.SearchLogo = (0, _logoConfig.tempSizeWrapper)(_search.SearchLogoCS);
+var SearchLogo = exports.SearchLogo = (0, _logoConfig.teamEUFlaggedIcon)(_search.SearchLogoCS, _searchNew.SearchNewLogoCS);
 /**
  * __Studio icon__
  *
@@ -392,7 +396,7 @@ var SearchLogo = exports.SearchLogo = (0, _logoConfig.tempSizeWrapper)(_search.S
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var StudioIcon = exports.StudioIcon = (0, _logoConfig.tempSizeWrapper)(_studio.StudioIcon);
+var StudioIcon = exports.StudioIcon = (0, _logoConfig.teamEUFlaggedIcon)(_studio.StudioIcon, _studioNew.StudioNewIcon);
 /**
  * __Studio logo__
  *
@@ -402,7 +406,7 @@ var StudioIcon = exports.StudioIcon = (0, _logoConfig.tempSizeWrapper)(_studio.S
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var StudioLogo = exports.StudioLogo = (0, _logoConfig.tempSizeWrapper)(_studio.StudioLogoCS);
+var StudioLogo = exports.StudioLogo = (0, _logoConfig.teamEUFlaggedIcon)(_studio.StudioLogoCS, _studioNew.StudioNewLogoCS);
 /**
  * __Talent icon__
  *
@@ -925,11 +929,22 @@ var TrelloLogo = exports.TrelloLogo = (0, _logoConfig.createFeatureFlaggedCompon
  *
  * The Rovo icon without an accompanying wordmark.
  *
+ * By default, with no feature flags turned on, this will display a flat hex design.
+ *
+ * A colorful hex logo will render if:
+ * 	- the feature flag `platform-logo-rebrand-rovo-hex` is set to true
+ *  - the prop `shouldUseHexLogo` is set to true
+ *
+ * Finally, for backwards compatibility, if the prop `shouldUseNewLogoDesign` is set to true, or the following feature flags are set,
+ * a tile will be rendered:
+ * - `platform-logo-rebrand-servco`
+ * - `platform-logo-rebrand`
+ *
  * - [Examples](https://atlassian.design/components/logo/examples)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var RovoIcon = exports.RovoIcon = (0, _logoConfig.createFeatureFlaggedServiceCollectionComponent)(_rovo2.RovoIcon, _rovo.RovoIcon);
+var RovoIcon = exports.RovoIcon = (0, _logoConfig.createFeatureFlaggedRovoComponent)(_rovo2.RovoIcon, _rovo.RovoIcon, _rovoHex.RovoHexIcon);
 /**
  * __Rovo logo__
  *
@@ -939,7 +954,7 @@ var RovoIcon = exports.RovoIcon = (0, _logoConfig.createFeatureFlaggedServiceCol
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-var RovoLogo = exports.RovoLogo = (0, _logoConfig.createFeatureFlaggedServiceCollectionComponent)(_rovo2.RovoLogo, _rovo.RovoLogoCS);
+var RovoLogo = exports.RovoLogo = (0, _logoConfig.createFeatureFlaggedRovoComponent)(_rovo2.RovoLogo, _rovo.RovoLogoCS, _rovoHex.RovoHexLogoCS);
 
 /**
  * __Guard icon__

package/dist/cjs/logo-config.js

@@ -4,14 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tempSizeWrapper = exports.logoDocsSchema = exports.createFeatureFlaggedServiceCollectionComponent = 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;
+exports.tempSizeWrapper = exports.teamEUFlaggedIcon = 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"));
 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 = ["size"];
+  _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.
@@ -65,6 +66,20 @@ var createFeatureFlaggedServiceCollectionComponent = exports.createFeatureFlagge
     }, 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);
+    } else {
+      return /*#__PURE__*/_react.default.createElement(RovoServiceCollectionWrapped, props);
+    }
+  };
+};
 
 /**
  * Creates a wrapper around the new logo or icon component to ensure it receives the correct default (medium) size prop.
@@ -72,14 +87,20 @@ var createFeatureFlaggedServiceCollectionComponent = exports.createFeatureFlagge
  * @param NewComponent - The new logo or icon component.
  */
 var tempSizeWrapper = exports.tempSizeWrapper = function tempSizeWrapper(NewComponent) {
-  return function (_ref3) {
-    var size = _ref3.size,
-      props = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
+  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));
   };
 };
+var teamEUFlaggedIcon = exports.teamEUFlaggedIcon = function teamEUFlaggedIcon(LegacyComponent, NewComponent) {
+  return function (props) {
+    var Logo = (0, _platformFeatureFlags.fg)('platform-logo-rebrand-team-eu') ? tempSizeWrapper(NewComponent) : tempSizeWrapper(LegacyComponent);
+    return /*#__PURE__*/_react.default.createElement(Logo, props);
+  };
+};
 var logoDocsSchema = exports.logoDocsSchema = [
 // Program logos
 {
@@ -129,7 +150,7 @@ var logoDocsSchema = exports.logoDocsSchema = [
   category: 'app'
 }, {
   name: 'rovo',
-  type: 'migration',
+  type: 'rovo-hex',
   category: 'app'
 },
 // Strategy collection

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

@@ -1 +1 @@
-export { default as rawIcons, adminIcon, alignIcon, analyticsIcon, assetsIcon, bambooIcon, bitbucketDataCenterIcon, bitbucketIcon, chatIcon, companyHubIcon, compassIcon, confluenceDataCenterIcon, confluenceIcon, crowdIcon, customLinkIcon, customerServiceManagementIcon, focusIcon, goalsIcon, guardDetectIcon, guardIcon, homeIcon, hubIcon, jiraDataCenterIcon, jiraProductDiscoveryIcon, jiraServiceManagementIcon, jiraIcon, loomInternalIcon, loomIcon, moreAtlassianAppsIcon, opsgenieIcon, projectsIcon, rovoIcon, searchIcon, statuspageIcon, studioIcon, talentIcon, teamsIcon, trelloIcon } from '@atlaskit/temp-nav-app-icons/raw-icons';
+export { default as rawIcons, adminIcon, alignIcon, analyticsIcon, assetsIcon, bambooIcon, bitbucketDataCenterIcon, bitbucketIcon, chatIcon, companyHubIcon, compassIcon, confluenceDataCenterIcon, confluenceIcon, crowdIcon, customLinkIcon, customerServiceManagementIcon, focusIcon, goalsIcon, guardDetectIcon, guardIcon, homeIcon, hubIcon, jiraDataCenterIcon, jiraProductDiscoveryIcon, jiraServiceManagementIcon, jiraIcon, loomInternalIcon, loomIcon, moreAtlassianAppsIcon, opsgenieIcon, projectsIcon, rovoDevAgentIcon, rovoIcon, searchIcon, statuspageIcon, studioIcon, talentIcon, teamsIcon, trelloIcon } from '@atlaskit/temp-nav-app-icons/raw-icons';

package/dist/es2019/index.js

@@ -5,7 +5,8 @@ import { AssetsIcon as NewAssetsIcon, AssetsLogoCS as NewAssetsLogo } from '@atl
 import { BambooIcon as NewBambooIcon, BambooLogoCS as NewBambooLogo } from '@atlaskit/temp-nav-app-icons/bamboo';
 import { BitbucketIcon as NewBitbucketIcon, BitbucketLogoCS as NewBitbucketLogo } from '@atlaskit/temp-nav-app-icons/bitbucket';
 import { BitbucketDataCenterIcon as NewBitbucketDataCenterIcon, BitbucketDataCenterLogoCS as NewBitbucketDataCenterLogo } from '@atlaskit/temp-nav-app-icons/bitbucket-data-center';
-import { ChatIcon as NewChatIcon, ChatLogoCS as NewChatLogo } from '@atlaskit/temp-nav-app-icons/chat';
+import { ChatIcon as OldChatIcon, ChatLogoCS as OldChatLogo } from '@atlaskit/temp-nav-app-icons/chat';
+import { ChatNewIcon, ChatNewLogoCS } from '@atlaskit/temp-nav-app-icons/chat-new';
 import { CompassIcon as NewCompassIcon, CompassLogoCS as NewCompassLogo } from '@atlaskit/temp-nav-app-icons/compass';
 import { ConfluenceIcon as NewConfluenceIcon, ConfluenceLogoCS as NewConfluenceLogo } from '@atlaskit/temp-nav-app-icons/confluence';
 import { ConfluenceDataCenterIcon as NewConfluenceDataCenterIcon, ConfluenceDataCenterLogoCS as NewConfluenceDataCenterLogo } from '@atlaskit/temp-nav-app-icons/confluence-data-center';
@@ -29,9 +30,12 @@ import { ProjectsIcon as NewProjectsIcon, ProjectsLogoCS as NewProjectsLogo } fr
 import { RovoIcon as NewRovoIcon, RovoLogoCS as NewRovoLogo } from '@atlaskit/temp-nav-app-icons/rovo';
 import { RovoDevIcon as NewRovoDevIcon, RovoDevLogoCS as NewRovoDevLogo } from '@atlaskit/temp-nav-app-icons/rovo-dev';
 import { RovoDevAgentIcon as NewRovoDevAgentIcon, RovoDevAgentLogoCS as NewRovoDevAgentLogo } from '@atlaskit/temp-nav-app-icons/rovo-dev-agent';
-import { SearchIcon as NewSearchIcon, SearchLogoCS as NewSearchLogo } from '@atlaskit/temp-nav-app-icons/search';
+import { RovoHexIcon as NewRovoHexIcon, RovoHexLogoCS as NewRovoHexLogo } from '@atlaskit/temp-nav-app-icons/rovo-hex';
+import { SearchIcon as OldSearchIcon, SearchLogoCS as OldSearchLogo } from '@atlaskit/temp-nav-app-icons/search';
+import { SearchNewIcon, SearchNewLogoCS } from '@atlaskit/temp-nav-app-icons/search-new';
 import { StatuspageIcon as NewStatuspageIcon, StatuspageLogoCS as NewStatuspageLogo } from '@atlaskit/temp-nav-app-icons/statuspage';
-import { StudioIcon as NewStudioIcon, StudioLogoCS as NewStudioLogo } from '@atlaskit/temp-nav-app-icons/studio';
+import { StudioIcon as OldStudioIcon, StudioLogoCS as OldStudioLogo } from '@atlaskit/temp-nav-app-icons/studio';
+import { StudioNewIcon, StudioNewLogoCS } from '@atlaskit/temp-nav-app-icons/studio-new';
 import { TalentIcon as NewTalentIcon, TalentLogoCS as NewTalentLogo } from '@atlaskit/temp-nav-app-icons/talent';
 import { TeamsIcon as NewTeamsIcon, TeamsLogoCS as NewTeamsLogo } from '@atlaskit/temp-nav-app-icons/teams';
 import { TrelloIcon as NewTrelloIcon, TrelloLogoCS as NewTrelloLogo } from '@atlaskit/temp-nav-app-icons/trello';
@@ -59,7 +63,7 @@ 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, createFeatureFlaggedServiceCollectionComponent, tempSizeWrapper } from './logo-config';
+import { createFeatureFlaggedComponent, createFeatureFlaggedRovoComponent, createFeatureFlaggedServiceCollectionComponent, teamEUFlaggedIcon, tempSizeWrapper } from './logo-config';
 
 /**
  * __Admin icon__
@@ -132,7 +136,7 @@ export const AssetsLogo = tempSizeWrapper(NewAssetsLogo);
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export const ChatIcon = tempSizeWrapper(NewChatIcon);
+export const ChatIcon = teamEUFlaggedIcon(OldChatIcon, ChatNewIcon);
 /**
  * __Chat logo__
  *
@@ -142,7 +146,7 @@ export const ChatIcon = tempSizeWrapper(NewChatIcon);
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export const ChatLogo = tempSizeWrapper(NewChatLogo);
+export const ChatLogo = teamEUFlaggedIcon(OldChatLogo, ChatNewLogoCS);
 /**
  * __Customer Service Management icon__
  *
@@ -292,7 +296,7 @@ export const RovoDevAgentLogo = tempSizeWrapper(NewRovoDevAgentLogo);
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export const SearchIcon = tempSizeWrapper(NewSearchIcon);
+export const SearchIcon = teamEUFlaggedIcon(OldSearchIcon, SearchNewIcon);
 /**
  * __Search logo__
  *
@@ -302,7 +306,7 @@ export const SearchIcon = tempSizeWrapper(NewSearchIcon);
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export const SearchLogo = tempSizeWrapper(NewSearchLogo);
+export const SearchLogo = teamEUFlaggedIcon(OldSearchLogo, SearchNewLogoCS);
 /**
  * __Studio icon__
  *
@@ -312,7 +316,7 @@ export const SearchLogo = tempSizeWrapper(NewSearchLogo);
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export const StudioIcon = tempSizeWrapper(NewStudioIcon);
+export const StudioIcon = teamEUFlaggedIcon(OldStudioIcon, StudioNewIcon);
 /**
  * __Studio logo__
  *
@@ -322,7 +326,7 @@ export const StudioIcon = tempSizeWrapper(NewStudioIcon);
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export const StudioLogo = tempSizeWrapper(NewStudioLogo);
+export const StudioLogo = teamEUFlaggedIcon(OldStudioLogo, StudioNewLogoCS);
 /**
  * __Talent icon__
  *
@@ -845,11 +849,22 @@ export const TrelloLogo = createFeatureFlaggedComponent(LegacyTrelloLogo, NewTre
  *
  * The Rovo icon without an accompanying wordmark.
  *
+ * By default, with no feature flags turned on, this will display a flat hex design.
+ *
+ * A colorful hex logo will render if:
+ * 	- the feature flag `platform-logo-rebrand-rovo-hex` is set to true
+ *  - the prop `shouldUseHexLogo` is set to true
+ *
+ * Finally, for backwards compatibility, if the prop `shouldUseNewLogoDesign` is set to true, or the following feature flags are set,
+ * a tile will be rendered:
+ * - `platform-logo-rebrand-servco`
+ * - `platform-logo-rebrand`
+ *
  * - [Examples](https://atlassian.design/components/logo/examples)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export const RovoIcon = createFeatureFlaggedServiceCollectionComponent(LegacyRovoIcon, NewRovoIcon);
+export const RovoIcon = createFeatureFlaggedRovoComponent(LegacyRovoIcon, NewRovoIcon, NewRovoHexIcon);
 /**
  * __Rovo logo__
  *
@@ -859,7 +874,7 @@ export const RovoIcon = createFeatureFlaggedServiceCollectionComponent(LegacyRov
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export const RovoLogo = createFeatureFlaggedServiceCollectionComponent(LegacyRovoLogo, NewRovoLogo);
+export const RovoLogo = createFeatureFlaggedRovoComponent(LegacyRovoLogo, NewRovoLogo, NewRovoHexLogo);
 
 /**
  * __Guard icon__

package/dist/es2019/logo-config.js

@@ -56,6 +56,21 @@ export const createFeatureFlaggedServiceCollectionComponent = (LegacyComponent,
     }, props));
   };
 };
+export const createFeatureFlaggedRovoComponent = (LegacyComponent, NewComponent, NewHexComponent) => {
+  const RovoHexWrapped = tempSizeWrapper(NewHexComponent);
+  const RovoServiceCollectionWrapped = createFeatureFlaggedServiceCollectionComponent(LegacyComponent, NewComponent);
+  return ({
+    shouldUseHexLogo,
+    ...props
+  }) => {
+    // Return hex logo if feature flag enabled. Otherwise revert to old set of components
+    if (fg('platform-logo-rebrand-rovo-hex') || shouldUseHexLogo) {
+      return /*#__PURE__*/React.createElement(RovoHexWrapped, props);
+    } else {
+      return /*#__PURE__*/React.createElement(RovoServiceCollectionWrapped, props);
+    }
+  };
+};
 
 /**
  * Creates a wrapper around the new logo or icon component to ensure it receives the correct default (medium) size prop.
@@ -72,6 +87,12 @@ export const tempSizeWrapper = NewComponent => {
     }, props));
   };
 };
+export const teamEUFlaggedIcon = (LegacyComponent, NewComponent) => {
+  return props => {
+    const Logo = fg('platform-logo-rebrand-team-eu') ? tempSizeWrapper(NewComponent) : tempSizeWrapper(LegacyComponent);
+    return /*#__PURE__*/React.createElement(Logo, props);
+  };
+};
 export const logoDocsSchema = [
 // Program logos
 {
@@ -121,7 +142,7 @@ export const logoDocsSchema = [
   category: 'app'
 }, {
   name: 'rovo',
-  type: 'migration',
+  type: 'rovo-hex',
   category: 'app'
 },
 // Strategy collection

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

@@ -1 +1 @@
-export { default as rawIcons, adminIcon, alignIcon, analyticsIcon, assetsIcon, bambooIcon, bitbucketDataCenterIcon, bitbucketIcon, chatIcon, companyHubIcon, compassIcon, confluenceDataCenterIcon, confluenceIcon, crowdIcon, customLinkIcon, customerServiceManagementIcon, focusIcon, goalsIcon, guardDetectIcon, guardIcon, homeIcon, hubIcon, jiraDataCenterIcon, jiraProductDiscoveryIcon, jiraServiceManagementIcon, jiraIcon, loomInternalIcon, loomIcon, moreAtlassianAppsIcon, opsgenieIcon, projectsIcon, rovoIcon, searchIcon, statuspageIcon, studioIcon, talentIcon, teamsIcon, trelloIcon } from '@atlaskit/temp-nav-app-icons/raw-icons';
+export { default as rawIcons, adminIcon, alignIcon, analyticsIcon, assetsIcon, bambooIcon, bitbucketDataCenterIcon, bitbucketIcon, chatIcon, companyHubIcon, compassIcon, confluenceDataCenterIcon, confluenceIcon, crowdIcon, customLinkIcon, customerServiceManagementIcon, focusIcon, goalsIcon, guardDetectIcon, guardIcon, homeIcon, hubIcon, jiraDataCenterIcon, jiraProductDiscoveryIcon, jiraServiceManagementIcon, jiraIcon, loomInternalIcon, loomIcon, moreAtlassianAppsIcon, opsgenieIcon, projectsIcon, rovoDevAgentIcon, rovoIcon, searchIcon, statuspageIcon, studioIcon, talentIcon, teamsIcon, trelloIcon } from '@atlaskit/temp-nav-app-icons/raw-icons';

package/dist/esm/index.js

@@ -5,7 +5,8 @@ import { AssetsIcon as NewAssetsIcon, AssetsLogoCS as NewAssetsLogo } from '@atl
 import { BambooIcon as NewBambooIcon, BambooLogoCS as NewBambooLogo } from '@atlaskit/temp-nav-app-icons/bamboo';
 import { BitbucketIcon as NewBitbucketIcon, BitbucketLogoCS as NewBitbucketLogo } from '@atlaskit/temp-nav-app-icons/bitbucket';
 import { BitbucketDataCenterIcon as NewBitbucketDataCenterIcon, BitbucketDataCenterLogoCS as NewBitbucketDataCenterLogo } from '@atlaskit/temp-nav-app-icons/bitbucket-data-center';
-import { ChatIcon as NewChatIcon, ChatLogoCS as NewChatLogo } from '@atlaskit/temp-nav-app-icons/chat';
+import { ChatIcon as OldChatIcon, ChatLogoCS as OldChatLogo } from '@atlaskit/temp-nav-app-icons/chat';
+import { ChatNewIcon, ChatNewLogoCS } from '@atlaskit/temp-nav-app-icons/chat-new';
 import { CompassIcon as NewCompassIcon, CompassLogoCS as NewCompassLogo } from '@atlaskit/temp-nav-app-icons/compass';
 import { ConfluenceIcon as NewConfluenceIcon, ConfluenceLogoCS as NewConfluenceLogo } from '@atlaskit/temp-nav-app-icons/confluence';
 import { ConfluenceDataCenterIcon as NewConfluenceDataCenterIcon, ConfluenceDataCenterLogoCS as NewConfluenceDataCenterLogo } from '@atlaskit/temp-nav-app-icons/confluence-data-center';
@@ -29,9 +30,12 @@ import { ProjectsIcon as NewProjectsIcon, ProjectsLogoCS as NewProjectsLogo } fr
 import { RovoIcon as NewRovoIcon, RovoLogoCS as NewRovoLogo } from '@atlaskit/temp-nav-app-icons/rovo';
 import { RovoDevIcon as NewRovoDevIcon, RovoDevLogoCS as NewRovoDevLogo } from '@atlaskit/temp-nav-app-icons/rovo-dev';
 import { RovoDevAgentIcon as NewRovoDevAgentIcon, RovoDevAgentLogoCS as NewRovoDevAgentLogo } from '@atlaskit/temp-nav-app-icons/rovo-dev-agent';
-import { SearchIcon as NewSearchIcon, SearchLogoCS as NewSearchLogo } from '@atlaskit/temp-nav-app-icons/search';
+import { RovoHexIcon as NewRovoHexIcon, RovoHexLogoCS as NewRovoHexLogo } from '@atlaskit/temp-nav-app-icons/rovo-hex';
+import { SearchIcon as OldSearchIcon, SearchLogoCS as OldSearchLogo } from '@atlaskit/temp-nav-app-icons/search';
+import { SearchNewIcon, SearchNewLogoCS } from '@atlaskit/temp-nav-app-icons/search-new';
 import { StatuspageIcon as NewStatuspageIcon, StatuspageLogoCS as NewStatuspageLogo } from '@atlaskit/temp-nav-app-icons/statuspage';
-import { StudioIcon as NewStudioIcon, StudioLogoCS as NewStudioLogo } from '@atlaskit/temp-nav-app-icons/studio';
+import { StudioIcon as OldStudioIcon, StudioLogoCS as OldStudioLogo } from '@atlaskit/temp-nav-app-icons/studio';
+import { StudioNewIcon, StudioNewLogoCS } from '@atlaskit/temp-nav-app-icons/studio-new';
 import { TalentIcon as NewTalentIcon, TalentLogoCS as NewTalentLogo } from '@atlaskit/temp-nav-app-icons/talent';
 import { TeamsIcon as NewTeamsIcon, TeamsLogoCS as NewTeamsLogo } from '@atlaskit/temp-nav-app-icons/teams';
 import { TrelloIcon as NewTrelloIcon, TrelloLogoCS as NewTrelloLogo } from '@atlaskit/temp-nav-app-icons/trello';
@@ -59,7 +63,7 @@ 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, createFeatureFlaggedServiceCollectionComponent, tempSizeWrapper } from './logo-config';
+import { createFeatureFlaggedComponent, createFeatureFlaggedRovoComponent, createFeatureFlaggedServiceCollectionComponent, teamEUFlaggedIcon, tempSizeWrapper } from './logo-config';
 
 /**
  * __Admin icon__
@@ -132,7 +136,7 @@ export var AssetsLogo = tempSizeWrapper(NewAssetsLogo);
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export var ChatIcon = tempSizeWrapper(NewChatIcon);
+export var ChatIcon = teamEUFlaggedIcon(OldChatIcon, ChatNewIcon);
 /**
  * __Chat logo__
  *
@@ -142,7 +146,7 @@ export var ChatIcon = tempSizeWrapper(NewChatIcon);
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export var ChatLogo = tempSizeWrapper(NewChatLogo);
+export var ChatLogo = teamEUFlaggedIcon(OldChatLogo, ChatNewLogoCS);
 /**
  * __Customer Service Management icon__
  *
@@ -292,7 +296,7 @@ export var RovoDevAgentLogo = tempSizeWrapper(NewRovoDevAgentLogo);
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export var SearchIcon = tempSizeWrapper(NewSearchIcon);
+export var SearchIcon = teamEUFlaggedIcon(OldSearchIcon, SearchNewIcon);
 /**
  * __Search logo__
  *
@@ -302,7 +306,7 @@ export var SearchIcon = tempSizeWrapper(NewSearchIcon);
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export var SearchLogo = tempSizeWrapper(NewSearchLogo);
+export var SearchLogo = teamEUFlaggedIcon(OldSearchLogo, SearchNewLogoCS);
 /**
  * __Studio icon__
  *
@@ -312,7 +316,7 @@ export var SearchLogo = tempSizeWrapper(NewSearchLogo);
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export var StudioIcon = tempSizeWrapper(NewStudioIcon);
+export var StudioIcon = teamEUFlaggedIcon(OldStudioIcon, StudioNewIcon);
 /**
  * __Studio logo__
  *
@@ -322,7 +326,7 @@ export var StudioIcon = tempSizeWrapper(NewStudioIcon);
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export var StudioLogo = tempSizeWrapper(NewStudioLogo);
+export var StudioLogo = teamEUFlaggedIcon(OldStudioLogo, StudioNewLogoCS);
 /**
  * __Talent icon__
  *
@@ -845,11 +849,22 @@ export var TrelloLogo = createFeatureFlaggedComponent(LegacyTrelloLogo, NewTrell
  *
  * The Rovo icon without an accompanying wordmark.
  *
+ * By default, with no feature flags turned on, this will display a flat hex design.
+ *
+ * A colorful hex logo will render if:
+ * 	- the feature flag `platform-logo-rebrand-rovo-hex` is set to true
+ *  - the prop `shouldUseHexLogo` is set to true
+ *
+ * Finally, for backwards compatibility, if the prop `shouldUseNewLogoDesign` is set to true, or the following feature flags are set,
+ * a tile will be rendered:
+ * - `platform-logo-rebrand-servco`
+ * - `platform-logo-rebrand`
+ *
  * - [Examples](https://atlassian.design/components/logo/examples)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export var RovoIcon = createFeatureFlaggedServiceCollectionComponent(LegacyRovoIcon, NewRovoIcon);
+export var RovoIcon = createFeatureFlaggedRovoComponent(LegacyRovoIcon, NewRovoIcon, NewRovoHexIcon);
 /**
  * __Rovo logo__
  *
@@ -859,7 +874,7 @@ export var RovoIcon = createFeatureFlaggedServiceCollectionComponent(LegacyRovoI
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export var RovoLogo = createFeatureFlaggedServiceCollectionComponent(LegacyRovoLogo, NewRovoLogo);
+export var RovoLogo = createFeatureFlaggedRovoComponent(LegacyRovoLogo, NewRovoLogo, NewRovoHexLogo);
 
 /**
  * __Guard icon__

package/dist/esm/logo-config.js

@@ -2,7 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "shouldUseNewLogoDesign"],
   _excluded2 = ["size", "shouldUseNewLogoDesign"],
-  _excluded3 = ["size"];
+  _excluded3 = ["shouldUseHexLogo"],
+  _excluded4 = ["size"];
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 /**
@@ -58,6 +59,20 @@ export var createFeatureFlaggedServiceCollectionComponent = function createFeatu
     }, props));
   };
 };
+export var createFeatureFlaggedRovoComponent = function createFeatureFlaggedRovoComponent(LegacyComponent, NewComponent, NewHexComponent) {
+  var RovoHexWrapped = tempSizeWrapper(NewHexComponent);
+  var RovoServiceCollectionWrapped = createFeatureFlaggedServiceCollectionComponent(LegacyComponent, NewComponent);
+  return function (_ref3) {
+    var shouldUseHexLogo = _ref3.shouldUseHexLogo,
+      props = _objectWithoutProperties(_ref3, _excluded3);
+    // Return hex logo if feature flag enabled. Otherwise revert to old set of components
+    if (fg('platform-logo-rebrand-rovo-hex') || shouldUseHexLogo) {
+      return /*#__PURE__*/React.createElement(RovoHexWrapped, props);
+    } else {
+      return /*#__PURE__*/React.createElement(RovoServiceCollectionWrapped, props);
+    }
+  };
+};
 
 /**
  * Creates a wrapper around the new logo or icon component to ensure it receives the correct default (medium) size prop.
@@ -65,14 +80,20 @@ export var createFeatureFlaggedServiceCollectionComponent = function createFeatu
  * @param NewComponent - The new logo or icon component.
  */
 export var tempSizeWrapper = function tempSizeWrapper(NewComponent) {
-  return function (_ref3) {
-    var size = _ref3.size,
-      props = _objectWithoutProperties(_ref3, _excluded3);
+  return function (_ref4) {
+    var size = _ref4.size,
+      props = _objectWithoutProperties(_ref4, _excluded4);
     return /*#__PURE__*/React.createElement(NewComponent, _extends({
       size: size || 'medium'
     }, props));
   };
 };
+export var teamEUFlaggedIcon = function teamEUFlaggedIcon(LegacyComponent, NewComponent) {
+  return function (props) {
+    var Logo = fg('platform-logo-rebrand-team-eu') ? tempSizeWrapper(NewComponent) : tempSizeWrapper(LegacyComponent);
+    return /*#__PURE__*/React.createElement(Logo, props);
+  };
+};
 export var logoDocsSchema = [
 // Program logos
 {
@@ -122,7 +143,7 @@ export var logoDocsSchema = [
   category: 'app'
 }, {
   name: 'rovo',
-  type: 'migration',
+  type: 'rovo-hex',
   category: 'app'
 },
 // Strategy collection

package/dist/types/exports/raw-icons.d.ts

@@ -1 +1 @@
-export { default as rawIcons, adminIcon, alignIcon, analyticsIcon, assetsIcon, bambooIcon, bitbucketDataCenterIcon, bitbucketIcon, chatIcon, companyHubIcon, compassIcon, confluenceDataCenterIcon, confluenceIcon, crowdIcon, customLinkIcon, customerServiceManagementIcon, focusIcon, goalsIcon, guardDetectIcon, guardIcon, homeIcon, hubIcon, jiraDataCenterIcon, jiraProductDiscoveryIcon, jiraServiceManagementIcon, jiraIcon, loomInternalIcon, loomIcon, moreAtlassianAppsIcon, opsgenieIcon, projectsIcon, rovoIcon, searchIcon, statuspageIcon, studioIcon, talentIcon, teamsIcon, trelloIcon, } from '@atlaskit/temp-nav-app-icons/raw-icons';
+export { default as rawIcons, adminIcon, alignIcon, analyticsIcon, assetsIcon, bambooIcon, bitbucketDataCenterIcon, bitbucketIcon, chatIcon, companyHubIcon, compassIcon, confluenceDataCenterIcon, confluenceIcon, crowdIcon, customLinkIcon, customerServiceManagementIcon, focusIcon, goalsIcon, guardDetectIcon, guardIcon, homeIcon, hubIcon, jiraDataCenterIcon, jiraProductDiscoveryIcon, jiraServiceManagementIcon, jiraIcon, loomInternalIcon, loomIcon, moreAtlassianAppsIcon, opsgenieIcon, projectsIcon, rovoDevAgentIcon, rovoIcon, searchIcon, statuspageIcon, studioIcon, talentIcon, teamsIcon, trelloIcon, } from '@atlaskit/temp-nav-app-icons/raw-icons';

package/dist/types/index.d.ts

@@ -73,7 +73,7 @@ export declare const AssetsLogo: ({ size, ...props }: import("./types").LogoProp
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const ChatIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const ChatIcon: (props: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Chat logo__
  *
@@ -83,7 +83,7 @@ export declare const ChatIcon: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const ChatLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const ChatLogo: (props: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Customer Service Management icon__
  *
@@ -233,7 +233,7 @@ export declare const RovoDevAgentLogo: ({ size, ...props }: import("./types").Lo
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const SearchIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const SearchIcon: (props: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Search logo__
  *
@@ -243,7 +243,7 @@ export declare const SearchIcon: ({ size, ...props }: import("./types").LogoProp
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const SearchLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const SearchLogo: (props: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Studio icon__
  *
@@ -253,7 +253,7 @@ export declare const SearchLogo: ({ size, ...props }: import("./types").LogoProp
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const StudioIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const StudioIcon: (props: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Studio logo__
  *
@@ -263,7 +263,7 @@ export declare const StudioIcon: ({ size, ...props }: import("./types").LogoProp
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const StudioLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const StudioLogo: (props: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Talent icon__
  *
@@ -769,11 +769,25 @@ export declare const TrelloLogo: ({ size, shouldUseNewLogoDesign, ...props }: im
  *
  * The Rovo icon without an accompanying wordmark.
  *
+ * By default, with no feature flags turned on, this will display a flat hex design.
+ *
+ * A colorful hex logo will render if:
+ * 	- the feature flag `platform-logo-rebrand-rovo-hex` is set to true
+ *  - the prop `shouldUseHexLogo` is set to true
+ *
+ * Finally, for backwards compatibility, if the prop `shouldUseNewLogoDesign` is set to true, or the following feature flags are set,
+ * a tile will be rendered:
+ * - `platform-logo-rebrand-servco`
+ * - `platform-logo-rebrand`
+ *
  * - [Examples](https://atlassian.design/components/logo/examples)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const RovoIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const RovoIcon: ({ shouldUseHexLogo, ...props }: import("./types").LogoProps & {
+    shouldUseNewLogoDesign?: boolean;
+    shouldUseHexLogo?: boolean;
+}) => import("react").JSX.Element;
 /**
  * __Rovo logo__
  *
@@ -783,7 +797,10 @@ export declare const RovoIcon: ({ size, shouldUseNewLogoDesign, ...props }: impo
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const RovoLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const RovoLogo: ({ shouldUseHexLogo, ...props }: import("./types").LogoProps & {
+    shouldUseNewLogoDesign?: boolean;
+    shouldUseHexLogo?: boolean;
+}) => import("react").JSX.Element;
 /**
  * __Guard icon__
  *

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

@@ -19,15 +19,27 @@ export declare const createFeatureFlaggedComponent: (LegacyComponent: React.Comp
  * @returns A feature flagged component that renders the legacy logo or the new logo.
  */
 export declare const createFeatureFlaggedServiceCollectionComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<TempLogoProps> | React.ComponentType<TempIconProps>) => ({ size, shouldUseNewLogoDesign, ...props }: LogoProps) => React.JSX.Element;
+export declare const createFeatureFlaggedRovoComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<TempLogoProps> | React.ComponentType<TempIconProps>, NewHexComponent: React.ComponentType<TempLogoProps> | React.ComponentType<TempIconProps>) => ({ shouldUseHexLogo, ...props }: LogoProps & {
+    /**
+     * When the feature flag `platform-logo-rebrand-rovo-hex` is set to false, this flag changes the rovo logo to a tile.
+     * After the hex design is rolled out, this prop will do nothing - it is maintained for now to enable backwards compatibility and safe roll-out
+     */
+    shouldUseNewLogoDesign?: boolean;
+    /**
+     * Forces the new rovo hex logo to be used.
+     */
+    shouldUseHexLogo?: boolean;
+}) => React.JSX.Element;
 /**
  * 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.
  */
 export declare const tempSizeWrapper: (NewComponent: React.ComponentType<TempLogoProps> | React.ComponentType<TempIconProps>) => ({ size, ...props }: LogoProps) => React.JSX.Element;
+export declare const teamEUFlaggedIcon: (LegacyComponent: React.ComponentType<TempIconProps> | React.ComponentType<TempLogoProps>, NewComponent: React.ComponentType<TempIconProps> | React.ComponentType<TempLogoProps>) => (props: LogoProps) => React.JSX.Element;
 type LogoDocsSchema = {
     name: string;
-    type: 'legacy' | 'migration' | 'new';
+    type: 'legacy' | 'migration' | 'new' | 'rovo-hex';
     category: 'program' | 'app' | 'agent';
     skipExample?: boolean;
     deprecated?: boolean;

package/dist/types-ts4.5/exports/raw-icons.d.ts

@@ -1 +1 @@
-export { default as rawIcons, adminIcon, alignIcon, analyticsIcon, assetsIcon, bambooIcon, bitbucketDataCenterIcon, bitbucketIcon, chatIcon, companyHubIcon, compassIcon, confluenceDataCenterIcon, confluenceIcon, crowdIcon, customLinkIcon, customerServiceManagementIcon, focusIcon, goalsIcon, guardDetectIcon, guardIcon, homeIcon, hubIcon, jiraDataCenterIcon, jiraProductDiscoveryIcon, jiraServiceManagementIcon, jiraIcon, loomInternalIcon, loomIcon, moreAtlassianAppsIcon, opsgenieIcon, projectsIcon, rovoIcon, searchIcon, statuspageIcon, studioIcon, talentIcon, teamsIcon, trelloIcon, } from '@atlaskit/temp-nav-app-icons/raw-icons';
+export { default as rawIcons, adminIcon, alignIcon, analyticsIcon, assetsIcon, bambooIcon, bitbucketDataCenterIcon, bitbucketIcon, chatIcon, companyHubIcon, compassIcon, confluenceDataCenterIcon, confluenceIcon, crowdIcon, customLinkIcon, customerServiceManagementIcon, focusIcon, goalsIcon, guardDetectIcon, guardIcon, homeIcon, hubIcon, jiraDataCenterIcon, jiraProductDiscoveryIcon, jiraServiceManagementIcon, jiraIcon, loomInternalIcon, loomIcon, moreAtlassianAppsIcon, opsgenieIcon, projectsIcon, rovoDevAgentIcon, rovoIcon, searchIcon, statuspageIcon, studioIcon, talentIcon, teamsIcon, trelloIcon, } from '@atlaskit/temp-nav-app-icons/raw-icons';

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

@@ -73,7 +73,7 @@ export declare const AssetsLogo: ({ size, ...props }: import("./types").LogoProp
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const ChatIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const ChatIcon: (props: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Chat logo__
  *
@@ -83,7 +83,7 @@ export declare const ChatIcon: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const ChatLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const ChatLogo: (props: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Customer Service Management icon__
  *
@@ -233,7 +233,7 @@ export declare const RovoDevAgentLogo: ({ size, ...props }: import("./types").Lo
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const SearchIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const SearchIcon: (props: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Search logo__
  *
@@ -243,7 +243,7 @@ export declare const SearchIcon: ({ size, ...props }: import("./types").LogoProp
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const SearchLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const SearchLogo: (props: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Studio icon__
  *
@@ -253,7 +253,7 @@ export declare const SearchLogo: ({ size, ...props }: import("./types").LogoProp
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const StudioIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const StudioIcon: (props: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Studio logo__
  *
@@ -263,7 +263,7 @@ export declare const StudioIcon: ({ size, ...props }: import("./types").LogoProp
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const StudioLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const StudioLogo: (props: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Talent icon__
  *
@@ -769,11 +769,25 @@ export declare const TrelloLogo: ({ size, shouldUseNewLogoDesign, ...props }: im
  *
  * The Rovo icon without an accompanying wordmark.
  *
+ * By default, with no feature flags turned on, this will display a flat hex design.
+ *
+ * A colorful hex logo will render if:
+ * 	- the feature flag `platform-logo-rebrand-rovo-hex` is set to true
+ *  - the prop `shouldUseHexLogo` is set to true
+ *
+ * Finally, for backwards compatibility, if the prop `shouldUseNewLogoDesign` is set to true, or the following feature flags are set,
+ * a tile will be rendered:
+ * - `platform-logo-rebrand-servco`
+ * - `platform-logo-rebrand`
+ *
  * - [Examples](https://atlassian.design/components/logo/examples)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const RovoIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const RovoIcon: ({ shouldUseHexLogo, ...props }: import("./types").LogoProps & {
+    shouldUseNewLogoDesign?: boolean;
+    shouldUseHexLogo?: boolean;
+}) => import("react").JSX.Element;
 /**
  * __Rovo logo__
  *
@@ -783,7 +797,10 @@ export declare const RovoIcon: ({ size, shouldUseNewLogoDesign, ...props }: impo
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const RovoLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const RovoLogo: ({ shouldUseHexLogo, ...props }: import("./types").LogoProps & {
+    shouldUseNewLogoDesign?: boolean;
+    shouldUseHexLogo?: boolean;
+}) => import("react").JSX.Element;
 /**
  * __Guard icon__
  *

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

@@ -19,15 +19,27 @@ export declare const createFeatureFlaggedComponent: (LegacyComponent: React.Comp
  * @returns A feature flagged component that renders the legacy logo or the new logo.
  */
 export declare const createFeatureFlaggedServiceCollectionComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<TempLogoProps> | React.ComponentType<TempIconProps>) => ({ size, shouldUseNewLogoDesign, ...props }: LogoProps) => React.JSX.Element;
+export declare const createFeatureFlaggedRovoComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<TempLogoProps> | React.ComponentType<TempIconProps>, NewHexComponent: React.ComponentType<TempLogoProps> | React.ComponentType<TempIconProps>) => ({ shouldUseHexLogo, ...props }: LogoProps & {
+    /**
+     * When the feature flag `platform-logo-rebrand-rovo-hex` is set to false, this flag changes the rovo logo to a tile.
+     * After the hex design is rolled out, this prop will do nothing - it is maintained for now to enable backwards compatibility and safe roll-out
+     */
+    shouldUseNewLogoDesign?: boolean;
+    /**
+     * Forces the new rovo hex logo to be used.
+     */
+    shouldUseHexLogo?: boolean;
+}) => React.JSX.Element;
 /**
  * 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.
  */
 export declare const tempSizeWrapper: (NewComponent: React.ComponentType<TempLogoProps> | React.ComponentType<TempIconProps>) => ({ size, ...props }: LogoProps) => React.JSX.Element;
+export declare const teamEUFlaggedIcon: (LegacyComponent: React.ComponentType<TempIconProps> | React.ComponentType<TempLogoProps>, NewComponent: React.ComponentType<TempIconProps> | React.ComponentType<TempLogoProps>) => (props: LogoProps) => React.JSX.Element;
 type LogoDocsSchema = {
     name: string;
-    type: 'legacy' | 'migration' | 'new';
+    type: 'legacy' | 'migration' | 'new' | 'rovo-hex';
     category: 'program' | 'app' | 'agent';
     skipExample?: boolean;
     deprecated?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/logo",
-	"version": "19.8.1",
+	"version": "19.8.3",
 	"description": "A logo is a visual representation of a brand or app. It can be a word, an image, or a combination of both.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
 	"dependencies": {
 		"@atlaskit/ds-lib": "^5.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/temp-nav-app-icons": "^0.12.0",
+		"@atlaskit/temp-nav-app-icons": "^0.14.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^6.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -97,6 +97,12 @@
 		},
 		"platform-logo-rebrand-servco": {
 			"type": "boolean"
+		},
+		"platform-logo-rebrand-team-eu": {
+			"type": "boolean"
+		},
+		"platform-logo-rebrand-rovo-hex": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/logo/"