Logo

d82e6f76528ab, (opens new window) - Add direct subpath package exports as part of the linking-platform, search, media, and design-system barrel-removal (de-barrel) migration.

These packages now expose their individual modules via explicit package.json exports subpaths so that consumers can import directly from the leaf module (e.g. @atlaskit/pkg/thing) instead of the package barrel/index. This adds new public entry points without changing or removing any existing exports, so it is a backwards-compatible additive change.

No runtime behaviour changes; this is an API-surface (entry-point) addition to support tree-shaking and to unblock removal of the barrel index files.

f24eb9181feee, (opens new window) - Cleanup feature gates platform-logo-rebrand and platform-logo-rebrand-rovo-hex. The new visual refresh logos and Rovo hex logo design are now permanently enabled.

Deprecated the shouldUseNewLogoDesign prop on LogoProps and the shouldUseHexLogo prop on Rovo logo components — these props are now no-ops and will be removed in a future release.

6dbd37709ec20, (opens new window) - Remove internal barrel files and add individual subpath entry-points as part of Volt module compliance.

• Added 83 new subpath entry-points (44 icon, 39 logo-cs) so consumers can import granularly, e.g. @atlaskit/logo/confluence/icon, @atlaskit/logo/jira/logo
• Removed 44 generated index.tsx barrel files from src/artifacts/logo-components/<slug>/
• Rewrote all internal imports in src/index.tsx and src/exports/ to point directly at the leaf files (/icon, /logo-cs, /logo) instead of going through artifact barrels
• Updated the generate:components codegen to no longer produce artifact barrel index.tsx files

Existing consumers importing from @atlaskit/logo (the root barrel) are unaffected.

cd097a2111788, (opens new window) - Republish packages depending on @atlaskit/react-compiler-gating so their published dependency reference is updated to the renamed @atlaskit/react-compiler-gating scope.

The earlier rename of @atlassian/react-compiler-gating to @atlaskit/react-compiler-gating only bumped the renamed package itself, so dependent packages were never republished and their published versions still referenced the old @atlassian/react-compiler-gating name, which is not available in the public npm registry. This minor bump republishes all affected packages with the corrected dependency.

f2dc9097319f0, (opens new window) - ### Dropped support for legacy Typescript 4 types. Typescript 5 is now the new minimum.

Removes the typesVersions property and dist/types-ts4.5 directory from the dist.

Types are now exclusively via the "types": "dist/types/index.d.ts" property.

9ecd6968b11f8, (opens new window) - [ux] Cleans up platform-logo-rebrand-team-eu feature flag and add the Feedback logo to the @atlaskit/logo library.

Removes exports:

• CrowdLogo and CrowdIcon
• BambooLogo and BambooIcon
• raw-icons entrypoint with string-encoded versions of all logo icons for use in favicons and other scenarios where React components cannot be used

#177235, (opens new window) 227f5ae9544a1, (opens new window) -

Updated:

• LoomAttributionLogo and LoomAttributionIcon: support new logo design language.

Added:

• LoomBlurpleLogo and LoomBlurpleIcon: matches the new logo design language, but using Loom's blurple color

• BitbucketDataCenterLogo and BitbucketDataCenterIcon
• JiraDataCenterLogo and JiraDataCenterIcon
• ConfluenceDataCenterLogo and ConfluenceDataCenterIcon

#173001, (opens new window) 445bba751a18a, (opens new window) - Added:

• AdminLogo and AdminIcon
• AnalyticsLogo and AnalyticsIcon
• AlignLogo and AlignIcon

Updated: Feature flagging added to:

• AtlassianAdministrationLogo and AtlassianAdministrationIcon
• AtlassianAnalyticsLogo and AtlassianAnalyticsIcon
• AtlassianAlignLogo and AtlassianAlignIcon

• admin, align, analytics, company-hub and guard-detect logos
• These logos have been feature flagged behind existing entry points.

#154600, (opens new window) d573e939cabe3, (opens new window) - Adds xxsmall size to Logo, that maps to the same size as xsmall.

In a future major bump of this component, the xsmall size will be updated to render logos at 20px height; please migrate any usages before then.

#148090, (opens new window) 6b95a2eecc267, (opens new window) -

Removed deprecated logos:

• HalpIcon, HalpLogo
• AtlassianStartLogo

#117363, (opens new window) 10a0f7f6c2027, (opens new window) - This package's peerDependencies have been adjusted for react and/or react-dom to reflect the status of only supporting React 18 going forward. No explicit breaking change to React support has been made in this release, but this is to signify going forward, breaking changes for React 16 or React 17 may come via non-major semver releases.

