Icons

This package contains the "raw" svg icons that can be used for instance in the telia-icon component. It also contains tooling to convert these icons to source code that can be imported and used in your project. The source code is generally based on the raw svg files, and therefore it is not a good idea to change any of the generated source code files manually.

Adding, removing or updating icons

If we receive new icon svg:s or updated svg:s of existing icons proceed as follows:

1. Put the new/updated icon ./assets/ (not in ./src/assets/!)
2. Run yarn build

This will re-create the generated source code and therefore also update the actual icons.

Removing icons is a destructive action that needs to be considered carefully. If an icon is removed, it may cause problems for teams who are using that icon. Removing an icon needs a migration plan. These live in the documentation/ directory of this repository and in the packages/components/src/documentation/ directory. There is information on the Storybook page. (TODO: add link to new storybook site.)

Technically, removing an icon only requires you to remove it from ./assets/ and run yarn build.

Source code that is not generated

In the ./src/ directory,

• utils/
• global.d.ts
• indexPreamble.txt

are not generated. These files are either used during the generation of source code, or a part of the dist of this package.