[foundations]: Typography > Paragraph

[Cian77]

Description

Implement default styles paragraphs.

Open issues:

Design:

• Integrated new typography
• Spacing is defined
• Documentation final

Tokens:

• Typography tokens ready

Design

https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=26-49

Tokens

• Tokens for this component are ready

Proposed markup

<p class="lead">This is a lead text</p>

<!-- With tokens, paragraphs in different dimensions will have different sizes -->
<p>This is a default paragraph (medium)</p>

<!-- Don't implement size variants for large or small paragraphs. Font size for other use cases will be determined by either the wrapping component or utility classes -->

Tasks

💻 Tasks

Preview Give feedback

1. Review Design (All states present? Possible to implement?)
2. [foundations]: Body base styles #3496
   2 of 3
   good first issue 📦 styles +2
   
3. Remove all unused scss variables for this element
4. HTML/CSS implementation
5. Documentation in Storybook
6. Design review

[oliverschuerch]

@bashirkarimi Take care! As far as I understand, we decided paragraph tyles will end up in a elements/paragraph.scss while lead styles will end up in components/lead.scss.
Maybe we should split this tickets into two different tickets.

[oliverschuerch]

I have just added another ticket for the lead text component: #3546