Please refer this community post for more details: https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026, (opens new window)

#170937, (opens new window) 2f502fec31157, (opens new window) - Migrated from @emotion/react to @compiled/react in order to improve performance, align with the rest of the Atlaskit techstack, and support React 18 Streaming SSR.

Please note, in order to use this version of @atlaskit/logo, you will need to ensure that your bundler is configured to handle .css imports correctly. Most bundlers come with built-in support for .css imports, so you may not need to do anything. If you are using a different bundler, please refer to the documentation for that bundler to understand how to handle .css imports.

#127511, (opens new window) db30e29344013, (opens new window) - Widening range of react and react-dom peer dependencies from ^16.8.0 || ^17.0.0 || ~18.2.0 to the wider range of ``^16.8.0 || ^17.0.0 || ^18.0.0` (where applicable).

This change has been done to enable usage of react@18.3 as well as to have a consistent peer dependency range for react and react-dom for /platform packages.

#93481, (opens new window) fb0aacf8c8957, (opens new window) - Updates product logos following a brand refresh, cleaning up the feature flag from 13.17.0. This release also deletes a number of deprecated logos and props, and marks other logos as deprecated.

• iconGradientStart and iconGradientStop props have been removed from all Icon and Logo components. Updated logos do not support gradients.
• Deprecated Wordmark components have been removed. These wordmarks were only designed for use in a legacy navigation pattern which is no longer supported. If you are using these components, you should replace them with the appropriate Logo component.
• Deleted deprecated logos:
  • HipchatLogo and HipChatIcon
  • StrideLogo and StrideIcon
  • JiraCoreLogo and JiraCoreIcon
  • JiraServiceDeskLogo and JiraServiceDeskIcon
  • OpsGenieLogo and OpsGenieIcon (old versions of OpsgenieLogo and OpsgenieIcon)

• AtlasLogo and AtlasIcon
• AtlassianStartLogo
• HalpLogo and HalpIcon
• JiraSoftwareLogo and JiraSoftwareIcon - use JiraLogo and JiraIcon instead
• JiraWorkManagementLogo and JiraWorkManagementIcon - use JiraLogo and JiraIcon instead

• Deprecates the iconColor, iconGradientStart, iconGradientEnd and textColor props. They will still be supported in the immediate future but the goal is to shift usages towards using the appearance prop.

#21570, (opens new window) 0793be315f4, (opens new window) - [ux] This is an update to clearly mark all deprecated Logo exports as deprecated and slated for removal in the next major release. In the next verion we will be removing the following deprecated exports from the main entrypoint:

• StrideIcon, StrideLogo, StrideWordmark
• HipchatIcon, HipchatLogo, HipchatWordmark
• JiraCoreIcon, JiraCoreLogo, JiraCoreWordmark (use JiraWorkManagement + Icon|Logo|Wordmark instead)
• JiraServiceDeskIcon, JiraServiceDeskLogo, JiraServiceDeskWordmark (use JiraServiceManagement + Icon|Logo|Wordmark instead)
• OpsGenieIcon, OpsGenieLogo, OpsGenieWordmark (use Opsgenie with a lowercase 'g' + Icon|Logo|Wordmark instead)

We will also be removing the following deprecated exports from the @atlaskit/logo/constants entrypoint:

• Props (use LogoProps instead)
• DefaultProps (use defaultLogoParams instead)

To help with this migration, we have provided a codemod that you can run to automatically update your imports (it will leave a comment if you are using a logo with no alternative). This codemod has been around for a while, but we've updated it in this release.

Once you've upgraded @atlaskit/logo, use the Atlaskit codemod CLI. See documentation on DAC, (opens new window) for general codemod guidance.

Without setting options in your terminal command, you can run the following and type to search for logo and select @atlaskit/logo: 13.6.0-rename-imports from the interactive CLI.

For a TypeScript codebase, a more detailed command might look something like this.

For a Flow codebase, you will want to use --parser babylon instead of --parser flow.

We've also updated @atlaskit/eslint-plugin-design-system to add new restrictions to these imports. If you haven't already, we recommend installing this plugin and enabling the rules in your ESLint config. For now, documentation for the plugin resides on Bitbucket, (opens new window).

#10230, (opens new window) 0017d2a8439, (opens new window) - Since the logo, icon and workmard components of JiraCore, JiraServiceDesk, OpsGenie, Stride and Hipchat are deprecated in @atlaskit/logo, we provided a codemod to help consumers upgrade their components.

