@primer/primitives
Version:
Typography, spacing, and color primitives for Primer design system
2,139 lines • 51.8 kB
JSON
{
"tokens/base/size/size.json": [
{
"value": "0.25rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "4px"
},
"name": "base-size-4",
"attributes": {},
"path": [
"base",
"size",
"4"
]
},
{
"value": "0.5rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "8px"
},
"name": "base-size-8",
"attributes": {},
"path": [
"base",
"size",
"8"
]
},
{
"value": "0.75rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "12px"
},
"name": "base-size-12",
"attributes": {},
"path": [
"base",
"size",
"12"
]
},
{
"value": "1rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "16px"
},
"name": "base-size-16",
"attributes": {},
"path": [
"base",
"size",
"16"
]
},
{
"value": "1.25rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "base-size-20",
"attributes": {},
"path": [
"base",
"size",
"20"
]
},
{
"value": "1.5rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "24px"
},
"name": "base-size-24",
"attributes": {},
"path": [
"base",
"size",
"24"
]
},
{
"value": "1.75rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "28px"
},
"name": "base-size-28",
"attributes": {},
"path": [
"base",
"size",
"28"
]
},
{
"value": "2rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "32px"
},
"name": "base-size-32",
"attributes": {},
"path": [
"base",
"size",
"32"
]
},
{
"value": "2.25rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "36px"
},
"name": "base-size-36",
"attributes": {},
"path": [
"base",
"size",
"36"
]
},
{
"value": "2.5rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "40px"
},
"name": "base-size-40",
"attributes": {},
"path": [
"base",
"size",
"40"
]
},
{
"value": "2.75rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "44px"
},
"name": "base-size-44",
"attributes": {},
"path": [
"base",
"size",
"44"
]
},
{
"value": "3rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "48px"
},
"name": "base-size-48",
"attributes": {},
"path": [
"base",
"size",
"48"
]
},
{
"value": "4rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "64px"
},
"name": "base-size-64",
"attributes": {},
"path": [
"base",
"size",
"64"
]
},
{
"value": "5rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "80px"
},
"name": "base-size-80",
"attributes": {},
"path": [
"base",
"size",
"80"
]
},
{
"value": "6rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "96px"
},
"name": "base-size-96",
"attributes": {},
"path": [
"base",
"size",
"96"
]
},
{
"value": "7rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "112px"
},
"name": "base-size-112",
"attributes": {},
"path": [
"base",
"size",
"112"
]
},
{
"value": "8rem",
"filePath": "tokens/base/size/size.json",
"isSource": true,
"original": {
"value": "128px"
},
"name": "base-size-128",
"attributes": {},
"path": [
"base",
"size",
"128"
]
}
],
"tokens/base/typography/typography.json": [
{
"value": "300",
"filePath": "tokens/base/typography/typography.json",
"isSource": true,
"original": {
"value": "300"
},
"name": "base-text-weight-light",
"attributes": {},
"path": [
"base",
"text",
"weight",
"light"
]
},
{
"value": "400",
"filePath": "tokens/base/typography/typography.json",
"isSource": true,
"original": {
"value": "400"
},
"name": "base-text-weight-normal",
"attributes": {},
"path": [
"base",
"text",
"weight",
"normal"
]
},
{
"value": "500",
"filePath": "tokens/base/typography/typography.json",
"isSource": true,
"original": {
"value": "500"
},
"name": "base-text-weight-medium",
"attributes": {},
"path": [
"base",
"text",
"weight",
"medium"
]
},
{
"value": "600",
"filePath": "tokens/base/typography/typography.json",
"isSource": true,
"original": {
"value": "600"
},
"name": "base-text-weight-semibold",
"attributes": {},
"path": [
"base",
"text",
"weight",
"semibold"
]
}
],
"tokens/functional/size/border.json": [
{
"value": "inset 0 0 0 max(1px, 0.0625rem)",
"filePath": "tokens/functional/size/border.json",
"isSource": true,
"original": {
"value": "inset 0 0 0 {primer.borderWidth.thin}"
},
"name": "primer-borderInset-thin",
"attributes": {},
"path": [
"primer",
"borderInset",
"thin"
]
},
{
"value": "inset 0 0 0 max(2px, 0.125rem)",
"filePath": "tokens/functional/size/border.json",
"isSource": true,
"original": {
"value": "inset 0 0 0 {primer.borderWidth.normal}"
},
"name": "primer-borderInset-normal",
"attributes": {},
"path": [
"primer",
"borderInset",
"normal"
]
},
{
"value": "inset 0 0 0 max(4px, 0.25rem)",
"filePath": "tokens/functional/size/border.json",
"isSource": true,
"original": {
"value": "inset 0 0 0 {primer.borderWidth.thick}"
},
"name": "primer-borderInset-thick",
"attributes": {},
"path": [
"primer",
"borderInset",
"thick"
]
},
{
"value": "max(1px, 0.0625rem)",
"filePath": "tokens/functional/size/border.json",
"isSource": true,
"original": {
"value": "max(1px, 0.0625rem)"
},
"name": "primer-borderWidth-thin",
"attributes": {},
"path": [
"primer",
"borderWidth",
"thin"
]
},
{
"value": "max(2px, 0.125rem)",
"filePath": "tokens/functional/size/border.json",
"isSource": true,
"original": {
"value": "max(2px, 0.125rem)"
},
"name": "primer-borderWidth-normal",
"attributes": {},
"path": [
"primer",
"borderWidth",
"normal"
]
},
{
"value": "max(4px, 0.25rem)",
"filePath": "tokens/functional/size/border.json",
"isSource": true,
"original": {
"value": "max(4px, 0.25rem)"
},
"name": "primer-borderWidth-thick",
"attributes": {},
"path": [
"primer",
"borderWidth",
"thick"
]
},
{
"value": "0.1875rem",
"filePath": "tokens/functional/size/border.json",
"isSource": true,
"original": {
"value": "3px"
},
"name": "primer-borderRadius-small",
"attributes": {},
"path": [
"primer",
"borderRadius",
"small"
]
},
{
"value": "0.375rem",
"filePath": "tokens/functional/size/border.json",
"isSource": true,
"original": {
"value": "6px"
},
"name": "primer-borderRadius-medium",
"attributes": {},
"path": [
"primer",
"borderRadius",
"medium"
]
},
{
"value": "0.75rem",
"filePath": "tokens/functional/size/border.json",
"isSource": true,
"original": {
"value": "12px"
},
"name": "primer-borderRadius-large",
"attributes": {},
"path": [
"primer",
"borderRadius",
"large"
]
},
{
"value": "100vh",
"filePath": "tokens/functional/size/border.json",
"isSource": true,
"original": {
"value": "100vh"
},
"name": "primer-borderRadius-full",
"attributes": {},
"path": [
"primer",
"borderRadius",
"full"
]
}
],
"tokens/functional/size/breakpoints.json": [
{
"value": "20rem",
"filePath": "tokens/functional/size/breakpoints.json",
"isSource": true,
"original": {
"value": "320px"
},
"name": "primer-breakpoint-xsmall",
"attributes": {},
"path": [
"primer",
"breakpoint",
"xsmall"
]
},
{
"value": "34rem",
"filePath": "tokens/functional/size/breakpoints.json",
"isSource": true,
"original": {
"value": "544px"
},
"name": "primer-breakpoint-small",
"attributes": {},
"path": [
"primer",
"breakpoint",
"small"
]
},
{
"value": "48rem",
"filePath": "tokens/functional/size/breakpoints.json",
"isSource": true,
"original": {
"value": "768px"
},
"name": "primer-breakpoint-medium",
"attributes": {},
"path": [
"primer",
"breakpoint",
"medium"
]
},
{
"value": "63.25rem",
"filePath": "tokens/functional/size/breakpoints.json",
"isSource": true,
"original": {
"value": "1012px"
},
"name": "primer-breakpoint-large",
"attributes": {},
"path": [
"primer",
"breakpoint",
"large"
]
},
{
"value": "80rem",
"filePath": "tokens/functional/size/breakpoints.json",
"isSource": true,
"original": {
"value": "1280px"
},
"name": "primer-breakpoint-xlarge",
"attributes": {},
"path": [
"primer",
"breakpoint",
"xlarge"
]
},
{
"value": "90rem",
"filePath": "tokens/functional/size/breakpoints.json",
"isSource": true,
"original": {
"value": "1440px"
},
"name": "primer-breakpoint-xxlarge",
"attributes": {},
"path": [
"primer",
"breakpoint",
"xxlarge"
]
}
],
"tokens/functional/size/size-fine.json": [
{
"value": "1rem",
"filePath": "tokens/functional/size/size-fine.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "primer-control-minTarget-auto",
"attributes": {},
"path": [
"primer",
"control",
"minTarget",
"auto"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size-fine.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-controlStack-small-gap-auto",
"attributes": {},
"path": [
"primer",
"controlStack",
"small",
"gap",
"auto"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size-fine.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-controlStack-medium-gap-auto",
"attributes": {},
"path": [
"primer",
"controlStack",
"medium",
"gap",
"auto"
]
}
],
"tokens/functional/size/size.json": [
{
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "primer-control-minTarget-fine",
"attributes": {},
"path": [
"primer",
"control",
"minTarget",
"fine"
]
},
{
"value": "2.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.44}"
},
"name": "primer-control-minTarget-coarse",
"attributes": {},
"path": [
"primer",
"control",
"minTarget",
"coarse"
]
},
{
"value": "1.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.24}"
},
"name": "primer-control-xsmall-size",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"size"
]
},
{
"value": "1.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.20}"
},
"name": "primer-control-xsmall-lineBoxHeight",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"lineBoxHeight"
]
},
{
"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": "primer-control-xsmall-paddingBlock",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"paddingBlock"
]
},
{
"value": "0.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.4}"
},
"name": "primer-control-xsmall-paddingInline-condensed",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"paddingInline",
"condensed"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-control-xsmall-paddingInline-normal",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"paddingInline",
"normal"
]
},
{
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "primer-control-xsmall-paddingInline-spacious",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"paddingInline",
"spacious"
]
},
{
"value": "0.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.4}"
},
"name": "primer-control-xsmall-gap",
"attributes": {},
"path": [
"primer",
"control",
"xsmall",
"gap"
]
},
{
"value": "1.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.28}"
},
"name": "primer-control-small-size",
"attributes": {},
"path": [
"primer",
"control",
"small",
"size"
]
},
{
"value": "1.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.20}"
},
"name": "primer-control-small-lineBoxHeight",
"attributes": {},
"path": [
"primer",
"control",
"small",
"lineBoxHeight"
]
},
{
"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": "primer-control-small-paddingBlock",
"attributes": {},
"path": [
"primer",
"control",
"small",
"paddingBlock"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-control-small-paddingInline-condensed",
"attributes": {},
"path": [
"primer",
"control",
"small",
"paddingInline",
"condensed"
]
},
{
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "primer-control-small-paddingInline-normal",
"attributes": {},
"path": [
"primer",
"control",
"small",
"paddingInline",
"normal"
]
},
{
"value": "0.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.4}"
},
"name": "primer-control-small-gap",
"attributes": {},
"path": [
"primer",
"control",
"small",
"gap"
]
},
{
"value": "2rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.32}"
},
"name": "primer-control-medium-size",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"size"
]
},
{
"value": "1.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.20}"
},
"name": "primer-control-medium-lineBoxHeight",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"lineBoxHeight"
]
},
{
"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": "primer-control-medium-paddingBlock",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"paddingBlock"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-control-medium-paddingInline-condensed",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"paddingInline",
"condensed"
]
},
{
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "primer-control-medium-paddingInline-normal",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"paddingInline",
"normal"
]
},
{
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "primer-control-medium-paddingInline-spacious",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"paddingInline",
"spacious"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-control-medium-gap",
"attributes": {},
"path": [
"primer",
"control",
"medium",
"gap"
]
},
{
"value": "2.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.40}"
},
"name": "primer-control-large-size",
"attributes": {},
"path": [
"primer",
"control",
"large",
"size"
]
},
{
"value": "1.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.20}"
},
"name": "primer-control-large-lineBoxHeight",
"attributes": {},
"path": [
"primer",
"control",
"large",
"lineBoxHeight"
]
},
{
"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": "primer-control-large-paddingBlock",
"attributes": {},
"path": [
"primer",
"control",
"large",
"paddingBlock"
]
},
{
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "primer-control-large-paddingInline-normal",
"attributes": {},
"path": [
"primer",
"control",
"large",
"paddingInline",
"normal"
]
},
{
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "primer-control-large-paddingInline-spacious",
"attributes": {},
"path": [
"primer",
"control",
"large",
"paddingInline",
"spacious"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-control-large-gap",
"attributes": {},
"path": [
"primer",
"control",
"large",
"gap"
]
},
{
"value": "3rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.48}"
},
"name": "primer-control-xlarge-size",
"attributes": {},
"path": [
"primer",
"control",
"xlarge",
"size"
]
},
{
"value": "1.25rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.20}"
},
"name": "primer-control-xlarge-lineBoxHeight",
"attributes": {},
"path": [
"primer",
"control",
"xlarge",
"lineBoxHeight"
]
},
{
"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": "primer-control-xlarge-paddingBlock",
"attributes": {},
"path": [
"primer",
"control",
"xlarge",
"paddingBlock"
]
},
{
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "primer-control-xlarge-paddingInline-normal",
"attributes": {},
"path": [
"primer",
"control",
"xlarge",
"paddingInline",
"normal"
]
},
{
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "primer-control-xlarge-paddingInline-spacious",
"attributes": {},
"path": [
"primer",
"control",
"xlarge",
"paddingInline",
"spacious"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-control-xlarge-gap",
"attributes": {},
"path": [
"primer",
"control",
"xlarge",
"gap"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-controlStack-small-gap-condensed",
"attributes": {},
"path": [
"primer",
"controlStack",
"small",
"gap",
"condensed"
]
},
{
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "primer-controlStack-small-gap-spacious",
"attributes": {},
"path": [
"primer",
"controlStack",
"small",
"gap",
"spacious"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-controlStack-medium-gap-condensed",
"attributes": {},
"path": [
"primer",
"controlStack",
"medium",
"gap",
"condensed"
]
},
{
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "primer-controlStack-medium-gap-spacious",
"attributes": {},
"path": [
"primer",
"controlStack",
"medium",
"gap",
"spacious"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-controlStack-large-gap-auto",
"attributes": {},
"path": [
"primer",
"controlStack",
"large",
"gap",
"auto"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-controlStack-large-gap-condensed",
"attributes": {},
"path": [
"primer",
"controlStack",
"large",
"gap",
"condensed"
]
},
{
"value": "0.75rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.12}"
},
"name": "primer-controlStack-large-gap-spacious",
"attributes": {},
"path": [
"primer",
"controlStack",
"large",
"gap",
"spacious"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-stack-padding-condensed",
"attributes": {},
"path": [
"primer",
"stack",
"padding",
"condensed"
]
},
{
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "primer-stack-padding-normal",
"attributes": {},
"path": [
"primer",
"stack",
"padding",
"normal"
]
},
{
"value": "1.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.24}"
},
"name": "primer-stack-padding-spacious",
"attributes": {},
"path": [
"primer",
"stack",
"padding",
"spacious"
]
},
{
"value": "0.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.8}"
},
"name": "primer-stack-gap-condensed",
"attributes": {},
"path": [
"primer",
"stack",
"gap",
"condensed"
]
},
{
"value": "1rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.16}"
},
"name": "primer-stack-gap-normal",
"attributes": {},
"path": [
"primer",
"stack",
"gap",
"normal"
]
},
{
"value": "1.5rem",
"filePath": "tokens/functional/size/size.json",
"isSource": true,
"original": {
"value": "{base.size.24}"
},
"name": "primer-stack-gap-spacious",
"attributes": {},
"path": [
"primer",
"stack",
"gap",
"spacious"
]
}
],
"tokens/functional/size/viewport.json": [
{
"value": "(max-width: calc(48rem - 0.02px))",
"filePath": "tokens/functional/size/viewport.json",
"isSource": true,
"original": {
"value": "(max-width: calc({primer.breakpoint.medium} - 0.02px))"
},
"name": "primer-viewportRange-narrow",
"attributes": {},
"path": [
"primer",
"viewportRange",
"narrow"
]
},
{
"value": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
"filePath": "tokens/functional/size/viewport.json",
"isSource": true,
"original": {
"value": "(max-width: calc({primer.breakpoint.large} - 0.02px) and (max-height: calc({primer.breakpoint.small} - 0.02px)) and (orientation: landscape))"
},
"name": "primer-viewportRange-narrowLandscape",
"attributes": {},
"path": [
"primer",
"viewportRange",
"narrowLandscape"
]
},
{
"value": "(min-width: 48rem)",
"filePath": "tokens/functional/size/viewport.json",
"isSource": true,
"original": {
"value": "(min-width: {primer.breakpoint.medium})"
},
"name": "primer-viewportRange-regular",
"attributes": {},
"path": [
"primer",
"viewportRange",
"regular"
]
},
{
"value": "(min-width: 90rem)",
"filePath": "tokens/functional/size/viewport.json",
"isSource": true,
"original": {
"value": "(min-width: {primer.breakpoint.xxlarge})"
},
"name": "primer-viewportRange-wide",
"attributes": {},
"path": [
"primer",
"viewportRange",
"wide"
]
},
{
"value": "(orientation: portrait)",
"filePath": "tokens/functional/size/viewport.json",
"isSource": true,
"original": {
"value": "(orientation: portrait)"
},
"name": "primer-viewportRange-portrait",
"attributes": {},
"path": [
"primer",
"viewportRange",
"portrait"
]
},
{
"value": "(orientation: landscape)",
"filePath": "tokens/functional/size/viewport.json",
"isSource": true,
"original": {
"value": "(orientation: landscape)"
},
"name": "primer-viewportRange-landscape",
"attributes": {},
"path": [
"primer",
"viewportRange",
"landscape"
]
}
],
"tokens/functional/typography/typography.json": [
{
"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": "primer-fontStack-system",
"attributes": {},
"path": [
"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": "primer-fontStack-sansSerif",
"attributes": {},
"path": [
"primer",
"fontStack",
"sansSerif"
]
},
{
"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": "primer-fontStack-monospace",
"attributes": {},
"path": [
"primer",
"fontStack",
"monospace"
]
},
{
"value": "3.5rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "56px"
},
"name": "primer-text-display-lineBoxHeight",
"attributes": {},
"path": [
"primer",
"text",
"display",
"lineBoxHeight"
]
},
{
"value": "2.5rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "40px"
},
"name": "primer-text-display-size",
"attributes": {},
"path": [
"primer",
"text",
"display",
"size"
]
},
{
"value": "3.5rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "56px"
},
"name": "primer-text-display-lineHeight",
"attributes": {},
"path": [
"primer",
"text",
"display",
"lineHeight"
]
},
{
"value": "500",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.medium}"
},
"name": "primer-text-display-weight",
"attributes": {},
"path": [
"primer",
"text",
"display",
"weight"
]
},
{
"value": "500 2.5rem/3.5rem -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": "primer-text-display-shorthand",
"attributes": {},
"path": [
"primer",
"text",
"display",
"shorthand"
]
},
{
"value": "2rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "32px"
},
"name": "primer-text-title-size-large",
"attributes": {},
"path": [
"primer",
"text",
"title",
"size",
"large"
]
},
{
"value": "1.25rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "primer-text-title-size-medium",
"attributes": {},
"path": [
"primer",
"text",
"title",
"size",
"medium"
]
},
{
"value": "3rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "48px"
},
"name": "primer-text-title-lineHeight-large",
"attributes": {},
"path": [
"primer",
"text",
"title",
"lineHeight",
"large"
]
},
{
"value": "2rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "32px"
},
"name": "primer-text-title-lineHeight-medium",
"attributes": {},
"path": [
"primer",
"text",
"title",
"lineHeight",
"medium"
]
},
{
"value": "600",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.semibold}"
},
"name": "primer-text-title-weight",
"attributes": {},
"path": [
"primer",
"text",
"title",
"weight"
]
},
{
"value": "600 2rem/3rem -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": "primer-text-title-shorthand-large",
"attributes": {},
"path": [
"primer",
"text",
"title",
"shorthand",
"large"
]
},
{
"value": "600 1.25rem/2rem -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": "primer-text-title-shorthand-medium",
"attributes": {},
"path": [
"primer",
"text",
"title",
"shorthand",
"medium"
]
},
{
"value": "1.25rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "primer-text-subtitle-size",
"attributes": {},
"path": [
"primer",
"text",
"subtitle",
"size"
]
},
{
"value": "2rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "32px"
},
"name": "primer-text-subtitle-lineHeight",
"attributes": {},
"path": [
"primer",
"text",
"subtitle",
"lineHeight"
]
},
{
"value": "400",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.normal}"
},
"name": "primer-text-subtitle-weight",
"attributes": {},
"path": [
"primer",
"text",
"subtitle",
"weight"
]
},
{
"value": "400 1.25rem/2rem -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": "primer-text-subtitle-shorthand",
"attributes": {},
"path": [
"primer",
"text",
"subtitle",
"shorthand"
]
},
{
"value": "1rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "16px"
},
"name": "primer-text-body-size-large",
"attributes": {},
"path": [
"primer",
"text",
"body",
"size",
"large"
]
},
{
"value": "0.875rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "14px"
},
"name": "primer-text-body-size-medium",
"attributes": {},
"path": [
"primer",
"text",
"body",
"size",
"medium"
]
},
{
"value": "0.75rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "12px"
},
"name": "primer-text-body-size-small",
"attributes": {},
"path": [
"primer",
"text",
"body",
"size",
"small"
]
},
{
"value": "1.5rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "24px"
},
"name": "primer-text-body-lineHeight-large",
"attributes": {},
"path": [
"primer",
"text",
"body",
"lineHeight",
"large"
]
},
{
"value": "1.25rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "primer-text-body-lineHeight-medium",
"attributes": {},
"path": [
"primer",
"text",
"body",
"lineHeight",
"medium"
]
},
{
"value": "1.25rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "primer-text-body-lineHeight-small",
"attributes": {},
"path": [
"primer",
"text",
"body",
"lineHeight",
"small"
]
},
{
"value": "400",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.normal}"
},
"name": "primer-text-body-weight",
"attributes": {},
"path": [
"primer",
"text",
"body",
"weight"
]
},
{
"value": "400 1rem/1.5rem -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": "primer-text-body-shorthand-large",
"attributes": {},
"path": [
"primer",
"text",
"body",
"shorthand",
"large"
]
},
{
"value": "400 0.875rem/1.25rem -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": "primer-text-body-shorthand-medium",
"attributes": {},
"path": [
"primer",
"text",
"body",
"shorthand",
"medium"
]
},
{
"value": "400 0.75rem/1.25rem -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": "primer-text-body-shorthand-small",
"attributes": {},
"path": [
"primer",
"text",
"body",
"shorthand",
"small"
]
},
{
"value": "0.75rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "12px"
},
"name": "primer-text-caption-size",
"attributes": {},
"path": [
"primer",
"text",
"caption",
"size"
]
},
{
"value": "1rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "16px"
},
"name": "primer-text-caption-lineHeight",
"attributes": {},
"path": [
"primer",
"text",
"caption",
"lineHeight"
]
},
{
"value": "400",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.normal}"
},
"name": "primer-text-caption-weight",
"attributes": {},
"path": [
"primer",
"text",
"caption",
"weight"
]
},
{
"value": "400 0.75rem/1rem -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": "primer-text-caption-shorthand",
"attributes": {},
"path": [
"primer",
"text",
"caption",
"shorthand"
]
},
{
"value": "0.8125rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "13px"
},
"name": "primer-text-codeBlock-size",
"attributes": {},
"path": [
"primer",
"text",
"codeBlock",
"size"
]
},
{
"value": "1.25rem",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "20px"
},
"name": "primer-text-codeBlock-lineHeight",
"attributes": {},
"path": [
"primer",
"text",
"codeBlock",
"lineHeight"
]
},
{
"value": "400",
"filePath": "tokens/functional/typography/typography.json",
"isSource": true,
"original": {
"value": "{base.text.weight.normal}"
},
"name": "primer-text-codeBlock-weight",
"attributes": {},
"path": [
"primer",
"text",
"codeBlock",
"weight"
]
},
{
"value": "400 0.8125rem/1.25rem 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}"