Skip to content

Commit 3a83ffd

Browse files
authored
feat: add ams-figure tokens (#1254)
Met deze PR voegen we de volgende design tokens toe voor de Figure component van Amsterdam voor het Start-thema: - `ams.figure.gap` - `ams.figure.caption.color` - `ams.figure.caption.font-family` - `ams.figure.caption.font-size` - `ams.figure.caption.font-weight` - `ams.figure.caption.line-height` - `ams.figure.caption.inverse.color`
1 parent 3e79e61 commit 3a83ffd

File tree

2 files changed

+54
-2
lines changed

2 files changed

+54
-2
lines changed

.changeset/ams-figure-tokens.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
---
2+
"@nl-design-system-unstable/start-design-tokens": minor
3+
---
4+
5+
De volgende tokens zijn toegevoegd aan Figure component van Amsterdam:
6+
7+
- `ams.figure.gap`
8+
- `ams.figure.caption.color`
9+
- `ams.figure.caption.font-family`
10+
- `ams.figure.caption.font-size`
11+
- `ams.figure.caption.font-weight`
12+
- `ams.figure.caption.line-height`
13+
- `ams.figure.caption.inverse.color`

packages/start-design-tokens/figma/start.tokens.json

Lines changed: 41 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6026,7 +6026,45 @@
60266026
}
60276027
}
60286028
},
6029-
"components/figure": {
6029+
"components/figure/amsterdam": {
6030+
"ams": {
6031+
"figure": {
6032+
"gap": {
6033+
"$type": "dimension",
6034+
"$value": "{basis.space.row.md}"
6035+
},
6036+
"caption": {
6037+
"color": {
6038+
"$type": "color",
6039+
"$value": "{basis.color.default.color-document}"
6040+
},
6041+
"font-family": {
6042+
"$type": "fontFamilies",
6043+
"$value": "{basis.text.font-family.default}"
6044+
},
6045+
"font-size": {
6046+
"$type": "fontSizes",
6047+
"$value": "{basis.text.font-size.md}"
6048+
},
6049+
"font-weight": {
6050+
"$type": "fontWeights",
6051+
"$value": "{basis.text.font-weight.default}"
6052+
},
6053+
"line-height": {
6054+
"$type": "lineHeights",
6055+
"$value": "{basis.text.line-height.md}"
6056+
},
6057+
"inverse": {
6058+
"color": {
6059+
"$type": "color",
6060+
"$value": "{basis.color.default-inverse.color-document}"
6061+
}
6062+
}
6063+
}
6064+
}
6065+
}
6066+
},
6067+
"components/figure/utrecht": {
60306068
"utrecht": {
60316069
"figure": {
60326070
"margin-block-end": {
@@ -13818,7 +13856,8 @@
1381813856
"components/drawer/utrecht",
1381913857
"components/drawer/todo",
1382013858
"components/dot-badge",
13821-
"components/figure",
13859+
"components/figure/amsterdam",
13860+
"components/figure/utrecht",
1382213861
"components/file",
1382313862
"components/form-field",
1382413863
"components/form-field-checkbox-option",

0 commit comments

Comments
 (0)