@atlaskit/logo 20.1.0 → 20.1.1

package/dist/esm/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';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/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';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

package/dist/esm/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';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor;

package/dist/esm/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';
 var svg = function svg(_ref, colorMode) {
   var appearance = _ref.appearance,
     iconColor = _ref.iconColor,

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

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

package/dist/esm/logo-config.js

@@ -1,72 +1,15 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "shouldUseNewLogoDesign"],
-  _excluded2 = ["size", "shouldUseNewLogoDesign"],
-  _excluded3 = ["shouldUseHexLogo"],
-  _excluded4 = ["size"];
+var _excluded = ["shouldUseHexLogo"];
 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));
-  };
-};
-
-/**
- * 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 { createFeatureFlaggedComponent };
-var createFeatureFlaggedServiceCollectionComponent = function createFeatureFlaggedServiceCollectionComponent(LegacyComponent, NewComponent) {
-  // Note: textColor and iconColor aren't supported on all new logos
-  // These props will be deprecated in the future
-  return function (_ref2) {
-    var size = _ref2.size,
-      shouldUseNewLogoDesign = _ref2.shouldUseNewLogoDesign,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-    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 { createFeatureFlaggedServiceCollectionComponent };
+import { createFeatureFlaggedServiceCollectionComponent } from './create-feature-flagged-service-collection-component';
+import { tempSizeWrapper } from './temp-size-wrapper';
 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 function (_ref) {
+    var shouldUseHexLogo = _ref.shouldUseHexLogo,
+      props = _objectWithoutProperties(_ref, _excluded);
     // 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);
@@ -75,23 +18,8 @@ var createFeatureFlaggedRovoComponent = function createFeatureFlaggedRovoCompone
     }
   };
 };
-
-/**
- * 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 { createFeatureFlaggedRovoComponent };
-var tempSizeWrapper = function tempSizeWrapper(NewComponent) {
-  return function (_ref4) {
-    var size = _ref4.size,
-      props = _objectWithoutProperties(_ref4, _excluded4);
-    return /*#__PURE__*/React.createElement(NewComponent, _extends({
-      size: size || 'medium'
-    }, props));
-  };
-};
-export { tempSizeWrapper };
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var logoDocsSchema = [
 // Program logos
 {
@@ -325,27 +253,38 @@ export var logoDocsSchema = [
   skipExample: true,
   deprecated: true
 }];
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var PROGRAM_LOGO_DOCS_ORDER = logoDocsSchema.filter(function (logo) {
   return logo.category === 'program' && !logo.skipExample;
 }).map(function (logo) {
   return logo.name;
 });
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var APP_LOGO_DOCS_ORDER = logoDocsSchema.filter(function (logo) {
   return logo.category === 'app' && !logo.skipExample;
 }).map(function (logo) {
   return logo.name;
 });
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var AGENT_LOGO_DOCS_ORDER = logoDocsSchema.filter(function (logo) {
   return logo.category === 'agent' && !logo.skipExample;
 }).map(function (logo) {
   return logo.name;
 }) || [];
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var LEGACY_ONLY_LOGOS = logoDocsSchema.filter(function (logo) {
   return logo.type === 'legacy';
 });
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var SHARED_LOGOS = logoDocsSchema.filter(function (logo) {
   return logo.type === 'migration';
 });
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var NEW_ONLY_LOGOS = logoDocsSchema.filter(function (logo) {
   return 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/esm/temp-size-wrapper.js

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size"];
+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.
+ */
+var tempSizeWrapper = function tempSizeWrapper(NewComponent) {
+  return function (_ref) {
+    var size = _ref.size,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/React.createElement(NewComponent, _extends({
+      size: size || 'medium'
+    }, props));
+  };
+};
+export { tempSizeWrapper };

package/dist/types/create-feature-flagged-component.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type LogoProps } from './types';
+import { type AppIconProps, type AppLogoProps } from './utils/types';
+/**
+ * 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 declare const createFeatureFlaggedComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ size, shouldUseNewLogoDesign, ...props }: LogoProps) => React.JSX.Element;

package/dist/types/create-feature-flagged-service-collection-component.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type LogoProps } from './types';
+import { type AppIconProps, type AppLogoProps } from './utils/types';
+/**
+ * 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 declare const createFeatureFlaggedServiceCollectionComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ size, shouldUseNewLogoDesign, ...props }: LogoProps) => React.JSX.Element;

package/dist/types/legacy-logos/get-colors-from-appearance-old-logos.d.ts

@@ -0,0 +1,7 @@
+export declare const getColorsFromAppearanceOldLogos: (appearance?: string, colorMode?: string) => {
+    iconGradientStart: string | undefined;
+    iconGradientStop: string | undefined;
+    iconColor: string | undefined;
+    textColor: string | undefined;
+    atlassianLogoTextColor: string | undefined;
+};

package/dist/types/legacy-logos/get-colors-from-appearance.d.ts

@@ -0,0 +1,5 @@
+export declare const getColorsFromAppearance: (appearance?: string, colorMode?: string) => {
+    iconColor: string | undefined;
+    textColor: string | undefined;
+    atlassianLogoTextColor: string | undefined;
+};

package/dist/types/legacy-logos/utils.d.ts

@@ -1,16 +1,6 @@
-export declare const getColorsFromAppearanceOldLogos: (appearance?: string, colorMode?: string) => {
-    iconGradientStart: string | undefined;
-    iconGradientStop: string | undefined;
-    iconColor: string | undefined;
-    textColor: string | undefined;
-    atlassianLogoTextColor: string | undefined;
-};
-export declare const getColorsFromAppearance: (appearance?: string, colorMode?: string) => {
-    iconColor: string | undefined;
-    textColor: string | undefined;
-    atlassianLogoTextColor: string | undefined;
-};
 export declare const getColorsForLoom: (appearance?: string, colorMode?: string) => {
     iconColor: string | undefined;
     textColor: string | undefined;
 };
+export { getColorsFromAppearanceOldLogos } from './get-colors-from-appearance-old-logos';
+export { getColorsFromAppearance } from './get-colors-from-appearance';

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

@@ -1,24 +1,6 @@
 import React from 'react';
 import { type LogoProps } from './types';
 import { type AppIconProps, type AppLogoProps } from './utils/types';
-/**
- * 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 declare const createFeatureFlaggedComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ size, shouldUseNewLogoDesign, ...props }: LogoProps) => React.JSX.Element;
-/**
- * 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 declare const createFeatureFlaggedServiceCollectionComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ size, shouldUseNewLogoDesign, ...props }: LogoProps) => React.JSX.Element;
 export declare const createFeatureFlaggedRovoComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>, NewHexComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ 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.
@@ -30,12 +12,6 @@ export declare const createFeatureFlaggedRovoComponent: (LegacyComponent: React.
      */
     shouldUseHexLogo?: boolean;
 }) => React.JSX.Element;
