@primer/primitives
Version:
Typography, spacing, and color primitives for Primer design system
824 lines (823 loc) • 21.2 kB
JavaScript
/**
* Do not edit directly
* Generated on Fri, 29 Apr 2022 19:38:32 GMT
*/
module.exports = {
"primer": {
"control": {
"minTarget": {
"fine": {
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "fine",
"attributes": {},
"path": [
"primer",
"control",
"minTarget",
"fine"
]
},
"coarse": {
"value": "2.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.44}"
},
"name": "coarse",
"attributes": {},
"path": [
"primer",
"control",
"minTarget",
"coarse"
]
}
},
"xsmall": {
"size": {
"value": "1.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.24}"
},
"name": "size",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"size"
]
},
"lineBoxHeight": {
"value": "1.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.20}"
},
"name": "lineBoxHeight",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"lineBoxHeight"
]
},
"paddingBlock": {
"value": "calc((1.5rem - 1.25rem) / 2)",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "calc(({primer.control.xsmall.size} - {primer.control.xsmall.lineBoxHeight}) / 2)"
},
"name": "paddingBlock",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"paddingBlock"
]
},
"paddingInline": {
"condensed": {
"value": "0.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.4}"
},
"name": "condensed",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"paddingInline",
"condensed"
]
},
"normal": {
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "normal",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"paddingInline",
"normal"
]
},
"spacious": {
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "spacious",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"paddingInline",
"spacious"
]
}
},
"gap": {
"value": "0.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.4}"
},
"name": "gap",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"gap"
]
}
},
"small": {
"size": {
"value": "1.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.28}"
},
"name": "size",
"attributes": {},
"path": [
"primer",
"control",
"small",
"size"
]
},
"lineBoxHeight": {
"value": "1.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.20}"
},
"name": "lineBoxHeight",
"attributes": {},
"path": [
"primer",
"control",
"small",
"lineBoxHeight"
]
},
"paddingBlock": {
"value": "calc((1.75rem - 1.25rem) / 2)",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "calc(({primer.control.small.size} - {primer.control.small.lineBoxHeight}) / 2)"
},
"name": "paddingBlock",
"attributes": {},
"path": [
"primer",
"control",
"small",
"paddingBlock"
]
},
"paddingInline": {
"condensed": {
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "condensed",
"attributes": {},
"path": [
"primer",
"control",
"small",
"paddingInline",
"condensed"
]
},
"normal": {
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "normal",
"attributes": {},
"path": [
"primer",
"control",
"small",
"paddingInline",
"normal"
]
}
},
"gap": {
"value": "0.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.4}"
},
"name": "gap",
"attributes": {},
"path": [
"primer",
"control",
"small",
"gap"
]
}
},
"medium": {
"size": {
"value": "2rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.32}"
},
"name": "size",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"size"
]
},
"lineBoxHeight": {
"value": "1.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.20}"
},
"name": "lineBoxHeight",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"lineBoxHeight"
]
},
"paddingBlock": {
"value": "calc((2rem - 1.25rem) / 2)",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "calc(({primer.control.medium.size} - {primer.control.medium.lineBoxHeight}) / 2)"
},
"name": "paddingBlock",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"paddingBlock"
]
},
"paddingInline": {
"condensed": {
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "condensed",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"paddingInline",
"condensed"
]
},
"normal": {
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "normal",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"paddingInline",
"normal"
]
},
"spacious": {
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "spacious",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"paddingInline",
"spacious"
]
}
},
"gap": {
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "gap",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"gap"
]
}
},
"large": {
"size": {
"value": "2.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.40}"
},
"name": "size",
"attributes": {},
"path": [
"primer",
"control",
"large",
"size"
]
},
"lineBoxHeight": {
"value": "1.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.20}"
},
"name": "lineBoxHeight",
"attributes": {},
"path": [
"primer",
"control",
"large",
"lineBoxHeight"
]
},
"paddingBlock": {
"value": "calc((2.5rem - 1.25rem) / 2)",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "calc(({primer.control.large.size} - {primer.control.large.lineBoxHeight}) / 2)"
},
"name": "paddingBlock",
"attributes": {},
"path": [
"primer",
"control",
"large",
"paddingBlock"
]
},
"paddingInline": {
"normal": {
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "normal",
"attributes": {},
"path": [
"primer",
"control",
"large",
"paddingInline",
"normal"
]
},
"spacious": {
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "spacious",
"attributes": {},
"path": [
"primer",
"control",
"large",
"paddingInline",
"spacious"
]
}
},
"gap": {
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "gap",
"attributes": {},
"path": [
"primer",
"control",
"large",
"gap"
]
}
},
"xlarge": {
"size": {
"value": "3rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.48}"
},
"name": "size",
"attributes": {},
"path": [
"primer",
"control",
"xlarge",
"size"
]
},
"lineBoxHeight": {
"value": "1.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.20}"
},
"name": "lineBoxHeight",
"attributes": {},
"path": [
"primer",
"control",
"xlarge",
"lineBoxHeight"
]
},
"paddingBlock": {
"value": "calc((3rem - 1.25rem) / 2)",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "calc(({primer.control.xlarge.size} - {primer.control.xlarge.lineBoxHeight}) / 2)"
},
"name": "paddingBlock",
"attributes": {},
"path": [
"primer",
"control",
"xlarge",
"paddingBlock"
]
},
"paddingInline": {
"normal": {
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "normal",
"attributes": {},
"path": [
"primer",
"control",
"xlarge",
"paddingInline",
"normal"
]
},
"spacious": {
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "spacious",
"attributes": {},
"path": [
"primer",
"control",
"xlarge",
"paddingInline",
"spacious"
]
}
},
"gap": {
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "gap",
"attributes": {},
"path": [
"primer",
"control",
"xlarge",
"gap"
]
}
}
},
"stack": {
"padding": {
"condensed": {
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "condensed",
"attributes": {},
"path": [
"primer",
"stack",
"padding",
"condensed"
]
},
"normal": {
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "normal",
"attributes": {},
"path": [
"primer",
"stack",
"padding",
"normal"
]
},
"spacious": {
"value": "1.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.24}"
},
"name": "spacious",
"attributes": {},
"path": [
"primer",
"stack",
"padding",
"spacious"
]
}
},
"gap": {
"condensed": {
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "condensed",
"attributes": {},
"path": [
"primer",
"stack",
"gap",
"condensed"
]
},
"normal": {
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "normal",
"attributes": {},
"path": [
"primer",
"stack",
"gap",
"normal"
]
},
"spacious": {
"value": "1.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.24}"
},
"name": "spacious",
"attributes": {},
"path": [
"primer",
"stack",
"gap",
"spacious"
]
}
}
},
"controlStack": {
"small": {
"gap": {
"condensed": {
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "condensed",
"attributes": {},
"path": [
"primer",
"controlStack",
"small",
"gap",
"condensed"
]
},
"spacious": {
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "spacious",
"attributes": {},
"path": [
"primer",
"controlStack",
"small",
"gap",
"spacious"
]
}
}
},
"medium": {
"gap": {
"condensed": {
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "condensed",
"attributes": {},
"path": [
"primer",
"controlStack",
"medium",
"gap",
"condensed"
]
},
"spacious": {
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "spacious",
"attributes": {},
"path": [
"primer",
"controlStack",
"medium",
"gap",
"spacious"
]
}
}
},
"large": {
"gap": {
"auto": {
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "auto",
"attributes": {},
"path": [
"primer",
"controlStack",
"large",
"gap",
"auto"
]
},
"condensed": {
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "condensed",
"attributes": {},
"path": [
"primer",
"controlStack",
"large",
"gap",
"condensed"
]
},
"spacious": {
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "spacious",
"attributes": {},
"path": [
"primer",
"controlStack",
"large",
"gap",
"spacious"
]
}
}
}
}
}
};