Running the codemod cli

To run the codemod: You first need to have the latest avatar installed before you can run the codemod

yarn upgrade @atlaskit/logo

Once upgraded, use the Atlaskit codemod-cli;

npx @atlaskit/codemod-cli --parser [PARSER] --extensions [FILE_EXTENSIONS] [TARGET_PATH]

Or run npx @atlaskit/codemod-cli -h for more details on usage. For Atlassians, refer to this doc for more details on the codemod CLI.

Updated dependencies

• JiraCoreIcon, JiraCoreLogo, JiraCoreWordmark
• JiraServiceDeskIcon, JiraServiceDeskLogo, JiraServiceDeskWordmark
• StrideIcon, StrideLogo, StrideWordmark
• HipchatIcon, HipchatLogo, HipchatWordmark

#3885, (opens new window) 6c525a8229, (opens new window) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0

Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade to prevent duplicates of tslib being bundled.

[patch]f6667f2909, (opens new window):

Change imports to comply with Atlassian conventions- Updated dependencies 6b8e60827e, (opens new window):

Updated dependencies 449ef134b3, (opens new window):

Updated dependencies f7f2068a76, (opens new window):

Updated dependencies 57c0487a02, (opens new window):

Updated dependencies 6efb12e06d, (opens new window):

• @atlaskit/button@13.3.11
• @atlaskit/select@11.0.10
• @atlaskit/code@11.1.5

[patch]fd5292fd5a, (opens new window):

Corrects accessibility behavior for wrapping span. It now will now:

• conditionally set the aria-label if label is defined
• conditionally set the role to either img if label is defined, or presentation if it is not defined- Updated dependencies 66dcced7a0, (opens new window):

Updated dependencies eea5e9bd8c, (opens new window):

• @atlaskit/docs@8.4.0
• @atlaskit/field-radio-group@7.0.2
• @atlaskit/button@13.3.9
• @atlaskit/select@11.0.9

[patch]6548261c9a, (opens new window):

Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies 6548261c9a, (opens new window):

• @atlaskit/docs@8.3.2
• @atlaskit/visual-regression@0.1.9
• @atlaskit/button@13.3.7
• @atlaskit/code@11.1.3
• @atlaskit/field-radio-group@7.0.1
• @atlaskit/select@11.0.7
• @atlaskit/theme@9.5.1

• @atlaskit/field-radio-group@7.0.0
• @atlaskit/docs@8.3.1
• @atlaskit/button@13.3.6
• @atlaskit/select@11.0.6

[minor]308708081a, (opens new window):

Export LogoProps

[patch]30acc30979, (opens new window):

@atlaskit/select has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No API or behavioural changes.

[patch]35d2229b2a, (opens new window):

Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.

[minor]9e3b4ffeb1, (opens new window):

Add Trello logo

[patch]097b696613, (opens new window):

Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports

[patch]ecca4d1dbb, (opens new window):

Upgraded Typescript to 3.3.x

[patch]de35ce8c67, (opens new window):

Updates component maintainers

[patch]6260319597, (opens new window):

Updates OpsGenie logo width

[patch]f34776be97, (opens new window):

Type definition files are now referenced in package.json

[patch]bbff8a7d87, (opens new window):

Fixes bug, missing version.json file

[patch]18dfac7332, (opens new window):

In this PR, we are:

• Re-introducing dist build folders
• Adding back cjs
• Replacing es5 by cjs and es2015 by esm
• Creating folders at the root for entry-points
• Removing the generation of the entry-points at the root Please see this ticket, (opens new window) or this page, (opens new window) for further details

• @atlaskit/button@13.0.11
• @atlaskit/select@10.0.0

[minor]b81d931ee3, (opens new window):

Added new OpsGenie logo, fixed the gradient for the StatusPage logo, and refactored atlassian-switcher to use the new logos

[patch]4615439434, (opens new window):

index.ts will now be ignored when publishing to npm

[patch]94fc3757b8, (opens new window):

Update the Statuspage icon + logo

• This is just a safety release in case anything strange happened in in the previous one. See Pull Request #5942 for details

• @atlaskit/docs@8.1.0
• @atlaskit/code@11.0.0

• @atlaskit/logo has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided. No API or behavioural changes.

• Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use this package, please ensure you use at least this version of react and react-dom.

• @atlaskit/docs@7.0.3
• @atlaskit/button@12.0.3
• @atlaskit/code@9.0.1
• @atlaskit/field-radio-group@5.0.3
• @atlaskit/select@8.1.1
• @atlaskit/theme@8.1.7

