Expressive theme – Progress indicator

[oliviaflory]

Update for default, interactive and vertical variations:

• update status icons to 20x20 px

[annawen1]

Looks like bx--progress-step--current and bx--progress-step--incomplete svg icons don't scale accordingly when I bump up the width and height to 20px

Looking at the carbon code

if (current) {
      return (
        <svg>
          <path d="M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0" />
          <title>{description}</title>
        </svg>
      );
    }
    
     ....

    return (
      <svg>
        <title>{description}</title>
        <path d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 13c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z" />
      </svg>

There are no attributes for the those svg elements - I think we need the viewBox attribute in order for the current and incomplete to scale. Will submit a ticket to carbon to see if we can get that in

CC @oliviaflory @joshblack

[annawen1]

ticket opened: carbon-design-system/carbon#5086

[annawen1]

PR has been submitted to Carbon: carbon-design-system/carbon#5122