@atlaskit/logo 19.0.0 → 19.1.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/logo
 
+## 19.1.0
+
+### Minor Changes
+
+- [#169522](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/169522)
+  [`e55cd122d35de`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e55cd122d35de) -
+  Added a new prop, shouldUseNewLogoDesign, to allow new logo designs to be enabled ahead of feature
+  flag roll-out
+
+## 19.0.1
+
+### Patch Changes
+
+- [#164618](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/164618)
+  [`6085f82218cd6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6085f82218cd6) -
+  Fixed headings not appearing correctly on atlassian.design docs
+
 ## 19.0.0
 
 ### Major Changes

package/dist/cjs/logo-config.js

@@ -9,7 +9,7 @@ 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"],
+var _excluded = ["size", "shouldUseNewLogoDesign"],
   _excluded2 = ["size"];
 /**
  * Creates a feature flagged component that renders the legacy logo or the new logo
@@ -24,8 +24,9 @@ var createFeatureFlaggedComponent = exports.createFeatureFlaggedComponent = func
   // These props will be deprecated in the future
   return function (_ref) {
     var size = _ref.size,
+      shouldUseNewLogoDesign = _ref.shouldUseNewLogoDesign,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-    if ((0, _platformFeatureFlags.fg)('platform-logo-rebrand')) {
+    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'
@@ -53,10 +54,10 @@ var tempSizeWrapper = exports.tempSizeWrapper = function tempSizeWrapper(NewComp
 };
 
 // Logos that only exist in @atlaskit/logo
-var LEGACY_ONLY_LOGOS = exports.LEGACY_ONLY_LOGOS = ['atlassian', 'atlassian-analytics', 'atlas', 'atlassian-marketplace', 'atlassian-access', 'atlassian-administration', 'atlassian-admin', 'jira-align', 'jira-software', 'jira-work-management', 'loom-attribution'];
+var LEGACY_ONLY_LOGOS = exports.LEGACY_ONLY_LOGOS = ['atlassian', 'atlas', 'atlassian-marketplace', 'atlassian-access', 'atlassian-administration', 'atlassian-admin', 'jira-software', 'jira-work-management', 'loom-attribution'];
 
 // Logos that exist in both packages
-var SHARED_LOGOS = exports.SHARED_LOGOS = ['bitbucket', 'compass', 'confluence', 'jira', 'jira-product-discovery', 'jira-service-management', 'loom', 'opsgenie', 'statuspage', 'trello', 'rovo', 'guard', 'focus'];
+var SHARED_LOGOS = exports.SHARED_LOGOS = ['atlassian-analytics', 'bitbucket', 'compass', 'confluence', 'jira', 'jira-align', 'jira-product-discovery', 'jira-service-management', 'loom', 'opsgenie', 'statuspage', 'trello', 'rovo', 'guard', 'focus'];
 
 // Logos that only exist in @atlaskit/temp-nav-app-icons
-var NEW_ONLY_LOGOS = exports.NEW_ONLY_LOGOS = ['assets', 'chat', 'goals', 'home', 'projects', 'search', 'studio', 'talent', 'teams'];
+var NEW_ONLY_LOGOS = exports.NEW_ONLY_LOGOS = ['assets', 'chat', 'customer-service-management', 'goals', 'home', 'hub', 'projects', 'search', 'studio', 'talent', 'teams'];

package/dist/es2019/logo-config.js

@@ -14,9 +14,10 @@ export const createFeatureFlaggedComponent = (LegacyComponent, NewComponent) =>
   // These props will be deprecated in the future
   return ({
     size,
+    shouldUseNewLogoDesign,
     ...props
   }) => {
-    if (fg('platform-logo-rebrand')) {
+    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'
@@ -45,10 +46,10 @@ export const tempSizeWrapper = NewComponent => {
 };
 
 // Logos that only exist in @atlaskit/logo
-export const LEGACY_ONLY_LOGOS = ['atlassian', 'atlassian-analytics', 'atlas', 'atlassian-marketplace', 'atlassian-access', 'atlassian-administration', 'atlassian-admin', 'jira-align', 'jira-software', 'jira-work-management', 'loom-attribution'];
+export const LEGACY_ONLY_LOGOS = ['atlassian', 'atlas', 'atlassian-marketplace', 'atlassian-access', 'atlassian-administration', 'atlassian-admin', 'jira-software', 'jira-work-management', 'loom-attribution'];
 
 // Logos that exist in both packages
-export const SHARED_LOGOS = ['bitbucket', 'compass', 'confluence', 'jira', 'jira-product-discovery', 'jira-service-management', 'loom', 'opsgenie', 'statuspage', 'trello', 'rovo', 'guard', 'focus'];
+export const SHARED_LOGOS = ['atlassian-analytics', 'bitbucket', 'compass', 'confluence', 'jira', 'jira-align', 'jira-product-discovery', 'jira-service-management', 'loom', 'opsgenie', 'statuspage', 'trello', 'rovo', 'guard', 'focus'];
 
 // Logos that only exist in @atlaskit/temp-nav-app-icons
-export const NEW_ONLY_LOGOS = ['assets', 'chat', 'goals', 'home', 'projects', 'search', 'studio', 'talent', 'teams'];
+export const NEW_ONLY_LOGOS = ['assets', 'chat', 'customer-service-management', 'goals', 'home', 'hub', 'projects', 'search', 'studio', 'talent', 'teams'];

package/dist/esm/logo-config.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size"],
+var _excluded = ["size", "shouldUseNewLogoDesign"],
   _excluded2 = ["size"];
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -17,8 +17,9 @@ export var createFeatureFlaggedComponent = function createFeatureFlaggedComponen
   // These props will be deprecated in the future
   return function (_ref) {
     var size = _ref.size,
+      shouldUseNewLogoDesign = _ref.shouldUseNewLogoDesign,
       props = _objectWithoutProperties(_ref, _excluded);
-    if (fg('platform-logo-rebrand')) {
+    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'
@@ -46,10 +47,10 @@ export var tempSizeWrapper = function tempSizeWrapper(NewComponent) {
 };
 
 // Logos that only exist in @atlaskit/logo
-export var LEGACY_ONLY_LOGOS = ['atlassian', 'atlassian-analytics', 'atlas', 'atlassian-marketplace', 'atlassian-access', 'atlassian-administration', 'atlassian-admin', 'jira-align', 'jira-software', 'jira-work-management', 'loom-attribution'];
+export var LEGACY_ONLY_LOGOS = ['atlassian', 'atlas', 'atlassian-marketplace', 'atlassian-access', 'atlassian-administration', 'atlassian-admin', 'jira-software', 'jira-work-management', 'loom-attribution'];
 
 // Logos that exist in both packages
-export var SHARED_LOGOS = ['bitbucket', 'compass', 'confluence', 'jira', 'jira-product-discovery', 'jira-service-management', 'loom', 'opsgenie', 'statuspage', 'trello', 'rovo', 'guard', 'focus'];
+export var SHARED_LOGOS = ['atlassian-analytics', 'bitbucket', 'compass', 'confluence', 'jira', 'jira-align', 'jira-product-discovery', 'jira-service-management', 'loom', 'opsgenie', 'statuspage', 'trello', 'rovo', 'guard', 'focus'];
 
 // Logos that only exist in @atlaskit/temp-nav-app-icons
-export var NEW_ONLY_LOGOS = ['assets', 'chat', 'goals', 'home', 'projects', 'search', 'studio', 'talent', 'teams'];
+export var NEW_ONLY_LOGOS = ['assets', 'chat', 'customer-service-management', 'goals', 'home', 'hub', 'projects', 'search', 'studio', 'talent', 'teams'];

package/dist/types/index.d.ts

@@ -237,7 +237,7 @@ export declare const TeamsLogo: ({ size, ...props }: import("./types").LogoProps
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export declare const AtlassianAnalyticsIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const AtlassianAnalyticsIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Analytics logo__
  *
@@ -247,7 +247,7 @@ export declare const AtlassianAnalyticsIcon: ({ size, ...props }: import("./type
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export declare const AtlassianAnalyticsLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const AtlassianAnalyticsLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Bitbucket icon__
  *
@@ -257,7 +257,7 @@ export declare const AtlassianAnalyticsLogo: ({ size, ...props }: import("./type
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const BitbucketIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const BitbucketIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Bitbucket logo__
  *
@@ -267,7 +267,7 @@ export declare const BitbucketIcon: ({ size, ...props }: import("./types").LogoP
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const BitbucketLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const BitbucketLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Compass icon__
  *
@@ -277,7 +277,7 @@ export declare const BitbucketLogo: ({ size, ...props }: import("./types").LogoP
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const CompassIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const CompassIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Compass logo__
  *
@@ -287,7 +287,7 @@ export declare const CompassIcon: ({ size, ...props }: import("./types").LogoPro
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const CompassLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const CompassLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Confluence icon__
  *
@@ -297,7 +297,7 @@ export declare const CompassLogo: ({ size, ...props }: import("./types").LogoPro
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const ConfluenceIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const ConfluenceIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Confluence logo__
  *
@@ -307,7 +307,7 @@ export declare const ConfluenceIcon: ({ size, ...props }: import("./types").Logo
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const ConfluenceLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const ConfluenceLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Align icon__
  *
@@ -317,7 +317,7 @@ export declare const ConfluenceLogo: ({ size, ...props }: import("./types").Logo
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export declare const JiraAlignIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraAlignIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Align logo__
  *
@@ -327,7 +327,7 @@ export declare const JiraAlignIcon: ({ size, ...props }: import("./types").LogoP
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export declare const JiraAlignLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraAlignLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Jira icon__
  *
@@ -337,7 +337,7 @@ export declare const JiraAlignLogo: ({ size, ...props }: import("./types").LogoP
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const JiraIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Jira logo__
  *
@@ -347,7 +347,7 @@ export declare const JiraIcon: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const JiraLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Jira product discovery icon__
  *
@@ -357,7 +357,7 @@ export declare const JiraLogo: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const JiraProductDiscoveryIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraProductDiscoveryIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Jira product discovery logo__
  *
@@ -367,7 +367,7 @@ export declare const JiraProductDiscoveryIcon: ({ size, ...props }: import("./ty
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const JiraProductDiscoveryLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraProductDiscoveryLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Jira service management icon__
  *
@@ -377,7 +377,7 @@ export declare const JiraProductDiscoveryLogo: ({ size, ...props }: import("./ty
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const JiraServiceManagementIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraServiceManagementIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Jira service management logo__
  *
@@ -387,7 +387,7 @@ export declare const JiraServiceManagementIcon: ({ size, ...props }: import("./t
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const JiraServiceManagementLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraServiceManagementLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Loom icon__
  *
@@ -397,7 +397,7 @@ export declare const JiraServiceManagementLogo: ({ size, ...props }: import("./t
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const LoomIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const LoomIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Loom logo__
  *
@@ -407,7 +407,7 @@ export declare const LoomIcon: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const LoomLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const LoomLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Opsgenie icon__
  *
@@ -417,7 +417,7 @@ export declare const LoomLogo: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const OpsgenieIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const OpsgenieIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Opsgenie logo__
  *
@@ -427,7 +427,7 @@ export declare const OpsgenieIcon: ({ size, ...props }: import("./types").LogoPr
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const OpsgenieLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const OpsgenieLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Statuspage icon__
  *
@@ -437,7 +437,7 @@ export declare const OpsgenieLogo: ({ size, ...props }: import("./types").LogoPr
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const StatuspageIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const StatuspageIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Statuspage logo__
  *
@@ -447,7 +447,7 @@ export declare const StatuspageIcon: ({ size, ...props }: import("./types").Logo
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const StatuspageLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const StatuspageLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Trello icon__
  *
@@ -457,7 +457,7 @@ export declare const StatuspageLogo: ({ size, ...props }: import("./types").Logo
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const TrelloIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const TrelloIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Trello logo__
  *
@@ -467,7 +467,7 @@ export declare const TrelloIcon: ({ size, ...props }: import("./types").LogoProp
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const TrelloLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const TrelloLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Rovo icon__
  *
@@ -477,7 +477,7 @@ export declare const TrelloLogo: ({ size, ...props }: import("./types").LogoProp
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const RovoIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const RovoIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Rovo logo__
  *
@@ -487,7 +487,7 @@ export declare const RovoIcon: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const RovoLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const RovoLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Guard icon__
  *
@@ -497,7 +497,7 @@ export declare const RovoLogo: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const GuardIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const GuardIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Guard logo__
  *
@@ -507,7 +507,7 @@ export declare const GuardIcon: ({ size, ...props }: import("./types").LogoProps
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const GuardLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const GuardLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Focus icon__
  *
@@ -517,7 +517,7 @@ export declare const GuardLogo: ({ size, ...props }: import("./types").LogoProps
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const FocusIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const FocusIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Focus logo__
  *
@@ -527,5 +527,5 @@ export declare const FocusIcon: ({ size, ...props }: import("./types").LogoProps
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const FocusLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const FocusLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 export type { LogoProps } from './types';

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

@@ -9,7 +9,7 @@ import { type LogoProps } from './types';
  * @param NewComponent - The new logo component.
  * @returns A feature flagged component that renders the legacy logo or the new logo.
  */
-export declare const createFeatureFlaggedComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<TempLogoProps> | React.ComponentType<TempIconProps>) => ({ size, ...props }: LogoProps) => React.JSX.Element;
+export declare const createFeatureFlaggedComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<TempLogoProps> | React.ComponentType<TempIconProps>) => ({ size, shouldUseNewLogoDesign, ...props }: LogoProps) => React.JSX.Element;
 /**
  * Creates a wrapper around the new logo or icon component to ensure it receives the correct default (medium) size prop.
  *

package/dist/types/types.d.ts

@@ -26,6 +26,10 @@ type BaseLogoProps = {
      * - `{testId}--wrapper` to access the svg element's wrapper
      */
     testId?: string;
+    /**
+     * For logos that support it, enables the new logo design ahead of an upcoming feature flag roll-out.
+     */
+    shouldUseNewLogoDesign?: boolean;
 };
 export type LogoProps = BaseLogoProps;
 /**

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

@@ -237,7 +237,7 @@ export declare const TeamsLogo: ({ size, ...props }: import("./types").LogoProps
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export declare const AtlassianAnalyticsIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const AtlassianAnalyticsIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Analytics logo__
  *
@@ -247,7 +247,7 @@ export declare const AtlassianAnalyticsIcon: ({ size, ...props }: import("./type
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export declare const AtlassianAnalyticsLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const AtlassianAnalyticsLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Bitbucket icon__
  *
@@ -257,7 +257,7 @@ export declare const AtlassianAnalyticsLogo: ({ size, ...props }: import("./type
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const BitbucketIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const BitbucketIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Bitbucket logo__
  *
@@ -267,7 +267,7 @@ export declare const BitbucketIcon: ({ size, ...props }: import("./types").LogoP
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const BitbucketLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const BitbucketLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Compass icon__
  *
@@ -277,7 +277,7 @@ export declare const BitbucketLogo: ({ size, ...props }: import("./types").LogoP
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const CompassIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const CompassIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Compass logo__
  *
@@ -287,7 +287,7 @@ export declare const CompassIcon: ({ size, ...props }: import("./types").LogoPro
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const CompassLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const CompassLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Confluence icon__
  *
@@ -297,7 +297,7 @@ export declare const CompassLogo: ({ size, ...props }: import("./types").LogoPro
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const ConfluenceIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const ConfluenceIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Confluence logo__
  *
@@ -307,7 +307,7 @@ export declare const ConfluenceIcon: ({ size, ...props }: import("./types").Logo
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const ConfluenceLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const ConfluenceLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Align icon__
  *
@@ -317,7 +317,7 @@ export declare const ConfluenceLogo: ({ size, ...props }: import("./types").Logo
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export declare const JiraAlignIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraAlignIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Align logo__
  *
@@ -327,7 +327,7 @@ export declare const JiraAlignIcon: ({ size, ...props }: import("./types").LogoP
  * - [Code](https://atlassian.design/components/{packageName}/code)
  * - [Usage](https://atlassian.design/components/{packageName}/usage)
  */
-export declare const JiraAlignLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraAlignLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Jira icon__
  *
@@ -337,7 +337,7 @@ export declare const JiraAlignLogo: ({ size, ...props }: import("./types").LogoP
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const JiraIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Jira logo__
  *
@@ -347,7 +347,7 @@ export declare const JiraIcon: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const JiraLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Jira product discovery icon__
  *
@@ -357,7 +357,7 @@ export declare const JiraLogo: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const JiraProductDiscoveryIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraProductDiscoveryIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Jira product discovery logo__
  *
@@ -367,7 +367,7 @@ export declare const JiraProductDiscoveryIcon: ({ size, ...props }: import("./ty
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const JiraProductDiscoveryLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraProductDiscoveryLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Jira service management icon__
  *
@@ -377,7 +377,7 @@ export declare const JiraProductDiscoveryLogo: ({ size, ...props }: import("./ty
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const JiraServiceManagementIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraServiceManagementIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Jira service management logo__
  *
@@ -387,7 +387,7 @@ export declare const JiraServiceManagementIcon: ({ size, ...props }: import("./t
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const JiraServiceManagementLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const JiraServiceManagementLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Loom icon__
  *
@@ -397,7 +397,7 @@ export declare const JiraServiceManagementLogo: ({ size, ...props }: import("./t
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const LoomIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const LoomIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Loom logo__
  *
@@ -407,7 +407,7 @@ export declare const LoomIcon: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const LoomLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const LoomLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Opsgenie icon__
  *
@@ -417,7 +417,7 @@ export declare const LoomLogo: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const OpsgenieIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const OpsgenieIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Opsgenie logo__
  *
@@ -427,7 +427,7 @@ export declare const OpsgenieIcon: ({ size, ...props }: import("./types").LogoPr
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const OpsgenieLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const OpsgenieLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Statuspage icon__
  *
@@ -437,7 +437,7 @@ export declare const OpsgenieLogo: ({ size, ...props }: import("./types").LogoPr
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const StatuspageIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const StatuspageIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Statuspage logo__
  *
@@ -447,7 +447,7 @@ export declare const StatuspageIcon: ({ size, ...props }: import("./types").Logo
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const StatuspageLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const StatuspageLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Trello icon__
  *
@@ -457,7 +457,7 @@ export declare const StatuspageLogo: ({ size, ...props }: import("./types").Logo
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const TrelloIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const TrelloIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Trello logo__
  *
@@ -467,7 +467,7 @@ export declare const TrelloIcon: ({ size, ...props }: import("./types").LogoProp
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const TrelloLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const TrelloLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Rovo icon__
  *
@@ -477,7 +477,7 @@ export declare const TrelloLogo: ({ size, ...props }: import("./types").LogoProp
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const RovoIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const RovoIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Rovo logo__
  *
@@ -487,7 +487,7 @@ export declare const RovoIcon: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const RovoLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const RovoLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Guard icon__
  *
@@ -497,7 +497,7 @@ export declare const RovoLogo: ({ size, ...props }: import("./types").LogoProps)
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const GuardIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const GuardIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Guard logo__
  *
@@ -507,7 +507,7 @@ export declare const GuardIcon: ({ size, ...props }: import("./types").LogoProps
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const GuardLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const GuardLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Focus icon__
  *
@@ -517,7 +517,7 @@ export declare const GuardLogo: ({ size, ...props }: import("./types").LogoProps
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const FocusIcon: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const FocusIcon: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 /**
  * __Focus logo__
  *
@@ -527,5 +527,5 @@ export declare const FocusIcon: ({ size, ...props }: import("./types").LogoProps
  * - [Code](https://atlassian.design/components/logo/code)
  * - [Usage](https://atlassian.design/components/logo/usage)
  */
-export declare const FocusLogo: ({ size, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
+export declare const FocusLogo: ({ size, shouldUseNewLogoDesign, ...props }: import("./types").LogoProps) => import("react").JSX.Element;
 export type { LogoProps } from './types';

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

@@ -9,7 +9,7 @@ import { type LogoProps } from './types';
  * @param NewComponent - The new logo component.
  * @returns A feature flagged component that renders the legacy logo or the new logo.
  */
-export declare const createFeatureFlaggedComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<TempLogoProps> | React.ComponentType<TempIconProps>) => ({ size, ...props }: LogoProps) => React.JSX.Element;
+export declare const createFeatureFlaggedComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<TempLogoProps> | React.ComponentType<TempIconProps>) => ({ size, shouldUseNewLogoDesign, ...props }: LogoProps) => React.JSX.Element;
 /**
  * Creates a wrapper around the new logo or icon component to ensure it receives the correct default (medium) size prop.
  *

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

@@ -26,6 +26,10 @@ type BaseLogoProps = {
      * - `{testId}--wrapper` to access the svg element's wrapper
      */
     testId?: string;
+    /**
+     * For logos that support it, enables the new logo design ahead of an upcoming feature flag roll-out.
+     */
+    shouldUseNewLogoDesign?: boolean;
 };
 export type LogoProps = BaseLogoProps;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/logo",
-	"version": "19.0.0",
+	"version": "19.1.0",
 	"description": "A logo is a visual representation of a brand or product. It can be a word or an image, or a combination of both.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/temp-nav-app-icons": "^0.8.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.0.0",
+		"@atlaskit/tokens": "^5.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
 	},
@@ -45,13 +45,13 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/code": "^17.2.0",
-		"@atlaskit/docs": "^10.0.0",
+		"@atlaskit/docs": "^11.0.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/lozenge": "^12.2.0",
+		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/select": "^20.6.0",
+		"@atlaskit/select": "^20.7.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlassian/codegen": "^0.1.0",
 		"@atlassian/ssr-tests": "^0.2.0",