When we specify which Unicode character is represented in an icon, if any, then we can look up if the character should be mirrored using an npm package such as @unicode/unicode and this as built-in functionality.
Acceptance criteria
Existing icons that represent Unicode characters are annotated.
There is CSS code to mirror the icon in right-to-left text direction.
There is a SCSS mixin to mirror the icon in right-to-left text direction.
There are stories in Storybook to document and test this feature.
At minimum: the chevron left and Chevron right web component icons are mirrored automatically.
Some icons should mirror when used in right-to-left text-direction, for example the chevron left in the Link list and in the Breadcrumb separator.
› U+203A Single Right-Pointing Angle Quotation Mark in Unicode has the "Is mirrored: yes" flag.
When we specify which Unicode character is represented in an icon, if any, then we can look up if the character should be mirrored using an npm package such as @unicode/unicode and this as built-in functionality.
Acceptance criteria