UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

348 lines (347 loc) • 8.72 kB
[ { "name": "base/text/weight/light", "value": 300, "type": "FLOAT", "refId": "base/typography/base/text/weight/light", "collection": "base/typography", "mode": "default", "group": "base/typography", "scopes": ["FONT_WEIGHT"] }, { "name": "base/text/weight/normal", "value": 400, "type": "FLOAT", "refId": "base/typography/base/text/weight/normal", "collection": "base/typography", "mode": "default", "group": "base/typography", "scopes": ["FONT_WEIGHT"] }, { "name": "base/text/weight/medium", "value": 500, "type": "FLOAT", "refId": "base/typography/base/text/weight/medium", "collection": "base/typography", "mode": "default", "group": "base/typography", "scopes": ["FONT_WEIGHT"] }, { "name": "base/text/weight/semibold", "value": 600, "type": "FLOAT", "refId": "base/typography/base/text/weight/semibold", "collection": "base/typography", "mode": "default", "group": "base/typography", "scopes": ["FONT_WEIGHT"] }, { "name": "fontStack/system", "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "STRING", "refId": "typography/fontStack/system", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_FAMILY"] }, { "name": "fontStack/sansSerif", "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "STRING", "refId": "typography/fontStack/sansSerif", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_FAMILY"] }, { "name": "fontStack/sansSerifDisplay", "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "STRING", "refId": "typography/fontStack/sansSerifDisplay", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_FAMILY"] }, { "name": "fontStack/monospace", "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace", "type": "STRING", "refId": "typography/fontStack/monospace", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_FAMILY"] }, { "name": "lineBoxHeight", "value": 1.4, "type": "FLOAT", "refId": "lineBoxHeight" }, { "name": "text/display/size", "value": 40, "type": "FLOAT", "refId": "typography/text/display/size", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_SIZE"] }, { "name": "lineHeight", "value": 1.4, "type": "FLOAT", "refId": "lineHeight" }, { "name": "text/display/weight", "value": 500, "type": "FLOAT", "refId": "typography/text/display/weight", "reference": "base/typography/base/text/weight/medium", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_WEIGHT"] }, { "name": "text/title/size/large", "value": 32, "type": "FLOAT", "refId": "typography/text/title/size/large", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_SIZE"] }, { "name": "text/title/size/medium", "value": 20, "type": "FLOAT", "refId": "typography/text/title/size/medium", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_SIZE"] }, { "name": "text/title/size/small", "value": 16, "type": "FLOAT", "refId": "typography/text/title/size/small", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_SIZE"] }, { "name": "large", "value": 1.5, "type": "FLOAT", "refId": "large" }, { "name": "medium", "value": 1.6, "type": "FLOAT", "refId": "medium" }, { "name": "small", "value": 1.5, "type": "FLOAT", "refId": "small" }, { "name": "text/title/weight/large", "value": 600, "type": "FLOAT", "refId": "typography/text/title/weight/large", "reference": "base/typography/base/text/weight/semibold", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_WEIGHT"] }, { "name": "text/title/weight/medium", "value": 600, "type": "FLOAT", "refId": "typography/text/title/weight/medium", "reference": "base/typography/base/text/weight/semibold", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_WEIGHT"] }, { "name": "text/title/weight/small", "value": 600, "type": "FLOAT", "refId": "typography/text/title/weight/small", "reference": "base/typography/base/text/weight/semibold", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_WEIGHT"] }, { "name": "text/subtitle/size", "value": 20, "type": "FLOAT", "refId": "typography/text/subtitle/size", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_SIZE"] }, { "name": "lineHeight", "value": 1.6, "type": "FLOAT", "refId": "lineHeight" }, { "name": "text/subtitle/weight", "value": 400, "type": "FLOAT", "refId": "typography/text/subtitle/weight", "reference": "base/typography/base/text/weight/normal", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_WEIGHT"] }, { "name": "text/body/size/large", "value": 16, "type": "FLOAT", "refId": "typography/text/body/size/large", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_SIZE"] }, { "name": "text/body/size/medium", "value": 14, "type": "FLOAT", "refId": "typography/text/body/size/medium", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_SIZE"] }, { "name": "text/body/size/small", "value": 12, "type": "FLOAT", "refId": "typography/text/body/size/small", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_SIZE"] }, { "name": "large", "value": 1.5, "type": "FLOAT", "refId": "large" }, { "name": "medium", "value": 1.4285, "type": "FLOAT", "refId": "medium" }, { "name": "small", "value": 1.6666, "type": "FLOAT", "refId": "small" }, { "name": "text/body/weight", "value": 400, "type": "FLOAT", "refId": "typography/text/body/weight", "reference": "base/typography/base/text/weight/normal", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_WEIGHT"] }, { "name": "text/caption/size", "value": 12, "type": "FLOAT", "refId": "typography/text/caption/size", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_SIZE"] }, { "name": "lineHeight", "value": 1.3333, "type": "FLOAT", "refId": "lineHeight" }, { "name": "text/caption/weight", "value": 400, "type": "FLOAT", "refId": "typography/text/caption/weight", "reference": "base/typography/base/text/weight/normal", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_WEIGHT"] }, { "name": "text/codeBlock/size", "value": 13, "type": "FLOAT", "refId": "typography/text/codeBlock/size", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_SIZE"] }, { "name": "lineHeight", "value": 1.5385, "type": "FLOAT", "refId": "lineHeight" }, { "name": "text/codeBlock/weight", "value": 400, "type": "FLOAT", "refId": "typography/text/codeBlock/weight", "reference": "base/typography/base/text/weight/normal", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_WEIGHT"] }, { "name": "text/codeInline/weight", "value": 400, "type": "FLOAT", "refId": "typography/text/codeInline/weight", "reference": "base/typography/base/text/weight/normal", "collection": "typography", "mode": "default", "group": "typography", "scopes": ["FONT_WEIGHT"] } ]