Skip to content

feat: ✨ quote pattern#405

Merged
yoezlem merged 14 commits intomainfrom
feat/sd-quote
Sep 21, 2023
Merged

feat: ✨ quote pattern#405
yoezlem merged 14 commits intomainfrom
feat/sd-quote

Conversation

@yoezlem
Copy link
Copy Markdown
Contributor

@yoezlem yoezlem commented Sep 15, 2023

This component is currently a draft. We want to take a look at it together and assess whether it makes sense to create sd-quote as a sample or not.

Edit: Not anymore. So feel free to review it ;)

@yoezlem yoezlem requested a review from mariohamann September 15, 2023 14:06
@yoezlem yoezlem self-assigned this Sep 15, 2023
@yoezlem yoezlem changed the title feat: ✨ sd-sample feat: ✨ sd-quote Sep 15, 2023
@mariohamann
Copy link
Copy Markdown
Contributor

mariohamann commented Sep 15, 2023

If we implement it like your proposal that would be a pattern. And therefore it shouldn't have any API with different styles, even no controls in Storybook etc. and should just be called quote but not sd-quote. Just copyable code and nothing else.

@solid-design-system solid-design-system deleted a comment from yoezlem Sep 15, 2023
@yoezlem yoezlem changed the title feat: ✨ sd-quote feat: ✨ quote pattern Sep 18, 2023
@yoezlem yoezlem marked this pull request as ready for review September 19, 2023 08:23
@coraliefeil
Copy link
Copy Markdown
Contributor

I approved the PR ...

Though in the default the quote text color needs to be changed to #181818.
https://64469bd84c5ea1ce2dd5d016-cxcubrggor.chromatic.com/?path=/story/pattern-quote--default
In the stories Size and Variant the intended font color #181818 is used.

I assume for sd-paragraph the font size fix is done separately?

Thanks <3

@yoezlem
Copy link
Copy Markdown
Contributor Author

yoezlem commented Sep 19, 2023

@coraliefeil Thanks, I changed to color for the default quote.

And yes, we will fix the font-size for sd-paragraph in a seperate Ticket: issue-406 (#406)

const information = (hidden = false, text = '4xl') => (hidden ? '' : html`<p class="mt-4 text-sm">${text}</p>`);

/**
* Default: This shows quote in its default state.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

The description should be changed to something describing more the use of patterns (IMO). From what I understand there is no "versions" or "states" in patterns right?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

You are right.

Maybe it make also sense to add in our global documentation an explanation for what patterns are (and how to use it).
And inside a pattern I can give a more handy description for the different cases.

What do you guys thing about that?

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

like the idea...

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Sounds great! Some days ago we discussed the difference between samples and patterns and it feels like this could be the right moment to write that finally down.

I could take that over today!

Comment thread packages/components/src/patterns/quote/quote.stories.ts Outdated
Comment thread packages/components/src/patterns/quote/quote.stories.ts Outdated
Comment thread packages/components/src/patterns/quote/quote.stories.ts Outdated
@yoezlem yoezlem linked an issue Sep 20, 2023 that may be closed by this pull request
@yoezlem yoezlem requested review from karlbaumhauer and mariohamann and removed request for MarcMatthiae, karlbaumhauer and mariohamann September 21, 2023 10:08
@yoezlem yoezlem merged commit f8bc6d8 into main Sep 21, 2023
@yoezlem yoezlem deleted the feat/sd-quote branch September 21, 2023 11:03
karlbaumhauer pushed a commit that referenced this pull request Sep 21, 2023
# [@solid-design-system/components-v1.14.0](components/1.13.1...components/1.14.0) (2023-09-21)

### Features

* ✨ quote pattern ([#405](#405)) ([f8bc6d8](f8bc6d8))
yoezlem added a commit that referenced this pull request Oct 9, 2023
Author: yoezlem <oezlem.yigit@union-investment.de>
Co-authored-by: mariohamann <mario.hamann@virtual-identity.com>
yoezlem pushed a commit that referenced this pull request Oct 9, 2023
# [@solid-design-system/components-v1.14.0](components/1.13.1...components/1.14.0) (2023-09-21)

### Features

* ✨ quote pattern ([#405](#405)) ([f8bc6d8](f8bc6d8))
@yoezlem yoezlem added Development needs changes in code CL-Migration All components which need to be migrated from Component Library labels Jan 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CL-Migration All components which need to be migrated from Component Library Development needs changes in code

Projects

Development

Successfully merging this pull request may close these issues.

feat: ✨ add quote pattern

6 participants