Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

feat(Icon): Partial new icon replacements and updates #1809

Open
wants to merge 20 commits into
base: develop
Choose a base branch
from

Conversation

dlnr
Copy link
Contributor

@dlnr dlnr commented Jan 10, 2025

Describe the pull request

Thank you for contributing to the project!
Please use this template to help us handle your PR smoothly.

What

The new iconset adds and replaces icons in the current set.

Why

We are ready to release the current set of new icons.

How

The page Brand > Assets > Icons now displays icons in the following sections:

  • New
    • Added and updates icons
  • Fill
    • Icons from the new icon that are filled
  • Old
    • Icons from the existing iconset that have not been renewed or replaced
  • Deprecated
    • Icons from the old iconset that have been replaced by a new icons but have a different name
    • To prevent breaking changes these icons have been aliased

Checklist

Before submitting your pull request, please ensure you have done the following. Check each checkmark if you have done so or if it wasn't necessary:

  • Add or update unit tests
  • Add or update documentation
  • Add or update stories
  • Add or update exports in index.* files
  • Start the PR title with a Conventional Commit prefix, as explained here.

Additional notes

  • Provide links to any related issues or discussions.
  • Add a link to the specific story in the feature branch deploy.
  • Mention any areas where additional review or feedback is needed.

@dlnr dlnr changed the title Feat/DES-943-new-icons feat: Partial new icon replacements and updates Jan 10, 2025
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons January 10, 2025 15:14 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons January 13, 2025 07:54 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons January 13, 2025 07:59 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons January 13, 2025 08:11 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons January 13, 2025 08:29 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons January 13, 2025 08:31 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons January 17, 2025 09:33 Destroyed
@dlnr dlnr marked this pull request as ready for review January 17, 2025 10:35
@dlnr dlnr requested a review from a team as a code owner January 17, 2025 10:35
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons January 17, 2025 10:57 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons January 17, 2025 11:09 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons January 17, 2025 11:19 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons January 17, 2025 11:32 Destroyed
@dlnr dlnr self-assigned this Jan 17, 2025
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons January 24, 2025 09:17 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-943-new-icons February 4, 2025 12:58 Destroyed
'PhoneFillIcon',
'SpeechBalloonFillIcon',
'WarningFillIcon',
]
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not sure about the naming. Calling these icons *Filled* and the set filledIcons would be more correct.

Copy link
Contributor

@RubenSibon RubenSibon Feb 21, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@dlnr, can we change the naming convention for the ADS without consulting the design team? Can we later backport the naming convention to Figma if we agree to do that?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, that will probably happen. I've suggested to the design that we'll comment the filenames we're changing.

'ListIcon',
'MagnifyingGlassIcon',
'MapIcon',
'MastadonIcon',
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
'MastadonIcon',
'MastodonIcon',

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Probably out of the scope of this story, but I think the Municipality of Amsterdam should consider to support sharing with Bluesky as well. Bluesky is quickly becoming the leading alternative to X/Twitter and is more popular than Mastodon.

Bluesky lives in the same "Fediverse" ecosystem as Mastodon and is interoperable to some degree.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@dlnr, we can apply this name change in the ADS regardless of the naming in Figma, right?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've renamed it in Figma and will run the export as soon as all the shapes are named properly.

'ExternalLinkIcon',
'EyeIcon',
'EyeOffIcon',
'FacebookIcon',
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would it be helpful for discoverability and search purposes to prefix icons like "Facebook", "Instagram", "LinkedIn", "Mastodon", "XTwitter", etcetera with Social* or Share*? This way they are grouped together as they will often be used together.

Copy link
Contributor

@RubenSibon RubenSibon Feb 21, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@dlnr, this seems more like a choice for us as ADS maintainers. Not something we have to bother design with.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also something to suggest in Figma first, I would like to prevent renaming files manually after the export.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you agree with this suggestion, can you take it up with the designers via Figma?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The fill icon doesn't really seem to work. I think the coherence is lost and it doesn't really look like an old-fashioned "folder". On a smaller scale it doesn't look much better.

Copy link
Contributor

@RubenSibon RubenSibon Feb 21, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@dlnr, I'm currently looking at the de# Figma and I have the impression that the SVG is not correct in Storybook. Take a look: https://designsystem.amsterdam/demo-DES-943-new-icons/?path=/docs/brand-assets-icons--docs

@dlnr
Copy link
Contributor Author

dlnr commented Feb 21, 2025

@RubenSibon feedback on the design or naming of the icon is more useful in the the Figma file: https://www.figma.com/design/9IGm6IdPUYizBNGsUnueBd/Amsterdam-Design-System?node-id=6852-5124 make sure you "@" mention Sieger and/or Anna Kay

@VincentSmedinga VincentSmedinga changed the title feat: Partial new icon replacements and updates feat(Icon): Partial new icon replacements and updates Feb 28, 2025
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

3 participants