[Sidenav] Component specs #42
Description
Update documentation / UI-Kit regarding the following:
Sidenav properties
Design documentation
| Property | value |
|---|---|
| width | 300px |
| padding | 48px |
Implementation
Padding can be set through the following values: (xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge) and independently for top, right, bottom, left.
- Design documentation should be updated to cover the padding configuration.
UI-Kit
| Property | value |
|---|---|
| width | 266px |
| padding | 40px |
UI-Kit should be updated with the correct width and padding values
Font sizes
| Element | value | token |
|---|---|---|
sidenav-title |
24px | Hal-Headings-H4 |
sidenav-section-title |
12px | Hal-Overline |
sidenav-link |
14px | Hal-Body-02-Regular |
sidenav-link-active |
14px | Hal-Body-02-Semibold |
Documentation should be updated with these font-size values
Content margins
| Element | value |
|---|---|
sidenav-title |
15px 0px 15px 0px |
sidenav-section-title |
15px 0px 15px 0px |
sidenav-links |
6px 18px 6px 18px |
Documentation should be updated with these margin values