@primer/brand-primitives
Version:
Color, spacing, and typography primitives for the Primer Brand Design System
95 lines (93 loc) • 3.05 kB
JavaScript
/**
* Do not edit directly
* Generated on Wed, 23 Apr 2025 15:47:28 GMT
*/
module.exports = {
brand: {
fontStack: {
system: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
sansSerif: "'Mona Sans', 'MonaSansFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
sansSerifAlt: "'Hubot Sans',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
monospace: "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
},
body: {
fontFamily: "'Mona Sans', 'MonaSansFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
},
heading: {
fontFamily: "'Mona Sans', 'MonaSansFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
weight: {
"400": "var(--base-text-weight-semibold)",
"500": "var(--base-text-weight-semibold)",
"600": "var(--base-text-weight-semibold)",
"700": "var(--base-text-weight-semibold)",
},
letterSpacing: {
"400": "-0.01em",
"500": "-0.01em",
"600": "-0.02em",
"700": "-0.02em",
},
},
text: {
weight: {
"100": "var(--base-text-weight-normal)",
"200": "var(--base-text-weight-normal)",
"300": "var(--base-text-weight-normal)",
"400": "var(--base-text-weight-semibold)",
"500": "var(--base-text-weight-semibold)",
"600": "var(--base-text-weight-semibold)",
"700": "var(--base-text-weight-semibold)",
"800": "var(--base-text-weight-semibold)",
"900": "var(--base-text-weight-semibold)",
"1000": "var(--base-text-weight-bold)",
},
size: {
"100": "0.875rem",
"200": "1rem",
"300": "1.125rem",
"400": "1.25rem",
"500": "1.375rem",
"600": "1.5rem",
"700": "1.75rem",
"800": "2rem",
"900": "2.25rem",
"1000": "2.5rem",
},
lineHeight: {
"100": "1.5",
"200": "1.5",
"300": "1.5",
"400": "1.3",
"500": "1.3",
"600": "1.2",
"700": "1.2",
"800": "1.2",
"900": "1.1",
"1000": "1.1",
},
letterSpacing: {
"400": "-0.01em",
"500": "-0.01em",
"600": "-0.02em",
"700": "-0.02em",
"800": "-0.02em",
"900": "-0.02em",
"1000": "-0.03em",
},
style: {
italic: {
"1": "'ital' 1",
"2": "'ital' 2",
"3": "'ital' 3",
"4": "'ital' 4",
"5": "'ital' 5",
"6": "'ital' 6",
"7": "'ital' 7",
"8": "'ital' 8",
"9": "'ital' 9",
"10": "'ital' 10",
},
},
},
},
};