Legacy custom icons

Examples
Typescript ❤️

A centralised place to store legacy custom icons.

Install
yarn add @atlaskit/legacy-custom-icons
npm
@atlaskit/legacy-custom-icons
Source
Bitbucket
Bundle
unpkg.com
Changelog
Latest

0.22.0

Minor Changes

  • #117363 10a0f7f6c2027 - 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

Patch Changes

  • Updated dependencies

A centralised place to store legacy custom icons.

Usage

import MyCustomIcon from '@atlaskit/legacy-custom-icons/my-custom-icon';

Creating a new icon

  • Run yarn generate-icon from the package root
  • Follow the prompts, provide a hyphen-case name for your icon
  • A new icon will be generated in src/ui/<your-icon-name>/index.tsx. Open the file and edit the SVG as needed
  • Update the VR test from platform root: yarn test:vr:deprecated packages/design-system/legacy-custom-icons -u
  • Add the dependency to the package: cd <package-you-are-updating> && yarn add @atlaskit/legacy-custom-icons
  • Your icon will now be available as: import MyCustomIcon from '@atlaskit/legacy-custom-icons/my-custom-icon'