Closed cg-mmirca closed 9 months ago
.dcx-highlight
No variants
Note that this is an inline element. We can apply background styles directly on the text element, no need to create box styles.
Considerations:
src/design-system/tokens.json
src/design-system/highlight.css
src/design-system/index.css
Possible tokens:
Note that this will usually be used inside Paragraph elements. Consider using similar token values for size.
Follow the naming pattern
Create the pages for:
On each MDX page make examples for each possible variant
Please follow these steps to create your branch:
git checkout release/1.0.0 git pull git checkout -b 'feature/highlight'
Highlight - Design System
1 - Prerequisites
.dcx-highlight
class name2 - Overview
2.1 - Possible states
2.2 - Variants
No variants
2.3 - Structure
Note that this is an inline element. We can apply background styles directly on the text element, no need to create box styles.
2.4 - Tokens definition
Considerations:
src/design-system/tokens.json
src/design-system/highlight.css
src/design-system/index.css
Possible tokens:
Note that this will usually be used inside Paragraph elements. Consider using similar token values for size.
Follow the naming pattern
3 - Storybook
Create the pages for:
On each MDX page make examples for each possible variant
4 - Initial setup
Please follow these steps to create your branch: