@primer/primitives
Version:
Typography, spacing, and color primitives for Primer design system
497 lines (496 loc) • 11.6 kB
JSON
{
"base-size-112": {
"$value": ["7rem", "112px"],
"$type": "dimension",
"$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}"
},
"base-size-12": {
"$value": ["0.75rem", "12px"],
"$type": "dimension",
"$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}"
},
"base-size-128": {
"$value": ["8rem", "128px"],
"$type": "dimension",
"$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}"
},
"base-size-16": {
"$value": ["1rem", "16px"],
"$type": "dimension",
"$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}"
},
"base-size-2": {
"$value": ["0.125rem", "2px"],
"$type": "dimension",
"$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}"
},
"base-size-20": {
"$value": ["1.25rem", "20px"],
"$type": "dimension",
"$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}"
},
"base-size-24": {
"$value": ["1.5rem", "24px"],
"$type": "dimension",
"$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}"
},
"base-size-28": {
"$value": ["1.75rem", "28px"],
"$type": "dimension",
"$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}"
},
"base-size-32": {
"$value": ["2rem", "32px"],
"$type": "dimension",
"$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}"
},
"base-size-36": {
"$value": ["2.25rem", "36px"],
"$type": "dimension",
"$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}"
},
"base-size-4": {
"$value": ["0.25rem", "4px"],
"$type": "dimension",
"$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}"
},
"base-size-40": {
"$value": ["2.5rem", "40px"],
"$type": "dimension",
"$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}"
},
"base-size-44": {
"$value": ["2.75rem", "44px"],
"$type": "dimension",
"$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}"
},
"base-size-48": {
"$value": ["3rem", "48px"],
"$type": "dimension",
"$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}"
},
"base-size-6": {
"$value": ["0.375rem", "6px"],
"$type": "dimension",
"$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}"
},
"base-size-64": {
"$value": ["4rem", "64px"],
"$type": "dimension",
"$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}"
},
"base-size-8": {
"$value": ["0.5rem", "8px"],
"$type": "dimension",
"$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}"
},
"base-size-80": {
"$value": ["5rem", "80px"],
"$type": "dimension",
"$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}"
},
"base-size-96": {
"$value": ["6rem", "96px"],
"$type": "dimension",
"$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}"
}
}