[Guided onboarding] Fix steps status

[alisonelizabeth]

This PR fixes the "inactive" and "complete" states for the guide steps.

Fixes #140981
Also addresses part of #141223 (leaving issue open for any other polish items that come up)

[elasticmachine]

Pinging @elastic/platform-onboarding (Team:Journey/Onboarding)

[cindychangy]

@alisonelizabeth: Thanks for these changes, I made one suggestion for the font weight, and there is one thing missing: when the user clicks on an accordion step to expand it, the title should turn from gray to black. I think (you may have a better method) you could target it in the components/guide_panel.styles.ts file inside of the flyoutBody declaration:

flyoutBody: css`
   .euiFlyoutBody__overflowContent {
     .....
     .euiAccordion-isOpen .euiText/$stepTitle {
        color: ${euiTheme.colors.title};
    }
  }

[alisonelizabeth]

Thanks for the review @cindychangy!

and there is one thing missing: when the user clicks on an accordion step to expand it, the title should turn from gray to black.

Good catch. Should be fixed via fe8e6fc.

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: fe8e6fc

Metrics [docs]

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
guidedOnboarding	16.0KB	16.2KB	+207.0B

History

• 💚 Build #77714 succeeded 88cd82d

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[yuliacech]

Thanks a lot, @alisonelizabeth! changes LGTM 👍