-/**
- * Creates a wrapper around the new logo or icon component to ensure it receives the correct default (medium) size prop.
- *
- * @param NewComponent - The new logo or icon component.
- */
-export declare const tempSizeWrapper: (NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ size, ...props }: LogoProps) => React.JSX.Element;
 type LogoDocsSchema = {
     name: string;
     type: 'legacy' | 'migration' | 'new' | 'rovo-hex';
@@ -51,4 +27,6 @@ export declare const AGENT_LOGO_DOCS_ORDER: string[];
 export declare const LEGACY_ONLY_LOGOS: LogoDocsSchema[];
 export declare const SHARED_LOGOS: LogoDocsSchema[];
 export declare const NEW_ONLY_LOGOS: LogoDocsSchema[];
-export {};
+export { createFeatureFlaggedComponent } from './create-feature-flagged-component';
+export { createFeatureFlaggedServiceCollectionComponent } from './create-feature-flagged-service-collection-component';
+export { tempSizeWrapper } from './temp-size-wrapper';

package/dist/types/temp-size-wrapper.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type LogoProps } from './types';
+import { type AppIconProps, type AppLogoProps } from './utils/types';
+/**
+ * Creates a wrapper around the new logo or icon component to ensure it receives the correct default (medium) size prop.
+ *
+ * @param NewComponent - The new logo or icon component.
+ */
+export declare const tempSizeWrapper: (NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ size, ...props }: LogoProps) => React.JSX.Element;

