⚠️ This ticket can only be start once the ticket 452 is completed
Insert text element will have the .dcx-insert-text class name
Overview
Possible states:
Default
Variants:
No variants
Keeping in mind we have the elements:
Text (element itself) -> body
Storybook
Create the pages for:
Playground
Default
AccessibleTheme
DarkTheme
MaterialTheme
On each MDX page make examples for:
Default label
Token definition
Considerations:
Take as reference the FormSelect component. Take into consideration FormSelect will be refactored to follow the token names as described bellow in "possible tokens".
Add the tokens to src/design-system/tokens.json
Define all styles in src/design-system/insert-text.css
Add import to the new CSS file in src/design-system/index.css
Prerequisites
⚠️ This ticket can only be start once the ticket 452 is completed
.dcx-insert-text
class nameOverview
Possible states:
Variants: No variants
Keeping in mind we have the elements:
Storybook
Create the pages for:
On each MDX page make examples for:
Token definition
Considerations:
src/design-system/tokens.json
src/design-system/insert-text.css
src/design-system/index.css
Possible tokens:
Follow the naming pattern:
F.e. for
font-size-body
we have:Please follow these steps to create your branch: