== Background/Goal
Started in [[ https://github.com/wikimedia/wvui/pull/47/files/e2ae565b95f8e11559d0adfffa8f83cb89043445#diff-f477b34747745de5ff5fb75ec118a78bR3 | Icon Component ]] conversation, the request for customizable icon sizes for the library was brought up by @santhosh.
While WikimediaUI theme is set to only two distinct icon sizes – [[ https://design.wikimedia.org/style-guide/visual-style_icons.html | 20x20 dp canvas as default ]] and 12x12 dp as (deprecated) special case indicators, there might be consumers of the library with further needs, possibly implemented in a different theme.
We've come to update many indicators and by-standing icons to 16x16 dp in #Codex components. 16x16 is also the minimum size for icons in OS icon listings (Windows and macOS).
== Proposal
Settle on
- 20x20 dp as default: token `size-icon` (for backwards compatibility and clarify if we deprecate this and introduce `size-icon-medium` as successor)
-- Implement that choice into Icon.vue
- 16x16 dp: `size-icon-small`
- 12x12 dp: `size-indicator` – We shouldn't even call that icon, it's of no use with its usability/recognition issues and should only be used in two or three places, like the Select arrow indicator
=== Clarify further needs
- There has already been 30x30 icon size implemented a while ago in [[ https://en.wikipedia.org/wiki/Special:Notifications | Notifications ]]
{F36083763 size=half}
- Microsites feature higher icon sizes, here for example [[ https://design.wikimedia.org/ | Design entry page ]] with 60x60:
{F36083783}
== Acceptance criteria for Done
[] Implement icon/indicator size and min-size tokens
[] Move default size to Icon.vue
[] Add prop for custom icon sizes for components using it