Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@atlaskit/logo

atlassian87.4kApache-2.016.0.3TypeScript support: included

A logo is a visual representation of a brand or product. It can be a word or an image, or a combination of both.

readme

Logo

A logo is a visual representation of a brand or product. It can be a word or an image, or a combination of both.

Installation

yarn add @atlaskit/logo

Usage

Detailed docs and example usage can be found here.

changelog

@atlaskit/logo

16.0.3

Patch Changes

16.0.2

Patch Changes

16.0.1

Patch Changes

  • Updated dependencies

16.0.0

Major Changes

Patch Changes

  • Updated dependencies

15.4.0

Minor Changes

15.3.1

Patch Changes

  • Updated dependencies

15.3.0

Minor Changes

  • #115211 3ef7f182f166b - [ux] Updated Atlassian Analytics logo and icon to support iconColor and textColor to align with others.

15.2.2

Patch Changes

15.2.1

Patch Changes

  • Updated dependencies

15.2.0

Minor Changes

Patch Changes

  • Updated dependencies

15.1.1

Patch Changes

  • Updated dependencies

15.1.0

Minor Changes

15.0.0

Major Changes

  • #170937 2f502fec31157 - 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.

14.3.5

Patch Changes

  • #165531 57f451bda8919 - Adds side-effect config to support Compiled css extraction in third-party apps

14.3.4

Patch Changes

  • Updated dependencies

14.3.3

Patch Changes

  • Updated dependencies

14.3.2

Patch Changes

  • #148281 3c4de48168ffe - Update the import path of useId* from @atlaskit/ds-lib
  • Updated dependencies

14.3.1

Patch Changes

  • Updated dependencies

14.3.0

Minor Changes

  • a51c26afee964 - Adds the loom attribution logo to the logo package.

14.2.2

Patch Changes

14.2.1

Patch Changes

  • Updated dependencies

14.2.0

Minor Changes

  • #127511 db30e29344013 - 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.3as well as to have a consistent peer dependency range forreactandreact-domfor/platform` packages.

Patch Changes

  • Updated dependencies

14.1.1

Patch Changes

14.1.0

Minor Changes

  • #110670 c733254a2dd6e - Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime is implicitly set to automatic.

14.0.0

Major Changes

  • #93481 fb0aacf8c8957 - 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.

    Breaking changes:

    • 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)

    Deprecations

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

Patch Changes

  • Updated dependencies

13.17.0

Minor Changes

  • #99225 428f67898ecb - [ux] Adding product logos for Guard, Rovo, Atlassian Marketplace, Atlassian Admin, Atlassian Administration, and Atlassian Access. Testing some other glyphs behind a feature flag, if successful these changes will be enabled in a future release.

13.16.1

Patch Changes

13.16.0

Minor Changes

13.15.4

Patch Changes

  • #92537 d6c368b4b3e5 - [ux] This release updates some glyph, colour and theming behaviour changes.

13.15.3

Patch Changes

  • #92971 89925a9d50b2 - [ux] This release tests some Jira Align and Atlas glyph, colour and theming behaviour changes behind a feature flag. If successful, these changes will be enabled in a future release.
  • Updated dependencies

13.15.2

Patch Changes

  • #89713 57d3c407b13c - [ux] This release tests some glyph, colour and theming behaviour changes behind a feature flag. If successful, these changes will be enabled in a future release.

13.15.1

Patch Changes

13.15.0

Minor Changes

13.14.9

Patch Changes

13.14.8

Patch Changes

  • #36754 4ae083a7e66 - Use @af/accessibility-testing for default jest-axe config and jest-axe import in accessibility testing.

13.14.7

Patch Changes

  • #33652 e7ea6832ad2 - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.

13.14.6

Patch Changes

13.14.5

Patch Changes

  • #32935 b1bdec7cce2 - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.

13.14.4

Patch Changes

13.14.3

Patch Changes

13.14.2

Patch Changes

