@atlaskit/logo 19.8.2 → 19.8.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

package/dist/cjs/index.js

@@ -111,6 +111,7 @@ 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");
@@ -928,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__
  *
@@ -942,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.teamEUFlaggedIcon = 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,9 +87,9 @@ 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));
@@ -135,7 +150,7 @@ var logoDocsSchema = exports.logoDocsSchema = [
   category: 'app'
 }, {
   name: 'rovo',
-  type: 'migration',
+  type: 'rovo-hex',
   category: 'app'
 },
 // Strategy collection

package/dist/es2019/index.js

@@ -30,6 +30,7 @@ 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 { 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';
@@ -62,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, teamEUFlaggedIcon, tempSizeWrapper } from './logo-config';
+import { createFeatureFlaggedComponent, createFeatureFlaggedRovoComponent, createFeatureFlaggedServiceCollectionComponent, teamEUFlaggedIcon, tempSizeWrapper } from './logo-config';
 
 /**
  * __Admin icon__
@@ -848,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__
  *
@@ -862,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.
@@ -127,7 +142,7 @@ export const logoDocsSchema = [
   category: 'app'
 }, {
   name: 'rovo',
-  type: 'migration',
+  type: 'rovo-hex',
   category: 'app'
 },
 // Strategy collection

package/dist/esm/index.js

@@ -30,6 +30,7 @@ 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 { 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';
@@ -62,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, teamEUFlaggedIcon, tempSizeWrapper } from './logo-config';
+import { createFeatureFlaggedComponent, createFeatureFlaggedRovoComponent, createFeatureFlaggedServiceCollectionComponent, teamEUFlaggedIcon, tempSizeWrapper } from './logo-config';
 
 /**
  * __Admin icon__
@@ -848,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__
  *
@@ -862,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,9 +80,9 @@ 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));
@@ -128,7 +143,7 @@ export var logoDocsSchema = [
   category: 'app'
 }, {
   name: 'rovo',
-  type: 'migration',
+  type: 'rovo-hex',
   category: 'app'
 },
 // Strategy collection

package/dist/types/index.d.ts

@@ -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,6 +19,17 @@ 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.
  *
@@ -28,7 +39,7 @@ export declare const tempSizeWrapper: (NewComponent: React.ComponentType<TempLog
 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/index.d.ts

@@ -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,6 +19,17 @@ 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.
  *
@@ -28,7 +39,7 @@ export declare const tempSizeWrapper: (NewComponent: React.ComponentType<TempLog
 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.2",
+	"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.13.0",
+		"@atlaskit/temp-nav-app-icons": "^0.14.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^6.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -100,6 +100,9 @@
 		},
 		"platform-logo-rebrand-team-eu": {
 			"type": "boolean"
+		},
+		"platform-logo-rebrand-rovo-hex": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/logo/"