package/dist/types-ts4.5/create-feature-flagged-component.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type LogoProps } from './types';
+import { type AppIconProps, type AppLogoProps } from './utils/types';
+/**
+ * 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 declare const createFeatureFlaggedComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ size, shouldUseNewLogoDesign, ...props }: LogoProps) => React.JSX.Element;

package/dist/types-ts4.5/create-feature-flagged-service-collection-component.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type LogoProps } from './types';
+import { type AppIconProps, type AppLogoProps } from './utils/types';
+/**
+ * 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 declare const createFeatureFlaggedServiceCollectionComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ size, shouldUseNewLogoDesign, ...props }: LogoProps) => React.JSX.Element;

package/dist/types-ts4.5/legacy-logos/get-colors-from-appearance-old-logos.d.ts

@@ -0,0 +1,7 @@
+export declare const getColorsFromAppearanceOldLogos: (appearance?: string, colorMode?: string) => {
+    iconGradientStart: string | undefined;
+    iconGradientStop: string | undefined;
+    iconColor: string | undefined;
+    textColor: string | undefined;
+    atlassianLogoTextColor: string | undefined;
+};

package/dist/types-ts4.5/legacy-logos/get-colors-from-appearance.d.ts

@@ -0,0 +1,5 @@
+export declare const getColorsFromAppearance: (appearance?: string, colorMode?: string) => {
+    iconColor: string | undefined;
+    textColor: string | undefined;
+    atlassianLogoTextColor: string | undefined;
+};

package/dist/types-ts4.5/legacy-logos/utils.d.ts

@@ -1,16 +1,6 @@
-export declare const getColorsFromAppearanceOldLogos: (appearance?: string, colorMode?: string) => {
-    iconGradientStart: string | undefined;
-    iconGradientStop: string | undefined;
-    iconColor: string | undefined;
-    textColor: string | undefined;
-    atlassianLogoTextColor: string | undefined;
-};
-export declare const getColorsFromAppearance: (appearance?: string, colorMode?: string) => {
-    iconColor: string | undefined;
-    textColor: string | undefined;
-    atlassianLogoTextColor: string | undefined;
-};
 export declare const getColorsForLoom: (appearance?: string, colorMode?: string) => {
     iconColor: string | undefined;
     textColor: string | undefined;
 };
+export { getColorsFromAppearanceOldLogos } from './get-colors-from-appearance-old-logos';
+export { getColorsFromAppearance } from './get-colors-from-appearance';

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

@@ -1,24 +1,6 @@
 import React from 'react';
 import { type LogoProps } from './types';
 import { type AppIconProps, type AppLogoProps } from './utils/types';
-/**
- * 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 declare const createFeatureFlaggedComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ size, shouldUseNewLogoDesign, ...props }: LogoProps) => React.JSX.Element;
-/**
- * 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 declare const createFeatureFlaggedServiceCollectionComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ size, shouldUseNewLogoDesign, ...props }: LogoProps) => React.JSX.Element;
 export declare const createFeatureFlaggedRovoComponent: (LegacyComponent: React.ComponentType<LogoProps>, NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>, NewHexComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ 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.
@@ -30,12 +12,6 @@ export declare const createFeatureFlaggedRovoComponent: (LegacyComponent: React.
      */
     shouldUseHexLogo?: boolean;
 }) => React.JSX.Element;
