@primer/primitives
Version:
Typography, spacing, and color primitives for Primer design system
497 lines (496 loc) • 11.4 kB
JSON
{
"base-size-112": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "112px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-112",
"attributes": {},
"path": ["base", "size", "112"],
"key": "{base.size.112}",
"value": "7rem",
"type": "dimension"
},
"base-size-12": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "12px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-12",
"attributes": {},
"path": ["base", "size", "12"],
"key": "{base.size.12}",
"value": "0.75rem",
"type": "dimension"
},
"base-size-128": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "128px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-128",
"attributes": {},
"path": ["base", "size", "128"],
"key": "{base.size.128}",
"value": "8rem",
"type": "dimension"
},
"base-size-16": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "16px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-16",
"attributes": {},
"path": ["base", "size", "16"],
"key": "{base.size.16}",
"value": "1rem",
"type": "dimension"
},
"base-size-2": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "2px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-2",
"attributes": {},
"path": ["base", "size", "2"],
"key": "{base.size.2}",
"value": "0.125rem",
"type": "dimension"
},
"base-size-20": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "20px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-20",
"attributes": {},
"path": ["base", "size", "20"],
"key": "{base.size.20}",
"value": "1.25rem",
"type": "dimension"
},
"base-size-24": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "24px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-24",
"attributes": {},
"path": ["base", "size", "24"],
"key": "{base.size.24}",
"value": "1.5rem",
"type": "dimension"
},
"base-size-28": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "28px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-28",
"attributes": {},
"path": ["base", "size", "28"],
"key": "{base.size.28}",
"value": "1.75rem",
"type": "dimension"
},
"base-size-32": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "32px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-32",
"attributes": {},
"path": ["base", "size", "32"],
"key": "{base.size.32}",
"value": "2rem",
"type": "dimension"
},
"base-size-36": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "36px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-36",
"attributes": {},
"path": ["base", "size", "36"],
"key": "{base.size.36}",
"value": "2.25rem",
"type": "dimension"
},
"base-size-4": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "4px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-4",
"attributes": {},
"path": ["base", "size", "4"],
"key": "{base.size.4}",
"value": "0.25rem",
"type": "dimension"
},
"base-size-40": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "40px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-40",
"attributes": {},
"path": ["base", "size", "40"],
"key": "{base.size.40}",
"value": "2.5rem",
"type": "dimension"
},
"base-size-44": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "44px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-44",
"attributes": {},
"path": ["base", "size", "44"],
"key": "{base.size.44}",
"value": "2.75rem",
"type": "dimension"
},
"base-size-48": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "48px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-48",
"attributes": {},
"path": ["base", "size", "48"],
"key": "{base.size.48}",
"value": "3rem",
"type": "dimension"
},
"base-size-6": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "6px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-6",
"attributes": {},
"path": ["base", "size", "6"],
"key": "{base.size.6}",
"value": "0.375rem",
"type": "dimension"
},
"base-size-64": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "64px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-64",
"attributes": {},
"path": ["base", "size", "64"],
"key": "{base.size.64}",
"value": "4rem",
"type": "dimension"
},
"base-size-8": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "8px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-8",
"attributes": {},
"path": ["base", "size", "8"],
"key": "{base.size.8}",
"value": "0.5rem",
"type": "dimension"
},
"base-size-80": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "80px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-80",
"attributes": {},
"path": ["base", "size", "80"],
"key": "{base.size.80}",
"value": "5rem",
"type": "dimension"
},
"base-size-96": {
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
},
"filePath": "src/tokens/base/size/size.json5",
"isSource": true,
"original": {
"$value": "96px",
"$type": "dimension",
"$extensions": {
"org.primer.figma": {
"collection": "base/size",
"scopes": ["size"]
}
}
},
"name": "base-size-96",
"attributes": {},
"path": ["base", "size", "96"],
"key": "{base.size.96}",
"value": "6rem",
"type": "dimension"
}
}