@primer/brand-primitives
Version:
Color, spacing, and typography primitives for the Primer Brand Design System
99 lines (97 loc) • 1.97 kB
JavaScript
/**
* Do not edit directly
* Generated on Wed, 23 Apr 2025 15:47:28 GMT
*/
module.exports = {
brand: {
control: {
minTarget: {
fine: "1rem",
coarse: "2.75rem",
},
small: {
size: "2rem",
lineBoxHeight: "0.75rem",
paddingBlock: "0.5rem",
paddingInline: {
condensed: "0.5rem",
normal: "0.75rem",
spacious: "1.5rem",
},
gap: "0.5rem",
},
medium: {
size: "3rem",
lineBoxHeight: "1rem",
paddingBlock: {
condensed: "0.375rem",
normal: "1rem",
},
paddingInline: {
condensed: "0.75rem",
normal: "1rem",
spacious: "1.75rem",
},
gap: "0.75rem",
},
large: {
size: "3.75rem",
lineBoxHeight: "1.25rem",
paddingBlock: {
condensed: "0.75rem",
normal: "1.25rem",
},
paddingInline: {
condensed: "1rem",
normal: "1.25rem",
spacious: "2rem",
},
gap: "1rem",
},
animation: {
duration: "80ms",
easing: "var(--brand-animation-easing-glide)",
},
},
box: {
spacing: {
condensed: "1rem",
normal: "1.5rem",
spacious: "3rem",
},
},
stack: {
padding: {
condensed: "1rem",
normal: "1.5rem",
spacious: "3rem",
},
gap: {
condensed: "1rem",
normal: "1.5rem",
spacious: "3rem",
},
},
controlStack: {
small: {
gap: {
condensed: "0.5rem",
spacious: "1rem",
},
},
medium: {
gap: {
condensed: "0.5rem",
spacious: "0.75rem",
},
},
large: {
gap: {
auto: "0.5rem",
condensed: "0.5rem",
spacious: "0.75rem",
},
},
},
},
};