@primer/primitives
Version:
Typography, spacing, and color primitives for Primer design system
1,211 lines (1,210 loc) • 36.9 kB
JSON
{
"fontStack-monospace": {
"$value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
"$type": "fontFamily",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontFamily"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
"$type": "fontFamily",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontFamily"]
}
}
},
"name": "fontStack-monospace",
"attributes": {},
"path": ["fontStack", "monospace"],
"key": "{fontStack.monospace}"
},
"fontStack-sansSerif": {
"$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "fontFamily",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontFamily"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "fontFamily",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontFamily"]
}
}
},
"name": "fontStack-sansSerif",
"attributes": {},
"path": ["fontStack", "sansSerif"],
"key": "{fontStack.sansSerif}"
},
"fontStack-sansSerifDisplay": {
"$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "fontFamily",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontFamily"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "fontFamily",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontFamily"]
}
}
},
"name": "fontStack-sansSerifDisplay",
"attributes": {},
"path": ["fontStack", "sansSerifDisplay"],
"key": "{fontStack.sansSerifDisplay}"
},
"fontStack-system": {
"$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "fontFamily",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontFamily"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "fontFamily",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontFamily"]
}
}
},
"name": "fontStack-system",
"attributes": {},
"path": ["fontStack", "system"],
"key": "{fontStack.system}"
},
"text-body-lineHeight-large": {
"$value": 1.5,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 16
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": 1.5,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 16
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
}
},
"name": "text-body-lineHeight-large",
"attributes": {},
"path": ["text", "body", "lineHeight", "large"],
"key": "{text.body.lineHeight.large}"
},
"text-body-lineHeight-medium": {
"$value": 1.4285,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 14
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": 1.4285,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 14
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
}
},
"name": "text-body-lineHeight-medium",
"attributes": {},
"path": ["text", "body", "lineHeight", "medium"],
"key": "{text.body.lineHeight.medium}"
},
"text-body-lineHeight-small": {
"$value": 1.6666,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 12
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": 1.6666,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 12
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
}
},
"name": "text-body-lineHeight-small",
"attributes": {},
"path": ["text", "body", "lineHeight", "small"],
"key": "{text.body.lineHeight.small}"
},
"text-body-shorthand-large": {
"$value": "400 1rem,16px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "typography",
"$description": "User-generated content, markdown rendering.",
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": {
"fontWeight": "{text.body.weight}",
"fontSize": "{text.body.size.large}",
"lineHeight": "{text.body.lineHeight.large}",
"fontFamily": "{fontStack.sansSerif}"
},
"$type": "typography",
"$description": "User-generated content, markdown rendering."
},
"name": "text-body-shorthand-large",
"attributes": {},
"path": ["text", "body", "shorthand", "large"],
"key": "{text.body.shorthand.large}"
},
"text-body-shorthand-medium": {
"$value": "400 0.875rem,14px/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "typography",
"$description": "Default UI font. Most commonly used for body text.",
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": {
"fontWeight": "{text.body.weight}",
"fontSize": "{text.body.size.medium}",
"lineHeight": "{text.body.lineHeight.medium}",
"fontFamily": "{fontStack.sansSerif}"
},
"$type": "typography",
"$description": "Default UI font. Most commonly used for body text."
},
"name": "text-body-shorthand-medium",
"attributes": {},
"path": ["text", "body", "shorthand", "medium"],
"key": "{text.body.shorthand.medium}"
},
"text-body-shorthand-small": {
"$value": "400 0.75rem,12px/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "typography",
"$description": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px.",
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": {
"fontWeight": "{text.body.weight}",
"fontSize": "{text.body.size.small}",
"lineHeight": "{text.body.lineHeight.small}",
"fontFamily": "{fontStack.sansSerif}"
},
"$type": "typography",
"$description": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px."
},
"name": "text-body-shorthand-small",
"attributes": {},
"path": ["text", "body", "shorthand", "small"],
"key": "{text.body.shorthand.small}"
},
"text-body-size-large": {
"$value": ["1rem", "16px"],
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "16px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
}
},
"name": "text-body-size-large",
"attributes": {},
"path": ["text", "body", "size", "large"],
"key": "{text.body.size.large}"
},
"text-body-size-medium": {
"$value": ["0.875rem", "14px"],
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "14px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
}
},
"name": "text-body-size-medium",
"attributes": {},
"path": ["text", "body", "size", "medium"],
"key": "{text.body.size.medium}"
},
"text-body-size-small": {
"$value": ["0.75rem", "12px"],
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "12px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
}
},
"name": "text-body-size-small",
"attributes": {},
"path": ["text", "body", "size", "small"],
"key": "{text.body.size.small}"
},
"text-body-weight": {
"$value": 400,
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "{base.text.weight.normal}",
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
}
},
"name": "text-body-weight",
"attributes": {},
"path": ["text", "body", "weight"],
"key": "{text.body.weight}"
},
"text-caption-lineHeight": {
"$value": 1.3333,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 12
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": 1.3333,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 12
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
}
},
"name": "text-caption-lineHeight",
"attributes": {},
"path": ["text", "caption", "lineHeight"],
"key": "{text.caption.lineHeight}"
},
"text-caption-shorthand": {
"$value": "400 0.75rem,12px/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "typography",
"$description": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements.",
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": {
"fontWeight": "{text.caption.weight}",
"fontSize": "{text.caption.size}",
"lineHeight": "{text.caption.lineHeight}",
"fontFamily": "{fontStack.sansSerif}"
},
"$type": "typography",
"$description": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements."
},
"name": "text-caption-shorthand",
"attributes": {},
"path": ["text", "caption", "shorthand"],
"key": "{text.caption.shorthand}"
},
"text-caption-size": {
"$value": ["0.75rem", "12px"],
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "12px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
}
},
"name": "text-caption-size",
"attributes": {},
"path": ["text", "caption", "size"],
"key": "{text.caption.size}"
},
"text-caption-weight": {
"$value": 400,
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "{base.text.weight.normal}",
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
}
},
"name": "text-caption-weight",
"attributes": {},
"path": ["text", "caption", "weight"],
"key": "{text.caption.weight}"
},
"text-codeBlock-lineHeight": {
"$value": 1.5385,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 13
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": 1.5385,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 13
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
}
},
"name": "text-codeBlock-lineHeight",
"attributes": {},
"path": ["text", "codeBlock", "lineHeight"],
"key": "{text.codeBlock.lineHeight}"
},
"text-codeBlock-shorthand": {
"$value": "400 0.8125rem,13px/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
"$type": "typography",
"$description": "Default style for rendering code blocks.",
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": {
"fontWeight": "{text.codeBlock.weight}",
"fontSize": "{text.codeBlock.size}",
"lineHeight": "{text.codeBlock.lineHeight}",
"fontFamily": "{fontStack.monospace}"
},
"$type": "typography",
"$description": "Default style for rendering code blocks."
},
"name": "text-codeBlock-shorthand",
"attributes": {},
"path": ["text", "codeBlock", "shorthand"],
"key": "{text.codeBlock.shorthand}"
},
"text-codeBlock-size": {
"$value": ["0.8125rem", "13px"],
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "13px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
}
},
"name": "text-codeBlock-size",
"attributes": {},
"path": ["text", "codeBlock", "size"],
"key": "{text.codeBlock.size}"
},
"text-codeBlock-weight": {
"$value": 400,
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "{base.text.weight.normal}",
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
}
},
"name": "text-codeBlock-weight",
"attributes": {},
"path": ["text", "codeBlock", "weight"],
"key": "{text.codeBlock.weight}"
},
"text-codeInline-shorthand": {
"$value": "400 ,14.856px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
"$type": "typography",
"$description": "Inline code blocks using em units to inherit size from its parent.",
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": {
"fontWeight": "{text.codeInline.weight}",
"fontSize": "{text.codeInline.size}",
"fontFamily": "{fontStack.monospace}"
},
"$type": "typography",
"$description": "Inline code blocks using em units to inherit size from its parent."
},
"name": "text-codeInline-shorthand",
"attributes": {},
"path": ["text", "codeInline", "shorthand"],
"key": "{text.codeInline.shorthand}"
},
"text-codeInline-size": {
"$value": [null, "14.856px"],
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "0.9285em",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
}
},
"name": "text-codeInline-size",
"attributes": {},
"path": ["text", "codeInline", "size"],
"key": "{text.codeInline.size}"
},
"text-codeInline-weight": {
"$value": 400,
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "{base.text.weight.normal}",
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
}
},
"name": "text-codeInline-weight",
"attributes": {},
"path": ["text", "codeInline", "weight"],
"key": "{text.codeInline.weight}"
},
"text-display-lineBoxHeight": {
"$value": 1.4,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 40
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"],
"fontSizeInPx": 40
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": 1.4,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 40
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"],
"fontSizeInPx": 40
}
}
},
"name": "text-display-lineBoxHeight",
"attributes": {},
"path": ["text", "display", "lineBoxHeight"],
"key": "{text.display.lineBoxHeight}"
},
"text-display-lineHeight": {
"$value": 1.4,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 40
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": 1.4,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 40
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
}
},
"name": "text-display-lineHeight",
"attributes": {},
"path": ["text", "display", "lineHeight"],
"key": "{text.display.lineHeight}"
},
"text-display-shorthand": {
"$value": "500 2.5rem,40px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "typography",
"$description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.",
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": {
"fontWeight": "{text.display.weight}",
"fontSize": "{text.display.size}",
"lineHeight": "{text.display.lineHeight}",
"fontFamily": "{fontStack.sansSerifDisplay}"
},
"$type": "typography",
"$description": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
},
"name": "text-display-shorthand",
"attributes": {},
"path": ["text", "display", "shorthand"],
"key": "{text.display.shorthand}"
},
"text-display-size": {
"$value": ["2.5rem", "40px"],
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "40px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
}
},
"name": "text-display-size",
"attributes": {},
"path": ["text", "display", "size"],
"key": "{text.display.size}"
},
"text-display-weight": {
"$value": 500,
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "{base.text.weight.medium}",
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
}
},
"name": "text-display-weight",
"attributes": {},
"path": ["text", "display", "weight"],
"key": "{text.display.weight}"
},
"text-subtitle-lineHeight": {
"$value": 1.6,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 20
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": 1.6,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 20
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
}
},
"name": "text-subtitle-lineHeight",
"attributes": {},
"path": ["text", "subtitle", "lineHeight"],
"key": "{text.subtitle.lineHeight}"
},
"text-subtitle-shorthand": {
"$value": "400 1.25rem,20px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "typography",
"$description": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).",
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": {
"fontWeight": "{text.subtitle.weight}",
"fontSize": "{text.subtitle.size}",
"lineHeight": "{text.subtitle.lineHeight}",
"fontFamily": "{fontStack.sansSerifDisplay}"
},
"$type": "typography",
"$description": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium)."
},
"name": "text-subtitle-shorthand",
"attributes": {},
"path": ["text", "subtitle", "shorthand"],
"key": "{text.subtitle.shorthand}"
},
"text-subtitle-size": {
"$value": ["1.25rem", "20px"],
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "20px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
}
},
"name": "text-subtitle-size",
"attributes": {},
"path": ["text", "subtitle", "size"],
"key": "{text.subtitle.size}"
},
"text-subtitle-weight": {
"$value": 400,
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "{base.text.weight.normal}",
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
}
},
"name": "text-subtitle-weight",
"attributes": {},
"path": ["text", "subtitle", "weight"],
"key": "{text.subtitle.weight}"
},
"text-title-lineHeight-large": {
"$value": 1.5,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 32
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": 1.5,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 32
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
}
},
"name": "text-title-lineHeight-large",
"attributes": {},
"path": ["text", "title", "lineHeight", "large"],
"key": "{text.title.lineHeight.large}"
},
"text-title-lineHeight-medium": {
"$value": 1.6,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 20
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": 1.6,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 20
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
}
},
"name": "text-title-lineHeight-medium",
"attributes": {},
"path": ["text", "title", "lineHeight", "medium"],
"key": "{text.title.lineHeight.medium}"
},
"text-title-lineHeight-small": {
"$value": 1.5,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 16
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": 1.5,
"$type": "number",
"$extensions": {
"org.primer.data": {
"fontSize": 16
},
"org.primer.figma": {
"collection": "typography",
"scopes": ["lineHeight"]
}
}
},
"name": "text-title-lineHeight-small",
"attributes": {},
"path": ["text", "title", "lineHeight", "small"],
"key": "{text.title.lineHeight.small}"
},
"text-title-shorthand-large": {
"$value": "600 2rem,32px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "typography",
"$description": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.",
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": {
"fontWeight": "{text.title.weight.large}",
"fontSize": "{text.title.size.large}",
"lineHeight": "{text.title.lineHeight.large}",
"fontFamily": "{fontStack.sansSerifDisplay}"
},
"$type": "typography",
"$description": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports."
},
"name": "text-title-shorthand-large",
"attributes": {},
"path": ["text", "title", "shorthand", "large"],
"key": "{text.title.shorthand.large}"
},
"text-title-shorthand-medium": {
"$value": "600 1.25rem,20px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "typography",
"$description": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.",
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": {
"fontWeight": "{text.title.weight.medium}",
"fontSize": "{text.title.size.medium}",
"lineHeight": "{text.title.lineHeight.medium}",
"fontFamily": "{fontStack.sansSerifDisplay}"
},
"$type": "typography",
"$description": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition."
},
"name": "text-title-shorthand-medium",
"attributes": {},
"path": ["text", "title", "shorthand", "medium"],
"key": "{text.title.shorthand.medium}"
},
"text-title-shorthand-small": {
"$value": "600 1rem,16px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"$type": "typography",
"$description": "Uses the same size as body (large) with a heavier weight of semibold (600).",
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": {
"fontWeight": "{text.title.weight.small}",
"fontSize": "{text.title.size.small}",
"lineHeight": "{text.title.lineHeight.small}",
"fontFamily": "{fontStack.sansSerif}"
},
"$type": "typography",
"$description": "Uses the same size as body (large) with a heavier weight of semibold (600)."
},
"name": "text-title-shorthand-small",
"attributes": {},
"path": ["text", "title", "shorthand", "small"],
"key": "{text.title.shorthand.small}"
},
"text-title-size-large": {
"$value": ["2rem", "32px"],
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "32px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
}
},
"name": "text-title-size-large",
"attributes": {},
"path": ["text", "title", "size", "large"],
"key": "{text.title.size.large}"
},
"text-title-size-medium": {
"$value": ["1.25rem", "20px"],
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "20px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
}
},
"name": "text-title-size-medium",
"attributes": {},
"path": ["text", "title", "size", "medium"],
"key": "{text.title.size.medium}"
},
"text-title-size-small": {
"$value": ["1rem", "16px"],
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "16px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontSize"]
}
}
},
"name": "text-title-size-small",
"attributes": {},
"path": ["text", "title", "size", "small"],
"key": "{text.title.size.small}"
},
"text-title-weight-large": {
"$value": 600,
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "{base.text.weight.semibold}",
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
}
},
"name": "text-title-weight-large",
"attributes": {},
"path": ["text", "title", "weight", "large"],
"key": "{text.title.weight.large}"
},
"text-title-weight-medium": {
"$value": 600,
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "{base.text.weight.semibold}",
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
}
},
"name": "text-title-weight-medium",
"attributes": {},
"path": ["text", "title", "weight", "medium"],
"key": "{text.title.weight.medium}"
},
"text-title-weight-small": {
"$value": 600,
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
},
"filePath": "src/tokens/functional/typography/typography.json5",
"isSource": true,
"original": {
"$value": "{base.text.weight.semibold}",
"$type": "fontWeight",
"$extensions": {
"org.primer.figma": {
"collection": "typography",
"scopes": ["fontWeight"]
}
}
},
"name": "text-title-weight-small",
"attributes": {},
"path": ["text", "title", "weight", "small"],
"key": "{text.title.weight.small}"
}
}