Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Pull AddonsSubheading from frontpage into the DS #311

Conversation

smithambera
Copy link

@smithambera smithambera commented Oct 27, 2021

Fixes https://linear.app/chromaui/issue/CH-712/pull-addonssubheading-from-frontpage-into-ds

Description

Pulling the AddonsSubheading component from https://github.com/storybookjs/frontpage into the DS in preparation for future work.

Of Note

Following this proposal and branching off of the branch converting the DS to Emotion.

QA instructions

Confirm the styles (mostly) match the designs.

📦 Published PR as canary version: 6.4.2-canary.311.ead8442.0

✨ Test out this PR locally via:

npm install @storybook/design-system@6.4.2-canary.311.ead8442.0
# or 
yarn add @storybook/design-system@6.4.2-canary.311.ead8442.0

- add marketing subheading
- add marketing subheading story
margin-bottom: 12px;
`;

export const Subheading: FC<ComponentProps<typeof StyledSubheading>> = (props) => (
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We need to name this differently from the non-marketing version, because though they're organized in the filesystem and Storybook, they'll be exported from the same location in the package.

If we can't think of a good name, perhaps we could come up with a prop for the original Subheading to toggle appearances?

I'm coming up blank for names for either approach, sorry. 😕

- add muted prop to existing subheading
- add muted subheading story
@smithambera smithambera requested a review from kylegach October 28, 2021 20:02

const Heading = styled.span`
export const subheadingStyles = css`
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think this is needed anymore?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh yeah, forgot to delete it! 😵‍💫

Copy link
Collaborator

@kylegach kylegach left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@smithambera smithambera removed the request for review from domyen October 28, 2021 20:32
@smithambera smithambera merged commit ead8442 into fix/styles-after-migration Oct 28, 2021
@domyen
Copy link
Member

domyen commented Oct 28, 2021

hey @smithambera before I forget, I think this might have gotten lost:

Can we omit the letter-spacing on the muted state, it's an unintentional artifact from Figma (their inspect feature doesn't have ems)

@smithambera
Copy link
Author

Hey @domyen! I've already merged this so I'll make a quick PR to remove that. Where did you make that comment? I don't see it anywhere ☹️

@github-actions
Copy link
Contributor

🚀 PR was released in v7.0.0 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants