Stepper - Differences with the step indicаtor between WC and Angular

[viktorkombov]

Description

There are differences with the step indicаtor between WC and Angular when the indicator is customized:

Angular:

WC:

Steps to reproduce

1. Download and run the following samples - Angular, WC.
2. See the differences.

Result

There are differences with the step indicator between WC and Angular.

Expected result

There should not be any differences.

[desig9stein]

@simeonoff, @viktorkombov This issue should be a feature request in the Angular repo, the stepper in WebC follows the design handoff. I noticed that the Wiki in angular is updated to use the same handoff but nobody logged a feature request to update the design accordingly. I believe that the person who updated the spec was supposed to log an issue.

[viktorkombov]

@desig9stein, in the design handoff there is a background when the indicator is customized but we cannot see it in WC:

Handoff:

WC:

What I also have observed is that in both - Angular and WC, the optional step doesn't have differences with the regular step, which is not the same in the design handoff where the optional step is with different background in the indicator:

Handoff:

WC:

[desig9stein]

design handoff

@viktorkombov there is a gray background when the step is complete, when the step is optional or Incomplete they look the same, when the step is selected there is a blue background that has the higher precedence and always overrides the other states colors.

WC

Angualr

Design

[viktorkombov]

@viktorkombov there is a gray background when the step is complete, when the step is optional or Incomplete they look the same, when the step is selected there is a blue background that has the higher precedence and always overrides the other states colors.

Yeah, my mistake. But the issue with the missing background of the customized indicators still persists.