Skip to content

Commit

Permalink
Merge branch 'develop' into feat/DES-679-alt-required-on-image
Browse files Browse the repository at this point in the history
  • Loading branch information
alimpens authored Nov 8, 2024
2 parents 007b2df + 7b79ade commit a1c28f6
Show file tree
Hide file tree
Showing 3 changed files with 32 additions and 1 deletion.
18 changes: 18 additions & 0 deletions proprietary/assets/CONTRIBUTING.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!-- @license CC0-1.0 -->

# Contributing Guidelines

## Importing icons from Figma

We create and update icons in Figma, then import them into this package for distribution.

**Important**: Only export icons from Figma for use in this package. Do not use these icons directly in an application.

To export all icons from [the Figma file](https://www.figma.com/design/9IGm6IdPUYizBNGsUnueBd/Amsterdam-Design-System?node-id=6852-5124), use Figma's built-in SVG export feature.
Select the frame containing all the icon shapes, press `Enter` to select direct children and then press `Enter` again to select all icon components.
In the right-hand sidebar, click the plus sign next to Export. Choose SVG and export.
Copy these files over to the `icons` folder and run the following command to optimize them:

```sh
npm run optimize-icons
```
2 changes: 1 addition & 1 deletion proprietary/assets/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
"directory": "proprietary/assets"
},
"scripts": {
"optimize-icons": "svgo -f icons"
"optimize-icons": "svgo -f icons --exclude=Radio.svg"
},
"devDependencies": {
"svgo": "3.3.2"
Expand Down
13 changes: 13 additions & 0 deletions proprietary/assets/svgo.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
/* eslint-disable no-undef */
module.exports = {
plugins: [
'removeDimensions',
'removeUselessStrokeAndFill',
{
name: 'removeAttrs',
params: {
attrs: '(fill|stroke)',
},
},
],
}

0 comments on commit a1c28f6

Please sign in to comment.