feat(Wizard): Deprecate `Wizard` to use `Stepper`/`WorkflowDiagram`

[r100-stack]

• Rename components that have changed in css v1
  • e.g. Avatar (Rohan PR #902), Stepper (Rohan)
  • Deprecate old names while pointing them to new ones

From https://github.com/iTwin/iTwinUI-react/issues/849

---

• Deprecate Wizard but not delete it
  • Did not delete it since this is not a simple rename like UserIcon -> Avatar (PR #902).
  • Instead, we are now deprecating a ternary operator type component wrapper that returns Stepper when Wizard.type = default | long, and WorkflowDiagram when Wizard.type = workflow
  • Thus, deleting Wizard's code and setting Wizard = Stepper is not possible
• Add stories and visual tests for Stepper and WorkflowDiagram

Checklist

• ~[ ]~ Add meaningful unit tests for your component (verify that all lines are covered)
• [x] Verify that all existing tests pass
• ~[ ]~ Add component features demo in Storybook (different stories)
• [x] Approve test images for new stories
• ~[ ]~ Add screenshots of the key elements of the component

[r100-stack]

It would be easier to tell if the tests have changed if they're 'renamed' vs deleted and created again.

Good idea. Changed the test image git changes to "rename" type changes instead of "delete and add" changes. I then re-ran yarn test to catch any image changes.

Did you run the visual tests and then clean them after you updated the images?

Yes, I ran yarn test. The old Wizard test images are removed (renamed to Stepper/WorkflowDiagram)

[elephantcatdog]

Good idea. Changed the test image git changes to "rename" type changes instead of "delete and add" changes. I then re-ran yarn test to catch any image changes.

Thank you, this is great!

Yes, I ran yarn test. The old Wizard test images are removed (renamed to Stepper/WorkflowDiagram)

Hm, I was pretty sure that you have to run yarn clean?

~I'm mostly asking because I don't see a removed file for Wizard.test.ts-WorkflowDiagram.png.~

Update: Nevermind, I see that it was renamed. Looks good then!