@atlaskit/logo 19.10.4 → 19.10.6

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/logo
 
+## 19.10.6
+
+### Patch Changes
+
+- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
+  Enrol all Design System UI packages into the React Compiler with platform gating via
+  isReactCompilerActivePlatform.
+- Updated dependencies
+
+## 19.10.5
+
+### Patch Changes
+
+- [`22bf79dbdcdca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22bf79dbdcdca) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+
 ## 19.10.4
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -947,7 +947,6 @@ var TrelloLogo = exports.TrelloLogo = (0, _logoConfig.createFeatureFlaggedCompon
  *
  * Finally, for backwards compatibility, if the prop `shouldUseNewLogoDesign` is set to true, or the following feature flags are set,
  * a tile will be rendered:
- * - `platform-logo-rebrand-servco`
  * - `platform-logo-rebrand`
  *
  * - [Examples](https://atlassian.design/components/logo/examples)

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

@@ -13,7 +13,7 @@ var getColorsFromAppearanceOldLogos = exports.getColorsFromAppearanceOldLogos =
       iconGradientStart = _colors.B400;
       iconGradientStop = _colors.B200;
       iconColor = _colors.B200;
-      textColor = "var(--ds-text, ".concat(_colors.N800, ")");
+      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,

package/dist/cjs/logo-config.js

@@ -42,7 +42,7 @@ var createFeatureFlaggedComponent = exports.createFeatureFlaggedComponent = func
 
 /**
  * Creates a feature flagged component that renders the legacy logo or the new logo
- * based on the platform-logo-rebrand-servco or platform-logo-rebrand feature flag.
+ * based on the platform-logo-rebrand feature flag.
  *
  * @param LegacyComponent - The legacy logo component.
  * @param NewComponent - The new logo component.
@@ -55,7 +55,7 @@ var createFeatureFlaggedServiceCollectionComponent = exports.createFeatureFlagge
     var size = _ref2.size,
       shouldUseNewLogoDesign = _ref2.shouldUseNewLogoDesign,
       props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-    if ((0, _platformFeatureFlags.fg)('platform-logo-rebrand-servco') || (0, _platformFeatureFlags.fg)('platform-logo-rebrand') || shouldUseNewLogoDesign) {
+    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'

package/dist/es2019/index.js

@@ -867,7 +867,6 @@ export const TrelloLogo = createFeatureFlaggedComponent(LegacyTrelloLogo, NewTre
  *
  * Finally, for backwards compatibility, if the prop `shouldUseNewLogoDesign` is set to true, or the following feature flags are set,
  * a tile will be rendered:
- * - `platform-logo-rebrand-servco`
  * - `platform-logo-rebrand`
  *
  * - [Examples](https://atlassian.design/components/logo/examples)

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

@@ -1,4 +1,4 @@
-import { B200, B400, N0, N100, N400, N600, N800 } from '@atlaskit/theme/colors';
+import { B200, B400, N0, N100, N400, N600 } from '@atlaskit/theme/colors';
 // 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;
@@ -7,7 +7,7 @@ export const getColorsFromAppearanceOldLogos = (appearance, colorMode) => {
       iconGradientStart = B400;
       iconGradientStop = B200;
       iconColor = B200;
-      textColor = `var(--ds-text, ${N800})`;
+      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,

package/dist/es2019/logo-config.js

@@ -31,7 +31,7 @@ export const createFeatureFlaggedComponent = (LegacyComponent, NewComponent) =>
 
 /**
  * Creates a feature flagged component that renders the legacy logo or the new logo
- * based on the platform-logo-rebrand-servco or platform-logo-rebrand feature flag.
+ * based on the platform-logo-rebrand feature flag.
  *
  * @param LegacyComponent - The legacy logo component.
  * @param NewComponent - The new logo component.
@@ -45,7 +45,7 @@ export const createFeatureFlaggedServiceCollectionComponent = (LegacyComponent,
     shouldUseNewLogoDesign,
     ...props
   }) => {
-    if (fg('platform-logo-rebrand-servco') || fg('platform-logo-rebrand') || shouldUseNewLogoDesign) {
+    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'

package/dist/esm/index.js

@@ -937,7 +937,6 @@ var TrelloLogo = createFeatureFlaggedComponent(LegacyTrelloLogo, NewTrelloLogo);
  *
  * Finally, for backwards compatibility, if the prop `shouldUseNewLogoDesign` is set to true, or the following feature flags are set,
  * a tile will be rendered:
- * - `platform-logo-rebrand-servco`
  * - `platform-logo-rebrand`
  *
  * - [Examples](https://atlassian.design/components/logo/examples)

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

@@ -1,4 +1,4 @@
-import { B200, B400, N0, N100, N400, N600, N800 } from '@atlaskit/theme/colors';
+import { B200, B400, N0, N100, N400, N600 } from '@atlaskit/theme/colors';
 // 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;
@@ -7,7 +7,7 @@ export var getColorsFromAppearanceOldLogos = function getColorsFromAppearanceOld
       iconGradientStart = B400;
       iconGradientStop = B200;
       iconColor = B200;
-      textColor = "var(--ds-text, ".concat(N800, ")");
+      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,

package/dist/esm/logo-config.js

@@ -35,7 +35,7 @@ var createFeatureFlaggedComponent = function createFeatureFlaggedComponent(Legac
 
 /**
  * Creates a feature flagged component that renders the legacy logo or the new logo
- * based on the platform-logo-rebrand-servco or platform-logo-rebrand feature flag.
+ * based on the platform-logo-rebrand feature flag.
  *
  * @param LegacyComponent - The legacy logo component.
  * @param NewComponent - The new logo component.
@@ -49,7 +49,7 @@ var createFeatureFlaggedServiceCollectionComponent = function createFeatureFlagg
     var size = _ref2.size,
       shouldUseNewLogoDesign = _ref2.shouldUseNewLogoDesign,
       props = _objectWithoutProperties(_ref2, _excluded2);
-    if (fg('platform-logo-rebrand-servco') || fg('platform-logo-rebrand') || shouldUseNewLogoDesign) {
+    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'

package/dist/types/index.d.ts

@@ -787,7 +787,6 @@ export declare const TrelloLogo: ({ size, shouldUseNewLogoDesign, ...props }: im
  *
  * Finally, for backwards compatibility, if the prop `shouldUseNewLogoDesign` is set to true, or the following feature flags are set,
  * a tile will be rendered:
- * - `platform-logo-rebrand-servco`
  * - `platform-logo-rebrand`
  *
  * - [Examples](https://atlassian.design/components/logo/examples)

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

@@ -12,7 +12,7 @@ import { type AppIconProps, type AppLogoProps } from './utils/types';
 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-servco or platform-logo-rebrand feature flag.
+ * based on the platform-logo-rebrand feature flag.
  *
  * @param LegacyComponent - The legacy logo component.
  * @param NewComponent - The new logo component.

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

@@ -787,7 +787,6 @@ export declare const TrelloLogo: ({ size, shouldUseNewLogoDesign, ...props }: im
  *
  * Finally, for backwards compatibility, if the prop `shouldUseNewLogoDesign` is set to true, or the following feature flags are set,
  * a tile will be rendered:
- * - `platform-logo-rebrand-servco`
  * - `platform-logo-rebrand`
  *
  * - [Examples](https://atlassian.design/components/logo/examples)

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

@@ -12,7 +12,7 @@ import { type AppIconProps, type AppLogoProps } from './utils/types';
 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-servco or platform-logo-rebrand feature flag.
+ * based on the platform-logo-rebrand feature flag.
  *
  * @param LegacyComponent - The legacy logo component.
  * @param NewComponent - The new logo component.

package/logo.docs.tsx

@@ -0,0 +1,41 @@
+import path from 'path';
+
+import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+
+const documentation: ComponentStructuredContentSource[] = [
+	{
+		name: 'AtlassianIcon',
+		description: 'A component for displaying the Atlassian icon.',
+		status: 'general-availability',
+		import: {
+			name: 'AtlassianIcon',
+			package: '@atlaskit/logo',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use for Atlassian brand representation',
+			'Choose appropriate icon variants',
+			'Consider icon sizing and placement',
+			'Maintain brand consistency',
+		],
+		accessibilityGuidelines: [
+			'Provide appropriate alt text for the icon',
+			'Ensure icon visibility and contrast',
+			'Consider icon sizing and placement',
+			'Use appropriate icon variants',
+		],
+		examples: [
+			{
+				name: 'Atlassian Icon',
+				description: 'Atlassian Icon example',
+				source: path.resolve(__dirname, './examples/ai/atlassian-icon.tsx'),
+			},
+		],
+		keywords: ['logo', 'brand', 'atlassian', 'identity', 'header'],
+		categories: ['brand'],
+	},
+];
+
+export default documentation;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/logo",
-	"version": "19.10.4",
+	"version": "19.10.6",
 	"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/"
@@ -21,6 +21,13 @@
 	},
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
+		"react-compiler": {
+			"enabled": true,
+			"gating": {
+				"source": "@atlassian/react-compiler-gating",
+				"importSpecifierName": "isReactCompilerActivePlatform"
+			}
+		},
 		"team": "Design System Team",
 		"website": {
 			"name": "Logo",
@@ -32,7 +39,7 @@
 		"@atlaskit/ds-lib": "^6.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tokens": "^11.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -45,17 +52,19 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/code": "^17.4.0",
-		"@atlaskit/docs": "^11.6.0",
+		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/primitives": "^18.0.0",
+		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/select": "^21.8.0",
+		"@atlaskit/select": "^21.10.0",
 		"@atlaskit/table": "^0.14.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlassian/codegen": "^0.1.0",
+		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
-		"@atlassian/testing-library": "^0.4.0",
+		"@atlassian/structured-docs-types": "workspace:^",
+		"@atlassian/testing-library": "^0.5.0",
 		"@testing-library/react": "^16.3.0",
 		"fs-extra": "^4.0.2",
 		"jscodeshift": "^17.0.0",
@@ -99,9 +108,6 @@
 		"platform-logo-rebrand": {
 			"type": "boolean"
 		},
-		"platform-logo-rebrand-servco": {
-			"type": "boolean"
-		},
 		"platform-logo-rebrand-team-eu": {
 			"type": "boolean"
 		},