UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

516 lines (515 loc) • 12.5 kB
{ "base-size-112": { "key": "{base.size.112}", "$value": ["7rem", "112px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "112px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.112}" }, "name": "base-size-112", "attributes": {}, "path": ["base", "size", "112"] }, "base-size-12": { "key": "{base.size.12}", "$value": ["0.75rem", "12px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "12px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.12}" }, "name": "base-size-12", "attributes": {}, "path": ["base", "size", "12"] }, "base-size-128": { "key": "{base.size.128}", "$value": ["8rem", "128px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "128px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.128}" }, "name": "base-size-128", "attributes": {}, "path": ["base", "size", "128"] }, "base-size-16": { "key": "{base.size.16}", "$value": ["1rem", "16px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "16px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.16}" }, "name": "base-size-16", "attributes": {}, "path": ["base", "size", "16"] }, "base-size-2": { "key": "{base.size.2}", "$value": ["0.125rem", "2px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "2px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.2}" }, "name": "base-size-2", "attributes": {}, "path": ["base", "size", "2"] }, "base-size-20": { "key": "{base.size.20}", "$value": ["1.25rem", "20px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "20px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.20}" }, "name": "base-size-20", "attributes": {}, "path": ["base", "size", "20"] }, "base-size-24": { "key": "{base.size.24}", "$value": ["1.5rem", "24px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "24px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.24}" }, "name": "base-size-24", "attributes": {}, "path": ["base", "size", "24"] }, "base-size-28": { "key": "{base.size.28}", "$value": ["1.75rem", "28px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "28px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.28}" }, "name": "base-size-28", "attributes": {}, "path": ["base", "size", "28"] }, "base-size-32": { "key": "{base.size.32}", "$value": ["2rem", "32px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "32px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.32}" }, "name": "base-size-32", "attributes": {}, "path": ["base", "size", "32"] }, "base-size-36": { "key": "{base.size.36}", "$value": ["2.25rem", "36px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "36px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.36}" }, "name": "base-size-36", "attributes": {}, "path": ["base", "size", "36"] }, "base-size-4": { "key": "{base.size.4}", "$value": ["0.25rem", "4px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "4px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.4}" }, "name": "base-size-4", "attributes": {}, "path": ["base", "size", "4"] }, "base-size-40": { "key": "{base.size.40}", "$value": ["2.5rem", "40px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "40px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.40}" }, "name": "base-size-40", "attributes": {}, "path": ["base", "size", "40"] }, "base-size-44": { "key": "{base.size.44}", "$value": ["2.75rem", "44px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "44px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.44}" }, "name": "base-size-44", "attributes": {}, "path": ["base", "size", "44"] }, "base-size-48": { "key": "{base.size.48}", "$value": ["3rem", "48px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "48px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.48}" }, "name": "base-size-48", "attributes": {}, "path": ["base", "size", "48"] }, "base-size-6": { "key": "{base.size.6}", "$value": ["0.375rem", "6px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "6px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.6}" }, "name": "base-size-6", "attributes": {}, "path": ["base", "size", "6"] }, "base-size-64": { "key": "{base.size.64}", "$value": ["4rem", "64px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "64px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.64}" }, "name": "base-size-64", "attributes": {}, "path": ["base", "size", "64"] }, "base-size-8": { "key": "{base.size.8}", "$value": ["0.5rem", "8px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "8px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.8}" }, "name": "base-size-8", "attributes": {}, "path": ["base", "size", "8"] }, "base-size-80": { "key": "{base.size.80}", "$value": ["5rem", "80px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "80px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.80}" }, "name": "base-size-80", "attributes": {}, "path": ["base", "size", "80"] }, "base-size-96": { "key": "{base.size.96}", "$value": ["6rem", "96px"], "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": "96px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "base/size", "scopes": ["size", "gap"] } }, "key": "{base.size.96}" }, "name": "base-size-96", "attributes": {}, "path": ["base", "size", "96"] } }