@transferwise/neptune-tokens
Advanced tools
Comparing version
{ | ||
"name": "@transferwise/neptune-tokens", | ||
"version": "1.1.0", | ||
"version": "1.2.0", | ||
"description": "Design tokens for the Neptune Design System", | ||
@@ -5,0 +5,0 @@ "license": "UNLICENSED", |
@@ -94,3 +94,39 @@ # Neptune Tokens [](https://www.npmjs.com/package/@transferwise/neptune-tokens) | ||
| `size-64` | 64 | | ||
| `size-72` | 72 | | ||
| `size-80` | 80 | | ||
| `size-88` | 88 | | ||
| `size-96` | 96 | | ||
| `size-104` | 104 | | ||
| `size-112` | 112 | | ||
| `size-120` | 120 | | ||
| `size-128` | 128 | | ||
> ⚠️ These tokens were previously called `spacing` before version 1.0.0 | ||
### Typography | ||
Our size scale was created around the standard size for proportional fonts on most platforms, 16. It then includes smaller values for lower hierarchy body copy, and larger ones mostly used for headings. | ||
| Name | Size | Default rendering size | | ||
| ---------------- | ----- |------------------------| | ||
| `font-size-12` | 0.75 | 12px | | ||
| `font-size-14` | 0.875 | 14px | | ||
| `font-size-16` | 1 | 16px | | ||
| `font-size-20` | 1.25 | 20px | | ||
| `font-size-26` | 1.625 | 26px | | ||
| `font-size-32` | 2 | 32px | | ||
| Name | Line height | | ||
| ---------------------- | ----------- | | ||
| `line-height-title` | 1.2 | | ||
| `line-height-body` | 1.5 | | ||
| `line-height-control` | 1.2 | | ||
| Name | Font weight | | ||
| ----------------------- | ----------- | | ||
| `font-weight-regular` | 500 | | ||
| `font-weight-semi-bold` | 600 | | ||
| `font-weight-bold` | 800 | | ||
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
78326
2.85%2862
0.7%132
37.5%