• @atlaskit/docs@7.0.2
• @atlaskit/field-radio-group@5.0.2
• @atlaskit/select@8.0.5
• @atlaskit/theme@8.1.6
• @atlaskit/button@12.0.0

• Internal changes only. Ids relevant to Logo gradients are now ssr-friendly.

• @atlaskit/docs@7.0.1
• @atlaskit/field-radio-group@5.0.1
• @atlaskit/select@8.0.3
• @atlaskit/theme@8.0.1
• @atlaskit/button@11.0.0

[major]76299208e6, (opens new window):

• Drop ES5 from all the flow modules

As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only distribute esm. This means all distributed code will be transpiled, but will still contain import and export declarations.

The major reason for doing this is to allow us to support multiple entry points in packages, e.g:

Previously this was sort of possible for consumers by doing something like:

This has a couple of issues. 1, it treats the file system as API making internal refactors harder, we have to worry about how consumers might be using things that aren't actually supposed to be used. 2. We are unable to do this internally in @atlaskit packages. This leads to lots of packages bundling all of theme, just to use a single color, especially in situations where tree shaking fails.

To support being able to use multiple entrypoints internally, we unfortunately cannot have multiple distributions as they would need to have very different imports from of their own internal dependencies.

ES Modules are widely supported by all modern bundlers and can be worked around in node environments.

We may choose to revisit this solution in the future if we find any unintended condequences, but we see this as a pretty sane path forward which should lead to some major bundle size decreases, saner API's and simpler package architecture.

Please reach out to #fabric-build (if in Atlassian) or create an issue in Design System Support, (opens new window) (for external) if you have any questions or queries about this.

• @atlaskit/select@7.0.0

• @atlaskit/button@10.1.1
• @atlaskit/code@8.2.2
• @atlaskit/field-radio-group@4.0.14
• @atlaskit/select@6.1.13
• @atlaskit/theme@7.0.1
• @atlaskit/docs@6.0.0

• @atlaskit/docs@5.2.3
• @atlaskit/button@10.0.4
• @atlaskit/code@8.2.1
• @atlaskit/field-radio-group@4.0.13
• @atlaskit/select@6.1.10
• @atlaskit/theme@7.0.0

• @atlaskit/docs@5.2.1
• @atlaskit/field-radio-group@4.0.11
• @atlaskit/select@6.1.8
• @atlaskit/theme@6.2.1
• @atlaskit/button@10.0.0

• @atlaskit/select@6.0.0

• @atlaskit/code@8.0.0
• @atlaskit/docs@5.0.5

• @atlaskit/select@5.0.8
• @atlaskit/button@9.0.5
• @atlaskit/code@7.0.3
• @atlaskit/field-radio-group@4.0.4

• @atlaskit/select@5.0.7
• @atlaskit/field-radio-group@4.0.3
• @atlaskit/button@9.0.4
• @atlaskit/code@7.0.2
• @atlaskit/docs@5.0.2

• @atlaskit/select@5.0.6
• @atlaskit/button@9.0.3
• @atlaskit/code@7.0.1
• @atlaskit/field-radio-group@4.0.2

• @atlaskit/select@5.0.0
• @atlaskit/button@9.0.0
• @atlaskit/code@7.0.0
• @atlaskit/docs@5.0.0
• @atlaskit/field-radio-group@4.0.0

• @atlaskit/select@5.0.0
• @atlaskit/button@9.0.0
• @atlaskit/code@7.0.0
• @atlaskit/docs@5.0.0
• @atlaskit/field-radio-group@4.0.0

• @atlaskit/code@6.0.0
• @atlaskit/docs@4.2.1

• @atlaskit/button@8.1.2
• @atlaskit/field-radio-group@3.0.4

• @atlaskit/field-radio-group@3.0.3
• @atlaskit/button@8.1.1
• @atlaskit/docs@4.1.1

• @atlaskit/field-radio-group@3.0.2
• @atlaskit/docs@4.1.0
• @atlaskit/button@8.1.0

• @atlaskit/field-radio-group@3.0.1
• @atlaskit/button@8.0.1
• @atlaskit/docs@4.0.1

• @atlaskit/field-radio-group@3.0.0
• @atlaskit/button@8.0.0
• @atlaskit/docs@4.0.0

• @atlaskit/field-radio-group@2.0.3
• @atlaskit/button@7.2.5
• @atlaskit/docs@3.0.4