@primer/primitives
Version:
Typography, spacing, and color primitives for Primer design system
811 lines (810 loc) • 23.6 kB
JavaScript
/**
* Do not edit directly
* Generated on Fri, 29 Apr 2022 19:38:32 GMT
*/
module.exports = {
"primer": {
"fontStack": {
"system": {
"value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
},
"name": "system",
"attributes": {},
"path": [
"primer",
"fontStack",
"system"
]
},
"sansSerif": {
"value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
},
"name": "sansSerif",
"attributes": {},
"path": [
"primer",
"fontStack",
"sansSerif"
]
},
"monospace": {
"value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
},
"name": "monospace",
"attributes": {},
"path": [
"primer",
"fontStack",
"monospace"
]
}
},
"text": {
"display": {
"lineBoxHeight": {
"value": "3.5rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "56px"
},
"name": "lineBoxHeight",
"attributes": {},
"path": [
"primer",
"text",
"display",
"lineBoxHeight"
]
},
"size": {
"value": "2.5rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "40px"
},
"name": "size",
"attributes": {},
"path": [
"primer",
"text",
"display",
"size"
]
},
"lineHeight": {
"value": "3.5rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "56px"
},
"name": "lineHeight",
"attributes": {},
"path": [
"primer",
"text",
"display",
"lineHeight"
]
},
"weight": {
"value": "500",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.medium}"
},
"name": "weight",
"attributes": {},
"path": [
"primer",
"text",
"display",
"weight"
]
},
"shorthand": {
"value": {
"fontWeight": "500",
"fontSize": "2.5rem",
"lineHeight": "3.5rem",
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
},
"type": "typography",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": {
"fontWeight": "{primer.text.display.weight}",
"fontSize": "{primer.text.display.size}",
"lineHeight": "{primer.text.display.lineHeight}",
"fontFamily": "{primer.fontStack.sansSerif}"
},
"type": "typography"
},
"name": "shorthand",
"attributes": {},
"path": [
"primer",
"text",
"display",
"shorthand"
]
}
},
"title": {
"size": {
"large": {
"value": "2rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "32px"
},
"name": "large",
"attributes": {},
"path": [
"primer",
"text",
"title",
"size",
"large"
]
},
"medium": {
"value": "1.25rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "medium",
"attributes": {},
"path": [
"primer",
"text",
"title",
"size",
"medium"
]
}
},
"lineHeight": {
"large": {
"value": "3rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "48px"
},
"name": "large",
"attributes": {},
"path": [
"primer",
"text",
"title",
"lineHeight",
"large"
]
},
"medium": {
"value": "2rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "32px"
},
"name": "medium",
"attributes": {},
"path": [
"primer",
"text",
"title",
"lineHeight",
"medium"
]
}
},
"weight": {
"value": "600",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.semibold}"
},
"name": "weight",
"attributes": {},
"path": [
"primer",
"text",
"title",
"weight"
]
},
"shorthand": {
"large": {
"value": {
"fontWeight": "600",
"fontSize": "2rem",
"lineHeight": "3rem",
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
},
"type": "typography",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": {
"fontWeight": "{primer.text.title.weight}",
"fontSize": "{primer.text.title.size.large}",
"lineHeight": "{primer.text.title.lineHeight.large}",
"fontFamily": "{primer.fontStack.sansSerif}"
},
"type": "typography"
},
"name": "large",
"attributes": {},
"path": [
"primer",
"text",
"title",
"shorthand",
"large"
]
},
"medium": {
"value": {
"fontWeight": "600",
"fontSize": "1.25rem",
"lineHeight": "2rem",
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
},
"type": "typography",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": {
"fontWeight": "{primer.text.title.weight}",
"fontSize": "{primer.text.title.size.medium}",
"lineHeight": "{primer.text.title.lineHeight.medium}",
"fontFamily": "{primer.fontStack.sansSerif}"
},
"type": "typography"
},
"name": "medium",
"attributes": {},
"path": [
"primer",
"text",
"title",
"shorthand",
"medium"
]
}
}
},
"subtitle": {
"size": {
"value": "1.25rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "size",
"attributes": {},
"path": [
"primer",
"text",
"subtitle",
"size"
]
},
"lineHeight": {
"value": "2rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "32px"
},
"name": "lineHeight",
"attributes": {},
"path": [
"primer",
"text",
"subtitle",
"lineHeight"
]
},
"weight": {
"value": "400",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.normal}"
},
"name": "weight",
"attributes": {},
"path": [
"primer",
"text",
"subtitle",
"weight"
]
},
"shorthand": {
"value": {
"fontWeight": "400",
"fontSize": "1.25rem",
"lineHeight": "2rem",
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
},
"type": "typography",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": {
"fontWeight": "{primer.text.subtitle.weight}",
"fontSize": "{primer.text.subtitle.size}",
"lineHeight": "{primer.text.subtitle.lineHeight}",
"fontFamily": "{primer.fontStack.sansSerif}"
},
"type": "typography"
},
"name": "shorthand",
"attributes": {},
"path": [
"primer",
"text",
"subtitle",
"shorthand"
]
}
},
"body": {
"size": {
"large": {
"value": "1rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "16px"
},
"name": "large",
"attributes": {},
"path": [
"primer",
"text",
"body",
"size",
"large"
]
},
"medium": {
"value": "0.875rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "14px"
},
"name": "medium",
"attributes": {},
"path": [
"primer",
"text",
"body",
"size",
"medium"
]
},
"small": {
"value": "0.75rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "12px"
},
"name": "small",
"attributes": {},
"path": [
"primer",
"text",
"body",
"size",
"small"
]
}
},
"lineHeight": {
"large": {
"value": "1.5rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "24px"
},
"name": "large",
"attributes": {},
"path": [
"primer",
"text",
"body",
"lineHeight",
"large"
]
},
"medium": {
"value": "1.25rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "medium",
"attributes": {},
"path": [
"primer",
"text",
"body",
"lineHeight",
"medium"
]
},
"small": {
"value": "1.25rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "small",
"attributes": {},
"path": [
"primer",
"text",
"body",
"lineHeight",
"small"
]
}
},
"weight": {
"value": "400",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.normal}"
},
"name": "weight",
"attributes": {},
"path": [
"primer",
"text",
"body",
"weight"
]
},
"shorthand": {
"large": {
"value": {
"fontWeight": "400",
"fontSize": "1rem",
"lineHeight": "1.5rem",
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
},
"type": "typography",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": {
"fontWeight": "{primer.text.body.weight}",
"fontSize": "{primer.text.body.size.large}",
"lineHeight": "{primer.text.body.lineHeight.large}",
"fontFamily": "{primer.fontStack.sansSerif}"
},
"type": "typography"
},
"name": "large",
"attributes": {},
"path": [
"primer",
"text",
"body",
"shorthand",
"large"
]
},
"medium": {
"value": {
"fontWeight": "400",
"fontSize": "0.875rem",
"lineHeight": "1.25rem",
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
},
"type": "typography",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": {
"fontWeight": "{primer.text.body.weight}",
"fontSize": "{primer.text.body.size.medium}",
"lineHeight": "{primer.text.body.lineHeight.medium}",
"fontFamily": "{primer.fontStack.sansSerif}"
},
"type": "typography"
},
"name": "medium",
"attributes": {},
"path": [
"primer",
"text",
"body",
"shorthand",
"medium"
]
},
"small": {
"value": {
"fontWeight": "400",
"fontSize": "0.75rem",
"lineHeight": "1.25rem",
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
},
"type": "typography",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": {
"fontWeight": "{primer.text.body.weight}",
"fontSize": "{primer.text.body.size.small}",
"lineHeight": "{primer.text.body.lineHeight.small}",
"fontFamily": "{primer.fontStack.sansSerif}"
},
"type": "typography"
},
"name": "small",
"attributes": {},
"path": [
"primer",
"text",
"body",
"shorthand",
"small"
]
}
}
},
"caption": {
"size": {
"value": "0.75rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "12px"
},
"name": "size",
"attributes": {},
"path": [
"primer",
"text",
"caption",
"size"
]
},
"lineHeight": {
"value": "1rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "16px"
},
"name": "lineHeight",
"attributes": {},
"path": [
"primer",
"text",
"caption",
"lineHeight"
]
},
"weight": {
"value": "400",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.normal}"
},
"name": "weight",
"attributes": {},
"path": [
"primer",
"text",
"caption",
"weight"
]
},
"shorthand": {
"value": {
"fontWeight": "400",
"fontSize": "0.75rem",
"lineHeight": "1rem",
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
},
"type": "typography",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": {
"fontWeight": "{primer.text.caption.weight}",
"fontSize": "{primer.text.caption.size}",
"lineHeight": "{primer.text.caption.lineHeight}",
"fontFamily": "{primer.fontStack.sansSerif}"
},
"type": "typography"
},
"name": "shorthand",
"attributes": {},
"path": [
"primer",
"text",
"caption",
"shorthand"
]
}
},
"codeBlock": {
"size": {
"value": "0.8125rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "13px"
},
"name": "size",
"attributes": {},
"path": [
"primer",
"text",
"codeBlock",
"size"
]
},
"lineHeight": {
"value": "1.25rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "lineHeight",
"attributes": {},
"path": [
"primer",
"text",
"codeBlock",
"lineHeight"
]
},
"weight": {
"value": "400",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.normal}"
},
"name": "weight",
"attributes": {},
"path": [
"primer",
"text",
"codeBlock",
"weight"
]
},
"shorthand": {
"value": {
"fontWeight": "400",
"fontSize": "0.8125rem",
"lineHeight": "1.25rem",
"fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
},
"type": "typography",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": {
"fontWeight": "{primer.text.codeBlock.weight}",
"fontSize": "{primer.text.codeBlock.size}",
"lineHeight": "{primer.text.codeBlock.lineHeight}",
"fontFamily": "{primer.fontStack.monospace}"
},
"type": "typography"
},
"name": "shorthand",
"attributes": {},
"path": [
"primer",
"text",
"codeBlock",
"shorthand"
]
}
},
"codeInline": {
"size": {
"value": "0.9285em",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "0.9285em"
},
"name": "size",
"attributes": {},
"path": [
"primer",
"text",
"codeInline",
"size"
]
},
"weight": {
"value": "400",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.normal}"
},
"name": "weight",
"attributes": {},
"path": [
"primer",
"text",
"codeInline",
"weight"
]
},
"shorthand": {
"value": {
"fontWeight": "400",
"fontSize": "0.9285em",
"lineHeight": "inherit",
"fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
},
"type": "typography",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": {
"fontWeight": "{primer.text.codeInline.weight}",
"fontSize": "{primer.text.codeInline.size}",
"lineHeight": "inherit",
"fontFamily": "{primer.fontStack.monospace}"
},
"type": "typography"
},
"name": "shorthand",
"attributes": {},
"path": [
"primer",
"text",
"codeInline",
"shorthand"
]
}
}
}
}
};