13.14.1

Patch Changes

13.14.0

Minor Changes

Patch Changes

  • Updated dependencies

13.13.0

Minor Changes

13.12.1

Patch Changes

13.12.0

Minor Changes

  • #31973 4d2e52e86d3 - [ux] Add Atlassian Analytics logo and icon. Also fixes a bug with non-unique linear-gradient ids where subsequent logos on a page could be impacted by display/vvisibility styles applied to the first logo on a page.

13.11.2

Patch Changes

  • #31206 261420360ec - Upgrades component types to support React 18.
  • Updated dependencies

13.11.1

Patch Changes

  • #29835 b77d5924c19 - [ux] Remove "width" attribute from Jira Product Discovery logo and icon SVGs.

13.11.0

Minor Changes

13.10.5

Patch Changes

  • Updated dependencies

13.10.4

Patch Changes

  • Updated dependencies

13.10.3

Patch Changes

  • Updated dependencies

13.10.2

Patch Changes

  • Updated dependencies

13.10.1

Patch Changes

  • #25860 88a34a8c2dd - Remove redundant role=presentation on wrapping @atlaskit/icon and @atlaskit/logo spans.

13.10.0

Minor Changes

  • #24710 68e771a783a - Updates @emotion/core to @emotion/react; v10 to v11. There is no expected behavior change.

13.9.1

Patch Changes

13.9.0

Minor Changes

Patch Changes

  • Updated dependencies

13.8.2

Patch Changes

13.8.1

Patch Changes

  • #23381 d448e04e6a8 - [ux] Internal changes to make the styling more resilient to inherited styles.
  • c320954edd7 - Internal code change turning on new linting rules.
  • Updated dependencies

13.8.0

Minor Changes

  • #22642 c7c2083475d - [ux] - Adds appearance prop that allows you to choose between three brand-approved appearances: brand, neutral and inverse. These will be based on design tokens and theme-responsive.

    • 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.

13.7.1

Patch Changes

  • Updated dependencies

13.7.0

