UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

1,211 lines (1,210 loc) • 36.6 kB
{ "fontStack-monospace": { "$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}", "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace", "type": "fontFamily" }, "fontStack-sansSerif": { "$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}", "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "fontFamily" }, "fontStack-sansSerifDisplay": { "$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}", "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "fontFamily" }, "fontStack-system": { "$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}", "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "fontFamily" }, "text-body-lineHeight-large": { "$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}", "value": 1.5, "type": "number" }, "text-body-lineHeight-medium": { "$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}", "value": 1.4285, "type": "number" }, "text-body-lineHeight-small": { "$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}", "value": 1.6666, "type": "number" }, "text-body-shorthand-large": { "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}", "value": "400 1rem/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." }, "text-body-shorthand-medium": { "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}", "value": "400 0.875rem/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." }, "text-body-shorthand-small": { "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}", "value": "400 0.75rem/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." }, "text-body-size-large": { "$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}", "value": "1rem", "type": "dimension" }, "text-body-size-medium": { "$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}", "value": "0.875rem", "type": "dimension" }, "text-body-size-small": { "$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}", "value": "0.75rem", "type": "dimension" }, "text-body-weight": { "$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}", "value": 400, "type": "fontWeight" }, "text-caption-lineHeight": { "$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}", "value": 1.3333, "type": "number" }, "text-caption-shorthand": { "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}", "value": "400 0.75rem/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." }, "text-caption-size": { "$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}", "value": "0.75rem", "type": "dimension" }, "text-caption-weight": { "$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}", "value": 400, "type": "fontWeight" }, "text-codeBlock-lineHeight": { "$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}", "value": 1.5385, "type": "number" }, "text-codeBlock-shorthand": { "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}", "value": "400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace", "type": "typography", "description": "Default style for rendering code blocks." }, "text-codeBlock-size": { "$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}", "value": "0.8125rem", "type": "dimension" }, "text-codeBlock-weight": { "$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}", "value": 400, "type": "fontWeight" }, "text-codeInline-shorthand": { "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}", "value": "400 0.9285em 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." }, "text-codeInline-size": { "$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}", "value": "0.9285em", "type": "dimension" }, "text-codeInline-weight": { "$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}", "value": 400, "type": "fontWeight" }, "text-display-lineBoxHeight": { "$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}", "value": 1.4, "type": "number" }, "text-display-lineHeight": { "$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}", "value": 1.4, "type": "number" }, "text-display-shorthand": { "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}", "value": "500 2.5rem/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." }, "text-display-size": { "$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}", "value": "2.5rem", "type": "dimension" }, "text-display-weight": { "$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}", "value": 500, "type": "fontWeight" }, "text-subtitle-lineHeight": { "$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}", "value": 1.6, "type": "number" }, "text-subtitle-shorthand": { "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}", "value": "400 1.25rem/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)." }, "text-subtitle-size": { "$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}", "value": "1.25rem", "type": "dimension" }, "text-subtitle-weight": { "$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}", "value": 400, "type": "fontWeight" }, "text-title-lineHeight-large": { "$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}", "value": 1.5, "type": "number" }, "text-title-lineHeight-medium": { "$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}", "value": 1.6, "type": "number" }, "text-title-lineHeight-small": { "$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}", "value": 1.5, "type": "number" }, "text-title-shorthand-large": { "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}", "value": "600 2rem/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." }, "text-title-shorthand-medium": { "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}", "value": "600 1.25rem/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." }, "text-title-shorthand-small": { "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}", "value": "600 1rem/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)." }, "text-title-size-large": { "$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}", "value": "2rem", "type": "dimension" }, "text-title-size-medium": { "$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}", "value": "1.25rem", "type": "dimension" }, "text-title-size-small": { "$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}", "value": "1rem", "type": "dimension" }, "text-title-weight-large": { "$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}", "value": 600, "type": "fontWeight" }, "text-title-weight-medium": { "$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}", "value": 600, "type": "fontWeight" }, "text-title-weight-small": { "$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}", "value": 600, "type": "fontWeight" } }