Skip to content

Commit

Permalink
Typografi-tokens og mappestruktur på fargetokens
Browse files Browse the repository at this point in the history
Mappestruktur for design-tokens endret. I tillegg er det lagt til tokens for typografi. "Theme" er gitt navnet "BRREG" slik at det i Figma vises som BRREG og ikke Theme1 (i $themes fila).
  • Loading branch information
Camulos committed Aug 2, 2024
1 parent ad9c4a0 commit 31e7ff4
Show file tree
Hide file tree
Showing 17 changed files with 807 additions and 262 deletions.
22 changes: 14 additions & 8 deletions design-tokens/$metadata.json
Original file line number Diff line number Diff line change
@@ -1,16 +1,22 @@
{
"tokenSetOrder": [
"primitives/globals",
"primitives/typography/default",
"primitives/colors/dark/global",
"primitives/colors/dark/theme",
"primitives/colors/dark/theme2",
"primitives/colors/light/global",
"primitives/colors/light/theme",
"primitives/colors/light/theme2",
"primitives/size/default",
"primitives/size/compact",
"primitives/modes/typography/primary/theme",
"primitives/modes/typography/primary/theme2",
"primitives/modes/typography/secondary/theme",
"primitives/modes/typography/secondary/theme2",
"primitives/modes/colors/dark/global",
"primitives/modes/colors/dark/theme",
"primitives/modes/colors/dark/theme2",
"primitives/modes/colors/light/global",
"primitives/modes/colors/light/theme",
"primitives/modes/colors/light/theme2",
"themes/theme",
"themes/theme2",
"semantic/color",
"semantic/style"
"semantic/style",
"Figma/components"
]
}
469 changes: 301 additions & 168 deletions design-tokens/$themes.json

Large diffs are not rendered by default.

22 changes: 22 additions & 0 deletions design-tokens/Figma/components.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
{
"switch": {
"circle": {
"small": {
"type": "sizing",
"value": "{sizing.5} - {switch.border}"
},
"medium": {
"type": "sizing",
"value": "{sizing.6} - {switch.border}"
},
"large": {
"type": "sizing",
"value": "{sizing.7} - {switch.border}"
}
},
"border": {
"type": "sizing",
"value": "4"
}
}
}
Binary file not shown.
30 changes: 30 additions & 0 deletions design-tokens/primitives/modes/typography/primary/theme.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
{
"theme": {
"main": {
"type": "fontFamilies",
"value": "Inter"
},
"bold": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontWeights",
"value": "Medium"
},
"extra-bold": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontWeights",
"value": "Semi bold"
},
"regular": {
"type": "fontWeights",
"value": "Regular"
}
}
}
30 changes: 30 additions & 0 deletions design-tokens/primitives/modes/typography/primary/theme2.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
{
"theme2": {
"main": {
"type": "fontFamilies",
"value": "Open Sans"
},
"bold": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontWeights",
"value": "Medium"
},
"extra-bold": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontWeights",
"value": "Bold"
},
"regular": {
"type": "fontWeights",
"value": "Regular"
}
}
}
30 changes: 30 additions & 0 deletions design-tokens/primitives/modes/typography/secondary/theme.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
{
"theme": {
"main": {
"type": "fontFamilies",
"value": "IBM Plex Mono"
},
"bold": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontWeights",
"value": "Medium"
},
"extra-bold": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontWeights",
"value": "SemiBold"
},
"regular": {
"type": "fontWeights",
"value": "Regular"
}
}
}
30 changes: 30 additions & 0 deletions design-tokens/primitives/modes/typography/secondary/theme2.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
{
"theme2": {
"main": {
"type": "fontFamilies",
"value": "IBM Plex Mono"
},
"bold": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontWeights",
"value": "Regular"
},
"extra-bold": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontWeights",
"value": "Bold"
},
"regular": {
"type": "fontWeights",
"value": "Regular"
}
}
}
175 changes: 175 additions & 0 deletions design-tokens/primitives/size/compact.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
{
"line-height": {
"sm": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "lineHeights",
"value": "130%"
},
"md": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "lineHeights",
"value": "150%"
},
"lg": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "lineHeights",
"value": "170%"
}
},
"font-size": {
"1": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontSizes",
"value": "12"
},
"2": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontSizes",
"value": "13"
},
"3": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontSizes",
"value": "14"
},
"4": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontSizes",
"value": "16"
},
"5": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontSizes",
"value": "18"
},
"6": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontSizes",
"value": "20"
},
"7": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontSizes",
"value": "22"
},
"8": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontSizes",
"value": "26"
},
"9": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontSizes",
"value": "32"
},
"10": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontSizes",
"value": "40"
},
"11": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "fontSizes",
"value": "48"
}
},
"letter-spacing": {
"1": {
"type": "letterSpacing",
"value": "-1%"
},
"2": {
"type": "letterSpacing",
"value": "-0.5%"
},
"3": {
"type": "letterSpacing",
"value": "-0.25%"
},
"4": {
"type": "letterSpacing",
"value": "-0.15%"
},
"5": {
"type": "letterSpacing",
"value": "0%"
},
"6": {
"type": "letterSpacing",
"value": "0.15%"
},
"7": {
"type": "letterSpacing",
"value": "0.25%"
},
"8": {
"type": "letterSpacing",
"value": "0.5%"
},
"9": {
"$extensions": {
"studio.tokens": {
"modify": {}
}
},
"type": "letterSpacing",
"value": "1.5%"
}
}
}
Loading

0 comments on commit 31e7ff4

Please sign in to comment.