@primer/primitives
Version:
Typography, spacing, and color primitives for Primer design system
348 lines (347 loc) • 8.72 kB
JSON
[
{
"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"]
}
]