Minor Changes

  • #21570 0793be315f4 - [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)

    Codemod

    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 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.

    npx @atlaskit/codemod-cli [TARGET_PATH]`

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

    npx @atlaskit/codemod-cli --ignore-pattern node_modules --parser tsx --extensions js,jsx,ts,tsx ./packages

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

    Design System ESLint Plugin

    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.

13.6.0

Minor Changes

  • #20721 4caed6d5063 - Refactors logo converting it from class components to functional components. This includes file renames and some API changes such as prop name changes but is still backwards compatible. These old APIs will be deprecated in a later release.

13.5.5

Patch Changes

13.5.4

Patch Changes

  • #16285 ec464e07b10 - Fixes a bug where the Atlassian Start logo did not render correctly on Firefox

13.5.3

Patch Changes

  • #13302 af4bca32ad4 - Internal changes to supress eslint rules.
  • Updated dependencies

13.5.2

Patch Changes

13.5.1

Patch Changes

13.5.0

Minor Changes

  • #12328 83a089fe0cc - Halp has been added to logos. This includes the logo, wordmark and icon.

Patch Changes

13.4.2

Patch Changes

13.4.1

Patch Changes

  • #10230 0017d2a8439 - 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

13.4.0

Minor Changes

  • #10212 5f44a31b58a - [ux] Add new Trello logo, Atlassian Start logo and Compass logo to @atlaskit/logo

13.3.0

Minor Changes

  • #9756 c8afaa49d34 - Add OpsgenieIcon, OpsgenieLogo and OpsgenieWordmark in order to rename OpsGenie to Opsgenie, and deprecate the following logos:

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

Patch Changes

  • Updated dependencies

13.2.0

Minor Changes

13.1.2

Patch Changes

  • #9299 471e2431a7c - Downgrade back to date-fns 1.30.1 We discovered big bundle size increases associated with the date-fns upgrade. We're reverting the upgarde to investigate

13.1.1

Patch Changes

13.1.0

Minor Changes

13.0.8

Patch Changes

13.0.7

Patch Changes

13.0.6

Patch Changes

  • #6125 ce8c85a20d - As part of this task we have introduced a new JSM logo and deprecated JSD logo

13.0.5

Patch Changes

  • #5497 5f58283e1f - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option. This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started Also add typescript to devDependencies to denote version that the package was built with.

13.0.4

Patch Changes

  • #4424 7315203b80 - Rename AkCode and AkCodeBlock exports to Code and CodeBlock for @atlaskit/code.

13.0.3

Patch Changes

  • #3885 6c525a8229 - 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.

13.0.2

Patch Changes

  • #3293 954cc87b62 - The readme and package information has been updated to point to the new design system website.

13.0.1

Patch Changes

  • #3428 ce3b100bed - Change the Atlassian Icon for better alignment with other Icons
  • db053b24d8 - Update all the theme imports to be tree-shakable

13.0.0

Major Changes

12.3.5

Patch Changes

  • #2866 54a9514fcf - Build and supporting files will no longer be published to npm

12.3.4

Patch Changes

12.3.3

Patch Changes

12.3.2

Patch Changes

12.3.1

Patch Changes

12.3.0

Minor Changes

12.2.2

Patch Changes

  • [patch]30acc30979:

    @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.

12.2.1

Patch Changes

  • [patch]35d2229b2a:

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

12.2.0

Minor Changes

12.1.8

Patch Changes

  • [patch]097b696613:

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

12.1.7

Patch Changes

12.1.6

Patch Changes

  • [patch]de35ce8c67:

    Updates component maintainers

12.1.5

Patch Changes

12.1.4

Patch Changes

  • [patch]f34776be97:

    Type definition files are now referenced in package.json

12.1.3

Patch Changes

  • [patch]bbff8a7d87:

    Fixes bug, missing version.json file

12.1.2

Patch Changes

  • [patch]18dfac7332:

    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 or this page for further details

12.1.1

12.1.0

Minor Changes

  • [minor]b81d931ee3:

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

12.0.4

Patch Changes

  • [patch]4615439434:

    index.ts will now be ignored when publishing to npm

12.0.3

Patch Changes

  • [patch]94fc3757b8:

    Update the Statuspage icon + logo

12.0.2

  • [patch]b0ef06c685:

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

12.0.1

12.0.0

  • [major]4b07b57640:

    • @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.

11.0.0

  • [major]7c17b35107:

    • 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.

10.0.4

10.0.3

10.0.2

  • [patch]e04a402953:

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

10.0.1

10.0.0

  • [major]76299208e6:

    • Drop ES5 from all the flow modules

    Dropping CJS support in all @atlaskit packages

    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:

    import colors from `@atlaskit/theme/colors`;

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

    import colors from `@atlaskit/theme/dist/esm/colors`;

    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 (for external) if you have any questions or queries about this.

9.2.7

9.2.6

9.2.5

9.2.4

9.2.3

  • [patch] Adds missing implicit @babel/runtime dependency b71751b

9.2.2

9.2.1

  • [patch] Pulling the shared styles from @atlaskit/theme and removed dependency on util-shraed-styles 7d51a09

9.2.0

  • [patch] Moved all the shared logic into the wrapper, so refactoring is easier in future 7e83442
  • [minor] Make label required, but provide sane defaults 12839d4

9.1.0

  • [minor] Update product logos alignment issues 6bbf9a9

9.0.4

9.0.3

9.0.2

9.0.1

9.0.0

8.1.3

8.1.2

8.1.1

8.1.0

8.0.1

8.0.0

7.0.1

7.0.0

  • [major] Bump to React 16.3. 4251858

6.2.2

  • [patch] Add "sideEffects: false" to AKM2 packages to allow consumer's to tree-shake c3b018a

6.2.1

  • [patch] Re-releasing due to potentially broken babel release 9ed0bba

6.2.0

  • [minor] Update styled-components dependency to support versions 1.4.6 - 3 ceccf30

6.1.2

6.1.1

  • [patch] Packages Flow types for elements components 3111e74

6.1.0

  • [minor] Add React 16 support. 12ea6e4

6.0.7

  • [patch] Fix inherited color logo gradient changes not working in chrome 694c59f

6.0.3

  • [patch] Logo component gradients no work in Firefox and Safari 6d1f521

6.0.0 (2017-11-09)

  • breaking; Removed the collapseTo prop in favour of explicit named exports (see below).
  • breaking; The default export has been removed in favour of named exports. The named exports are now: AtlassianLogo, AtlassianIcon, AtlassianWordmark, BitbucketLogo, BitbucketIcon, BitbucketWordmark, ConfluenceLogo, ConfluenceIcon, ConfluenceWordmark, HipchatLogo, HipchatIcon, HipchatWordmark, JiraCoreLogo, JiraCoreIcon, JiraCoreWordmark, JiraLogo, JiraIcon, JiraWordmark, StatuspageLogo, StatuspageIcon, StatuspageWordmark, StrideLogo, StrideIcon, StrideWordmark.

5.0.0 (2017-10-27)

  • bug fix; fixed logo width issue in IE11. (0ce8ab7)
  • breaking; Logo sizes changed, children no longer accepted (7173d81)
  • breaking; refactoring Logo component to fix numerous bugs (7173d81)

4.0.3 (2017-10-26)

  • bug fix; fix to rebuild stories (793b2a7)

4.0.2 (2017-10-22)

  • bug fix; update styled-components dep and react peerDep (6a67bf8)

4.0.1 (2017-09-14)

  • bug fix; jSD and Statuspage logo icons have fixed gradients (issues closed: ak-3479) (60d8aca)

4.0.0 (2017-09-11)

  • breaking; All logos have been updated with new assets, please test these inside your application to make sure (c4db7fc)
  • breaking; new and updated company and product logos (c4db7fc)

3.5.3 (2017-08-11)

  • bug fix; fix the theme-dependency (db90333)

3.5.2 (2017-07-27)

  • fix; rename jsnext:main to jsnext:experimental:main temporarily (c7508e0)

3.5.1 (2017-07-25)

  • fix; use class transform in loose mode in babel to improve load performance in apps (fde719a)

3.2.0 (2017-07-17)

  • fix; rerelease, failed prepublish scripts (5fd82f8)

3.2.0 (2017-07-17)

  • feature; added ES module builds to dist and add jsnext:main to most ADG packages (ea76507)

3.1.0 (2017-06-08)

  • fix; add prop-types as a dependency to avoid React 15.x warnings (92598eb)
  • feature; Convert logo to styled-components updated internal structure (ec91404)

3.0.6 (2017-04-27)

  • fix; update legal copy to be more clear. Not all modules include ADG license. (f3a945e)

3.0.5 (2017-04-26)

  • fix; update legal copy and fix broken links for component README on npm. New contribution and (0b3e454)

3.0.4 (2017-04-18)

  • fix; update logo readme to use new readme component (491d789)

3.0.3 (2017-03-23)

  • fix; Empty commit to release the component (49c08ee)

3.0.1 (2017-03-21)

  • fix; maintainers for all the packages were added (261d00a)

3.0.0 (2017-03-06)

  • feature; text-only logo mode without icon (b989245)
  • breaking; isCollapsed prop has been replaced with an optional collapseTo prop (accepts value of 'icon' or 'type')
  • ISSUES CLOSED: AK-1408

2.0.1 (2017-02-09)

  • fix; avoiding binding render to this (40c9951)

1.0.0 (2017-02-06)

  • fix; fix logo to have public access (5a41e37)

1.0.0 (2017-02-06)

  • feature; Add more product logos (e84ae80)
  • feature; Adjust width of collapsed logo (99fa4a5)