Skip to content

Commit

Permalink
feat(data): adding generic global spacing tokens
Browse files Browse the repository at this point in the history
  • Loading branch information
@ljemmo
ljemmo committed Jan 10, 2024
1 parent b8a590d commit c5e375c
Show file tree
Hide file tree
Showing 5 changed files with 118 additions and 137 deletions.
54 changes: 51 additions & 3 deletions data/tokens/Components/button.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,17 +4,65 @@
"S": {
"value": "{origin.dimension.400}",
"type": "sizing",
"description": "S Button"
"description": "min-height on S Buttons"
},
"M": {
"value": "{origin.dimension.500}",
"type": "sizing",
"description": "M Button"
"description": "min-height on M Buttons"
},
"L": {
"value": "{origin.dimension.600}",
"type": "sizing",
"description": "L Button"
"description": "min-height on L Buttons"
}
},
"space": {
"inside": {
"XXS": {
"value": "{origin.dimension.50}",
"type": "spacing",
"description": "top and bottom padding on small buttons"
},
"XS": {
"value": "{origin.dimension.100}",
"type": "spacing",
"description": "top and bottom padding on medium buttons"
},
"S": {
"value": "{origin.dimension.150}",
"type": "spacing",
"description": "top and bottom padding on large buttons"
},
"M": {
"value": "{origin.dimension.200}",
"type": "spacing",
"description": "left and right padding on small buttons"
},
"L": {
"value": "{origin.dimension.300}",
"type": "spacing",
"description": "left and right padding on Medium buttons"
},
"XL": {
"value": "{origin.dimension.400}",
"type": "spacing",
"description": "left and right padding on large buttons"
}
},
"stack": {
"S": {
"value": "{origin.dimension.200}",
"type": "spacing"
},
"M": {
"value": "{origin.dimension.300}",
"type": "spacing"
},
"L": {
"value": "{origin.dimension.400}",
"type": "spacing"
}
}
},
"color": {
Expand Down
69 changes: 14 additions & 55 deletions data/tokens/Components/form.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,79 +2,38 @@
"form": {
"space": {
"inside": {
"XXS": {
"value": "{origin.dimension.12}",
"type": "spacing"
},
"XS": {
"value": "{origin.dimension.25}",
"type": "spacing"
},
"S": {
"value": "{origin.dimension.50}",
"type": "spacing"
},
"SM": {
"value": "{origin.dimension.100}",
"type": "spacing"
},
"M": {
"value": "{origin.dimension.150}",
"type": "spacing"
},
"ML": {
"value": "{origin.dimension.200}",
"value": "{origin.dimension.100}",
"type": "spacing"
},
"L": {
"value": "{origin.dimension.300}",
"value": "{origin.dimension.150}",
"type": "spacing"
},
"XL": {
"value": "{origin.dimension.400}",
"type": "spacing"
},
"XXL": {
"value": "{origin.dimension.500}",
"value": "{origin.dimension.200}",
"type": "spacing"
}
},
"stack": {
"XXS": {
"value": "{origin.dimension.12}",
"type": "spacing"
},
"XS": {
"value": "{origin.dimension.25}",
"type": "spacing"
},
"S": {
"value": "{origin.dimension.50}",
"type": "spacing"
},
"SM": {
"value": "{origin.dimension.100}",
"type": "spacing"
},
"M": {
"value": "{origin.dimension.150}",
"type": "spacing"
},
"ML": {
"value": "{origin.dimension.200}",
"type": "spacing"
"type": "spacing",
"description": "Stacked S inputs"
},
"L": {
"M": {
"value": "{origin.dimension.300}",
"type": "spacing"
"type": "spacing",
"description": "Stacked M inputs"
},
"XL": {
"L": {
"value": "{origin.dimension.400}",
"type": "spacing"
},
"XXL": {
"value": "{origin.dimension.500}",
"type": "spacing"
"type": "spacing",
"description": "Stacked L inputs"
}
}
},
Expand All @@ -87,17 +46,17 @@
"XS": {
"value": "{origin.dimension.300}",
"type": "sizing",
"description": "XS inputs"
"description": "min-height on XS inputs"
},
"S": {
"value": "{origin.dimension.400}",
"type": "sizing",
"description": "S Inputs"
"description": "min-height on S inputs"
},
"M": {
"value": "{origin.dimension.500}",
"type": "sizing",
"description": "M Inputs, M Dropdowns, Calendar days"
"description": "Min height on M Inputs and M Dropdowns. Fixed height on Calendar days"
},
"L": {
"value": "{origin.dimension.600}",
Expand Down
13 changes: 4 additions & 9 deletions data/tokens/Components/profile.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,27 +4,22 @@
"XS": {
"value": "{origin.dimension.300}",
"type": "sizing",
"description": "XS Portraits, XS spinners"
"description": "XS Portraits"
},
"S": {
"value": "{origin.dimension.400}",
"type": "sizing",
"description": "S Portraits, S Spinners"
"description": "S Portraits"
},
"M": {
"value": "{origin.dimension.500}",
"type": "sizing",
"description": "M Portraits, M Spinners"
"description": "M Portraits"
},
"L": {
"value": "{origin.dimension.900}",
"type": "sizing",
"description": "L Portraits, L Spinners"
},
"XL": {
"value": "{origin.dimension.1300}",
"type": "sizing",
"description": "XL spinners"
"description": "L Portraits"
}
}
}
Expand Down
19 changes: 19 additions & 0 deletions data/tokens/Components/tab.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,25 @@
"description": "L tab"
}
},
"space": {
"inside": {
"S": {
"value": "{origin.dimension.100}",
"type": "spacing",
"description": "top and bottom padding on medium buttons"
},
"M": {
"value": "{origin.dimension.200}",
"type": "spacing",
"description": "left and right padding on small buttons"
},
"L": {
"value": "{origin.dimension.300}",
"type": "spacing",
"description": "left and right padding on Medium buttons"
}
}
},
"color": {
"standard": {
"bg-active": {
Expand Down
100 changes: 30 additions & 70 deletions data/tokens/global.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -209,24 +209,12 @@
}
},
"space": {
"interactive": {
"none": {
"value": "{origin.dimension.0}",
"type": "spacing"
},
"components": {
"inside": {
"Neg-XS": {
"value": "{origin.dimension.25} * -1",
"type": "spacing"
},
"Neg-XXS": {
"value": "{origin.dimension.12} * -1",
"type": "spacing"
},
"XXS": {
"value": "{origin.dimension.12}",
"type": "spacing"
},
"none": {
"value": "{origin.dimension.0}",
"type": "spacing"
},
"XS": {
"value": "{origin.dimension.25}",
"type": "spacing"
Expand All @@ -235,65 +223,25 @@
"value": "{origin.dimension.50}",
"type": "spacing"
},
"SM": {
"value": "{origin.dimension.100}",
"type": "spacing"
},
"M": {
"value": "{origin.dimension.150}",
"type": "spacing"
},
"ML": {
"value": "{origin.dimension.200}",
"value": "{origin.dimension.100}",
"type": "spacing"
},
"L": {
"value": "{origin.dimension.300}",
"value": "{origin.dimension.150}",
"type": "spacing"
},
"XL": {
"value": "{origin.dimension.400}",
"type": "spacing"
},
"XXL": {
"value": "{origin.dimension.500}",
"value": "{origin.dimension.200}",
"type": "spacing"
}
},
"stack": {
"Neg-XS": {
"value": "{origin.dimension.25} * -1",
"type": "spacing"
},
"Neg-XXS": {
"value": "{origin.dimension.12} * -1",
"type": "spacing"
},
"XXS": {
"value": "{origin.dimension.12}",
"type": "spacing"
},
"none": {
"value": "{origin.dimension.0}",
"type": "spacing"
},
"XS": {
"value": "{origin.dimension.25}",
"type": "spacing"
},
"S": {
"value": "{origin.dimension.50}",
"type": "spacing"
},
"SM": {
"value": "{origin.dimension.100}",
"type": "spacing"
},
"M": {
"value": "{origin.dimension.150}",
"type": "spacing"
},
"ML": {
"value": "{origin.dimension.200}",
"type": "spacing"
},
Expand All @@ -304,31 +252,43 @@
"XL": {
"value": "{origin.dimension.400}",
"type": "spacing"
},
"XXL": {
"value": "{origin.dimension.500}",
"type": "spacing"
}
}
},
"page": {
"inside": {
"none": {
"value": "{origin.dimension.0}",
"S": {
"value": "{origin.dimension.300}",
"type": "spacing"
},
"M": {
"value": "{origin.dimension.400}",
"type": "spacing"
},
"L": {
"value": "{origin.dimension.12}",
"value": "{origin.dimension.500}",
"type": "spacing"
},
"XL": {
"value": "{origin.dimension.600}",
"type": "spacing"
}
},
"outside": {
"none": {
"value": "{origin.dimension.0}",
"S": {
"value": "{origin.dimension.300}",
"type": "spacing"
},
"M": {
"value": "{origin.dimension.400}",
"type": "spacing"
},
"L": {
"value": "{origin.dimension.12}",
"value": "{origin.dimension.500}",
"type": "spacing"
},
"XL": {
"value": "{origin.dimension.600}",
"type": "spacing"
}
}
Expand Down

0 comments on commit c5e375c

Please sign in to comment.