Icon Component
The goal of this task is to update the existing a icon component in the experimental build of the design system and move it into the stable build.
The update icon should have the following changes:
- We should only use icons from Bootstrap https://icons.getbootstrap.com/
- The only attributes on the icon should be
name (of the icon to use)label (for adding an aria-label to the icon used by a11y tech)
- The color and size of the icon should be determined by the
color and font-size style properties (either applied directly to the icon element or its parent). See an example here: https://shoelace.style/components/icon#colors
Note: We need to support "backwards compatibility" for cases where someone is already using the icon element in production. To do so, the old attributes (e.g. data-size) must remain usable and, when provided, behave the same as previously.
Icon Component
The goal of this task is to update the existing a icon component in the experimental build of the design system and move it into the stable build.
The update icon should have the following changes:
name(of the icon to use)label(for adding an aria-label to the icon used by a11y tech)colorandfont-sizestyle properties (either applied directly to the icon element or its parent). See an example here: https://shoelace.style/components/icon#colorsNote: We need to support "backwards compatibility" for cases where someone is already using the icon element in production. To do so, the old attributes (e.g.
data-size) must remain usable and, when provided, behave the same as previously.