Skip to content

Commit

Permalink
feat: update storybook typography letter-space
Browse files Browse the repository at this point in the history
  • Loading branch information
@Natalie9
Natalie9 committed Aug 16, 2024
1 parent 3f06028 commit e5d1728
Showing 1 changed file with 18 additions and 18 deletions.
36 changes: 18 additions & 18 deletions packages/tokens/stories/3_Typography.stories.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,29 +37,29 @@ Tokens could be used as CSS Variables or CSS Classes.

| Variable | Font weight | font-size/line-height | Mobile | Letter Spacing |
| -------------------------- | ----------- | --------------------- | --------- | -------------- |
| `--title-giant` | 700 | 52px/68px | 30px/40px | 25% |
| `--title-display` | 700 | 46px/60px | 28px/36px | 25% |
| `--title-headline-xxlarge` | 700 | 42px/56px | 26px/36px | 25% |
| `--title-headline-xlarge` | 700 | 36px/48px | 25px/32px | 25% |
| `--title-headline-large` | 700 | 32px/40px | 24px/32px | 25% |
| `--title-headline-medium` | 700 | 28px/36px | 22px/28px | 15% |
| `--title-headline-small` | 700 | 26px/36px | 20px/28px | 15% |
| `--title-headline-xsmall` | 700 | 22px/28px | 19px/24px | 15% |
| `--text-subtitle-large` | 700 | 20px/28px | 18px/24px | 15% |
| `--text-subtitle-medium` | 700 | 18px/24px | 16px/20px | 1% |
| `--text-body-large` | 400 | 18px/28px | 18px/28px | 5% |
| `--text-body-medium` | 400 | 16px/24px | 16px/24px | 5% |
| `--text-body-small` | 400 | 14px/24px | 14px/24px | 25% |
| `--text-link-large` | 700 | 18px/28px | 18px/28px | 5% |
| `--text-link-medium` | 700 | 16px/24px | 16px/24px | 5% |
| `--text-link-small` | 700 | 14px/24px | 14px/24px | 25% |
| `--title-giant` | 700 | 52px/68px | 30px/40px | 0.25% |
| `--title-display` | 700 | 46px/60px | 28px/36px | 0.25% |
| `--title-headline-xxlarge` | 700 | 42px/56px | 26px/36px | 0.25% |
| `--title-headline-xlarge` | 700 | 36px/48px | 25px/32px | 0.25% |
| `--title-headline-large` | 700 | 32px/40px | 24px/32px | 0.25% |
| `--title-headline-medium` | 700 | 28px/36px | 22px/28px | 0.15% |
| `--title-headline-small` | 700 | 26px/36px | 20px/28px | 0.15% |
| `--title-headline-xsmall` | 700 | 22px/28px | 19px/24px | 0.15% |
| `--text-subtitle-large` | 700 | 20px/28px | 18px/24px | 0.15% |
| `--text-subtitle-medium` | 700 | 18px/24px | 16px/20px | 0.1% |
| `--text-body-large` | 400 | 18px/28px | 18px/28px | 0.5% |
| `--text-body-medium` | 400 | 16px/24px | 16px/24px | 0.5% |
| `--text-body-small` | 400 | 14px/24px | 14px/24px | 0.25% |
| `--text-link-large` | 700 | 18px/28px | 18px/28px | 0.5% |
| `--text-link-medium` | 700 | 16px/24px | 16px/24px | 0.5% |
| `--text-link-small` | 700 | 14px/24px | 14px/24px | 0.25% |
| `--button-large` | 700 | 18px/28px | 18px/28px | 8% |
| `--button-medium` | 700 | 16px/24px | 16px/24px | 8% |
| `--button-small` | 700 | 14px/20px | 14px/20px | 8% |
| `--text-caption` | 400 | 12px/20px | 14px/24px | 4% |
| `--text-caption` | 400 | 12px/20px | 14px/24px | 0.4% |
| `--text-caption-focused` | 700 | 12px/20px | 14px/24px | 0.4% |
| `--text-overline` | 400 | 11px/20px | 13px/20px | 16% |
| `--text-badge` | 700 | 10px/16px | 12px/20px | 0.4% |
| `--text-badge` | 700 | 10px/16px | 12px/20px | 4% |

#### !important

Expand Down

0 comments on commit e5d1728

Please sign in to comment.