Skip to content

Commit

Permalink
feat: define design tokens in Style Dictionary per component
Browse files Browse the repository at this point in the history
  • Loading branch information
Robbert committed Jun 27, 2021
1 parent 54d7491 commit 7e4dd8a
Show file tree
Hide file tree
Showing 20 changed files with 306 additions and 0 deletions.
12 changes: 12 additions & 0 deletions components/blockquote/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
{
"utrecht": {
"blockquote": {
"margin-inline-start": {},
"margin-inline-end": {},
"margin-inline-block-start": {},
"margin-inline-block-end": {},
"margin-inline-font-size": {},
"margin-inline-font-family": {},
"margin-inline-font-family": {},
}
}
14 changes: 14 additions & 0 deletions components/blockquote/element.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
{
"utrecht": {
"blockquote": {
"attribution": {
"color": {},
"font-size": {}
},
"content": {
"color": {},
"font-size": {}
}
}
}
}
17 changes: 17 additions & 0 deletions components/button/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
{
"utrecht": {
"button": {
"border-width": {},
"focus-transform-scale": {},
"font-size": {},
"margin-block-start": {},
"margin-block-end": {},
"margin-inline-start": {},
"margin-inline-end": {},
"padding-block-start": {},
"padding-block-end": {},
"padding-inline-start": {},
"padding-inline-end": {}
}
}
}
15 changes: 15 additions & 0 deletions components/button/modifier.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
"utrecht": {
"button": {
"disabled": {
"color": {},
"hover-background-color": {}
},
"primary-action": {
"background-color": {},
"color": {},
"hover-background-color": {}
}
}
}
}
11 changes: 11 additions & 0 deletions components/document/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
{
"utrecht": {
"document": {
"background-color": {},
"color": {},
"font-family": {},
"font-size": {},
"line-height": {}
}
}
}
8 changes: 8 additions & 0 deletions components/form-field-radio-group/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"utrecht": {
"form-field": {
"margin-block-start": {},
"margin-block-end": {}
}
}
}
8 changes: 8 additions & 0 deletions components/form-field/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"utrecht": {
"form-field": {
"margin-block-start": {},
"margin-block-end": {}
}
}
}
8 changes: 8 additions & 0 deletions components/form-label/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"utrecht": {
"label": {
"font-weight": {},
"font-size": {}
}
}
}
63 changes: 63 additions & 0 deletions components/heading/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
{
"utrecht": {
"heading": {
"color": {},
"font-family": {},
"font-weight": {}
},
"heading-1": {
"color": {},
"font-family": {},
"font-size": {},
"font-weight": {},
"line-height": {},
"margin-block-end": {},
"margin-block-start": {}
},
"heading-2": {
"color": {},
"font-family": {},
"font-size": {},
"font-weight": {},
"line-height": {},
"margin-block-end": {},
"margin-block-start": {}
},
"heading-3": {
"color": {},
"font-family": {},
"font-size": {},
"font-weight": {},
"line-height": {},
"margin-block-end": {},
"margin-block-start": {}
},
"heading-4": {
"color": {},
"font-family": {},
"font-size": {},
"font-weight": {},
"line-height": {},
"margin-block-end": {},
"margin-block-start": {}
},
"heading-5": {
"color": {},
"font-family": {},
"font-size": {},
"font-weight": {},
"line-height": {},
"margin-block-end": {},
"margin-block-start": {}
},
"heading-6": {
"color": {},
"font-family": {},
"font-size": {},
"font-weight": {},
"line-height": {},
"margin-block-end": {},
"margin-block-start": {}
}
}
}
8 changes: 8 additions & 0 deletions components/link/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"utrecht": {
"link": {
"color": {},
"text-decoration": {}
}
}
}
16 changes: 16 additions & 0 deletions components/link/modifier.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
{
"utrecht": {
"link": {
"active": { "color": {} },
"focus": {
"color": {},
"text-decoration": {}
},
"hover": {
"color": {},
"text-decoration": {}
},
"visited": { "color": {} }
}
}
}
13 changes: 13 additions & 0 deletions components/paragraph/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
{
"utrecht": {
"paragraph": {
"color": {},
"font-family": {},
"font-size": {},
"font-weight": {},
"line-height": {},
"margin-block-start": {},
"margin-block-end": {}
}
}
}
11 changes: 11 additions & 0 deletions components/paragraph/modifier.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
{
"utrecht": {
"paragraph": {
"lead": {
"font-size": {},
"font-weight": {},
"line-height": {}
}
}
}
}
9 changes: 9 additions & 0 deletions components/separator/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{
"utrecht": {
"separator": {
"color": {},
"width": {},
"margin-block": {}
}
}
}
18 changes: 18 additions & 0 deletions components/textarea/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
{
"utrecht": {
"textarea": {
"border-bottom-width": {},
"border-color": {},
"border-radius": {},
"border-width": {},
"color": {},
"font-family": {},
"font-size": {},
"max-width": {},
"padding-block-end": {},
"padding-block-start": {},
"padding-inline-end": {},
"padding-inline-start": {}
}
}
}
18 changes: 18 additions & 0 deletions components/textarea/modifier.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
{
"utrecht": {
"textarea": {
"disabled": {
"border-color": {},
"color": {}
},
"invalid": {
"border-color": {},
"border-width": {}
},
"read-only": {
"border-color": {},
"color": {}
}
}
}
}
18 changes: 18 additions & 0 deletions components/textbox/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
{
"utrecht": {
"textbox": {
"border-bottom-width": {},
"border-color": {},
"border-radius": {},
"border-width": {},
"color": {},
"font-family": {},
"font-size": {},
"max-width": {},
"padding-block-end": {},
"padding-block-start": {},
"padding-inline-end": {},
"padding-inline-start": {}
}
}
}
18 changes: 18 additions & 0 deletions components/textbox/modifier.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
{
"utrecht": {
"textbox": {
"disabled": {
"border-color": {},
"color": {}
},
"invalid": {
"border-color": {},
"border-width": {}
},
"read-only": {
"border-color": {},
"color": {}
}
}
}
}
8 changes: 8 additions & 0 deletions components/unordered-list/block.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"utrecht": {
"unordered-list": {
"margin-block-start": {},
"margin-block-end": {}
}
}
}
13 changes: 13 additions & 0 deletions components/unordered-list/element.style-dictionary.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
{
"utrecht": {
"unordered-list": {
"item": {
"margin-block-start": {},
"margin-block-end": {}
},
"marker": {
"color": {}
}
}
}
}

0 comments on commit 7e4dd8a

Please sign in to comment.