-/**
- * Creates a wrapper around the new logo or icon component to ensure it receives the correct default (medium) size prop.
- *
- * @param NewComponent - The new logo or icon component.
- */
-export declare const tempSizeWrapper: (NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ size, ...props }: LogoProps) => React.JSX.Element;
 type LogoDocsSchema = {
     name: string;
     type: 'legacy' | 'migration' | 'new' | 'rovo-hex';
@@ -51,4 +27,6 @@ export declare const AGENT_LOGO_DOCS_ORDER: string[];
 export declare const LEGACY_ONLY_LOGOS: LogoDocsSchema[];
 export declare const SHARED_LOGOS: LogoDocsSchema[];
 export declare const NEW_ONLY_LOGOS: LogoDocsSchema[];
-export {};
+export { createFeatureFlaggedComponent } from './create-feature-flagged-component';
+export { createFeatureFlaggedServiceCollectionComponent } from './create-feature-flagged-service-collection-component';
+export { tempSizeWrapper } from './temp-size-wrapper';

package/dist/types-ts4.5/temp-size-wrapper.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type LogoProps } from './types';
+import { type AppIconProps, type AppLogoProps } from './utils/types';
+/**
+ * Creates a wrapper around the new logo or icon component to ensure it receives the correct default (medium) size prop.
+ *
+ * @param NewComponent - The new logo or icon component.
+ */
+export declare const tempSizeWrapper: (NewComponent: React.ComponentType<AppLogoProps> | React.ComponentType<AppIconProps>) => ({ size, ...props }: LogoProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/logo",
-	"version": "20.1.0",
+	"version": "20.1.1",
 	"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/"
@@ -38,7 +38,7 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^7.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/theme": "^23.2.0",
+		"@atlaskit/theme": "^24.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
@@ -51,25 +51,26 @@
 		"@af/formatting": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/code": "^17.4.0",
+		"@atlaskit/code": "^17.5.0",
 		"@atlaskit/docs": "^11.8.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/select": "^21.10.0",
+		"@atlaskit/section-message": "^8.13.0",
+		"@atlaskit/select": "^21.12.0",
 		"@atlaskit/table": "^0.15.0",
 		"@atlaskit/toggle": "^15.6.0",
 		"@atlassian/codegen": "^0.2.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
-		"@atlassian/testing-library": "^0.5.0",
+		"@atlassian/testing-library": "^0.6.0",
 		"@testing-library/react": "^16.3.0",
 		"fs-extra": "^4.0.2",
 		"jscodeshift": "^17.0.0",
 		"lodash": "^4.17.21",
 		"pkg-dir": "^4.2.0",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"svgo": "patch:svgo@npm%3A3.3.0#~/.yarn/patches/svgo-npm-3.3.0-253da0cdd6.patch",
 		"ts-node": "^10.9.1"

package/offerings.json

@@ -1,28 +0,0 @@
-[
-	{
-		"name": "AtlassianIcon",
-		"package": "@atlaskit/logo",
-		"import": {
-			"name": "AtlassianIcon",
-			"package": "@atlaskit/logo",
-			"type": "named"
-		},
-		"keywords": ["logo", "brand", "atlassian", "identity", "header"],
-		"categories": ["brand"],
-		"shortDescription": "A component for displaying the Atlassian icon.",
-		"status": "general-availability",
-		"accessibilityGuidelines": [
-			"Provide appropriate alt text for the icon",
-			"Ensure icon visibility and contrast",
-			"Consider icon sizing and placement",
-			"Use appropriate icon variants"
-		],
-		"usageGuidelines": [
-			"Use for Atlassian brand representation",
-			"Choose appropriate icon variants",
-			"Consider icon sizing and placement",
-			"Maintain brand consistency"
-		],
-		"examples": ["./examples/ai/atlassian-icon.tsx"]
-	}
-]