@atlaskit/logo 20.1.0 → 20.1.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/es2019/legacy-logos/jira-service-management/logo.js

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

package/dist/es2019/legacy-logos/jira-software/icon.js

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

package/dist/es2019/legacy-logos/jira-software/logo.js

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

package/dist/es2019/legacy-logos/jira-work-management/icon.js

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

package/dist/es2019/legacy-logos/jira-work-management/logo.js

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

package/dist/es2019/legacy-logos/opsgenie/icon.js

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

package/dist/es2019/legacy-logos/opsgenie/logo.js

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

package/dist/es2019/legacy-logos/rovo/icon.js

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

package/dist/es2019/legacy-logos/rovo/logo.js

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

package/dist/es2019/legacy-logos/statuspage/icon.js

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

package/dist/es2019/legacy-logos/statuspage/logo.js

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

package/dist/es2019/legacy-logos/trello/icon.js

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

package/dist/es2019/legacy-logos/trello/logo.js

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

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

@@ -1,93 +1,4 @@
-// TODO: This is where we need to add tokens for all appearance color values
-export const getColorsFromAppearanceOldLogos = (appearance, colorMode) => {
-  let iconGradientStart, iconGradientStop, iconColor, textColor, atlassianLogoTextColor;
-  switch (appearance) {
-    case 'brand':
-      iconGradientStart = '#0052CC';
-      iconGradientStop = '#2684FF';
-      iconColor = '#2684FF';
-      textColor = "var(--ds-text, #292A2E)";
-      // This is only used for the top level Atlassian wordmark (see AtlassianLogo
-      // or AtlassianStartLogo for example), and is only different for the Brand
-      // appearance - a bold brand color. For other appearances,
-      // atlassianLogoTextColor is the same as textColor.
-      atlassianLogoTextColor = '#0052CC';
-      break;
-    case 'neutral':
-      iconGradientStart = '#344563';
-      iconGradientStop = '#7A869A';
-      iconColor = '#7A869A';
-      textColor = '#505F79';
-      atlassianLogoTextColor = '#505F79';
-      break;
-    case 'inverse':
-      iconGradientStart = '#FFFFFF66';
-      iconGradientStop = '#FFFFFF';
-      iconColor = '#FFFFFF';
-      textColor = '#FFFFFF';
-      atlassianLogoTextColor = '#FFFFFF';
-      break;
-  }
-  if (colorMode === 'dark' && appearance === 'inverse') {
-    iconGradientStart = '#161A1D66';
-    iconGradientStop = '#161A1D';
-    iconColor = '#161A1D';
-    textColor = '#161A1D';
-    atlassianLogoTextColor = '#161A1D';
-  }
-  return {
-    iconGradientStart,
-    iconGradientStop,
-    iconColor,
-    textColor,
-    atlassianLogoTextColor
-  };
-};
-export const getColorsFromAppearance = (appearance, colorMode) => {
-  let iconColor, textColor, atlassianLogoTextColor;
-  if (colorMode === 'dark') {
-    switch (appearance) {
-      case 'brand':
-        iconColor = '#357DE8';
-        textColor = '#E2E3E4';
-        atlassianLogoTextColor = '#357DE8';
-        break;
-      case 'neutral':
-        iconColor = '#96999E';
-        textColor = '#BFC1C4';
-        atlassianLogoTextColor = '#96999E';
-        break;
-      case 'inverse':
-        iconColor = '#101214';
-        textColor = '#101214';
-        atlassianLogoTextColor = '#101214';
-        break;
-    }
-  } else {
-    switch (appearance) {
-      case 'brand':
-        iconColor = '#1868DB';
-        textColor = '#101214';
-        atlassianLogoTextColor = '#1868DB';
-        break;
-      case 'neutral':
-        iconColor = '#6C6F77';
-        textColor = '#3B3D42';
-        atlassianLogoTextColor = '#6C6F77';
-        break;
-      case 'inverse':
-        iconColor = '#FFFFFF';
-        textColor = '#FFFFFF';
-        atlassianLogoTextColor = '#FFFFFF';
-        break;
-    }
-  }
-  return {
-    iconColor,
-    textColor,
-    atlassianLogoTextColor
-  };
-};
+import { getColorsFromAppearance } from './get-colors-from-appearance';
 export const getColorsForLoom = (appearance, colorMode) => {
   let iconColor = getColorsFromAppearance(appearance, colorMode).iconColor;
   let textColor = getColorsFromAppearance(appearance, colorMode).textColor;
@@ -110,4 +21,6 @@ export const getColorsForLoom = (appearance, colorMode) => {
     iconColor,
     textColor
   };
-};
+};
+export { getColorsFromAppearanceOldLogos } from './get-colors-from-appearance-old-logos';
+export { getColorsFromAppearance } from './get-colors-from-appearance';

