Add story button component

[MewenLeHo]

Related issues

Part of #1761

Description

Add story button componenent

Motivation & Context

New component based on UI Kit v5.

Types of change

• New feature (non-breaking change which adds functionality)

Live previews

https://deploy-preview-1816--boosted.netlify.app/docs/5.3/components/buttons/#story-button
and don't forget: https://deploy-preview-1816--boosted.netlify.app/docs/5.3/components/buttons/#dark-variant

Checklist

Contribution

• I have read the contributing guidelines

Accessibility

• My change follows accessibility good practices; I have at least run axe

Design

• My change respects the design guidelines defined in Orange Design System
• My change is compatible with responsive display

Development

• My change follows the developer guide
• (NA) I have added JavaScript unit tests to cover my changes

Documentation

• My change introduces changes to the documentation and/or I have updated the documentation accordingly

Checklist (for Core Team only)

• My change introduces changes to the migration guide
• My new component is added in Storybook
• My new component is compatible with RTL
• Manually run BrowserStack tests
• Manually test browser compatibility with BrowserStack (Chrome >= 60, Firefox >= 60 (+ ESR), Edge, Safari >= 12, iOS Safari, Chrome & Firefox on Android)
• Code review
• Design review
• A11y review

After the merge

• Manually launch Percy tests

[netlify]

✅ Deploy Preview for boosted ready!

Name	Link
🔨 Latest commit	da06f4c
🔍 Latest deploy log	https://app.netlify.com/sites/boosted/deploys/646b576ebe2a1f0008ed1c06
😎 Deploy Preview	https://deploy-preview-1816--boosted.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[julien-deramond]

I know this is a draft PR but just a question here being off for few weeks. There's only one size? What about smaller screens?

[MewenLeHo]

I know this is a draft PR but just a question here being off for few weeks. There's only one size? What about smaller screens?

There is indeed no small size variant in the UI Kit V5 at the moment.
I asked for it at the last specs meeting and designers answered that the thumbnail displayed in the link needs to be big enough to be seen so they don't plan to make a smaller version.

[Aniort]

a11y ok

[MewenLeHo]

Reminder: don't forget to add some lines to introduce this new type of button in documentation. But we need to figure out first what it can be used for.

[MewenLeHo]

After last specs meeting with the designers, we agreed that:

• a small size variant will be needed
• we need to define exactly the UX part of this component
• we must define if we keep it like it is or create a 'navigation' section in the documentation for story (and social ?) button(s) or even if it should be a new component by itself.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[julien-deramond]

Specifications are not complete. I'm closing this PR and mentioning it as a reference in the corresponding issue so that we can maybe start from it when it will be ready to develop. Please don't delete the branch.