package/dist/es2019/logo-config.js

@@ -1,61 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-/**
- * Creates a feature flagged component that renders the legacy logo or the new logo
- * based on the platform-logo-rebrand feature flag.
- *
- * @param LegacyComponent - The legacy logo component.
- * @param NewComponent - The new logo component.
- * @returns A feature flagged component that renders the legacy logo or the new logo.
- */
-export const createFeatureFlaggedComponent = (LegacyComponent, NewComponent) => {
-  // Note: textColor and iconColor aren't supported on all new logos
-  // These props will be deprecated in the future
-  return ({
-    size,
-    shouldUseNewLogoDesign,
-    ...props
-  }) => {
-    if (fg('platform-logo-rebrand') || shouldUseNewLogoDesign) {
-      // Size defaults need to be set, as the temp library had different defaults
-      return /*#__PURE__*/React.createElement(NewComponent, _extends({
-        size: size || 'medium'
-      }, props));
-    }
-    return /*#__PURE__*/React.createElement(LegacyComponent, _extends({
-      size: size
-    }, props));
-  };
-};
-
-/**
- * Creates a feature flagged component that renders the legacy logo or the new logo
- * based on the platform-logo-rebrand feature flag.
- *
- * @param LegacyComponent - The legacy logo component.
- * @param NewComponent - The new logo component.
- * @returns A feature flagged component that renders the legacy logo or the new logo.
- */
-export const createFeatureFlaggedServiceCollectionComponent = (LegacyComponent, NewComponent) => {
-  // Note: textColor and iconColor aren't supported on all new logos
-  // These props will be deprecated in the future
-  return ({
-    size,
-    shouldUseNewLogoDesign,
-    ...props
-  }) => {
-    if (fg('platform-logo-rebrand') || shouldUseNewLogoDesign) {
-      // Size defaults need to be set, as the temp library had different defaults
-      return /*#__PURE__*/React.createElement(NewComponent, _extends({
-        size: size || 'medium'
-      }, props));
-    }
-    return /*#__PURE__*/React.createElement(LegacyComponent, _extends({
-      size: size
-    }, props));
-  };
-};
+import { createFeatureFlaggedServiceCollectionComponent } from './create-feature-flagged-service-collection-component';
+import { tempSizeWrapper } from './temp-size-wrapper';
 export const createFeatureFlaggedRovoComponent = (LegacyComponent, NewComponent, NewHexComponent) => {
   const RovoHexWrapped = tempSizeWrapper(NewHexComponent);
   const RovoServiceCollectionWrapped = createFeatureFlaggedServiceCollectionComponent(LegacyComponent, NewComponent);
@@ -71,22 +17,7 @@ export const createFeatureFlaggedRovoComponent = (LegacyComponent, NewComponent,
     }
   };
 };
-
-/**
- * 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 const tempSizeWrapper = NewComponent => {
-  return ({
-    size,
-    ...props
-  }) => {
-    return /*#__PURE__*/React.createElement(NewComponent, _extends({
-      size: size || 'medium'
-    }, props));
-  };
-};
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const logoDocsSchema = [
 // Program logos
 {
@@ -320,9 +251,20 @@ export const logoDocsSchema = [
   skipExample: true,
   deprecated: true
 }];
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const PROGRAM_LOGO_DOCS_ORDER = logoDocsSchema.filter(logo => logo.category === 'program' && !logo.skipExample).map(logo => logo.name);
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const APP_LOGO_DOCS_ORDER = logoDocsSchema.filter(logo => logo.category === 'app' && !logo.skipExample).map(logo => logo.name);
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const AGENT_LOGO_DOCS_ORDER = logoDocsSchema.filter(logo => logo.category === 'agent' && !logo.skipExample).map(logo => logo.name) || [];
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const LEGACY_ONLY_LOGOS = logoDocsSchema.filter(logo => logo.type === 'legacy');
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const SHARED_LOGOS = logoDocsSchema.filter(logo => logo.type === 'migration');
-export const NEW_ONLY_LOGOS = logoDocsSchema.filter(logo => logo.type === 'new');
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+export const NEW_ONLY_LOGOS = logoDocsSchema.filter(logo => logo.type === 'new');
+export { createFeatureFlaggedComponent } from './create-feature-flagged-component';
+export { createFeatureFlaggedServiceCollectionComponent } from './create-feature-flagged-service-collection-component';
+export { tempSizeWrapper } from './temp-size-wrapper';

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

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+/**
+ * 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 const tempSizeWrapper = NewComponent => {
+  return ({
+    size,
+    ...props
+  }) => {
+    return /*#__PURE__*/React.createElement(NewComponent, _extends({
+      size: size || 'medium'
+    }, props));
+  };
+};

package/dist/esm/constants.js

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

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

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