UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

825 lines (824 loc) • 19.9 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": { "value": 112, "unit": "px" }, "$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": { "value": 12, "unit": "px" }, "$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": { "value": 128, "unit": "px" }, "$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": { "value": 16, "unit": "px" }, "$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": { "value": 2, "unit": "px" }, "$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": { "value": 20, "unit": "px" }, "$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": { "value": 24, "unit": "px" }, "$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": { "value": 28, "unit": "px" }, "$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": { "value": 32, "unit": "px" }, "$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": { "value": 36, "unit": "px" }, "$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": { "value": 4, "unit": "px" }, "$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": { "value": 40, "unit": "px" }, "$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": { "value": 44, "unit": "px" }, "$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": { "value": 48, "unit": "px" }, "$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": { "value": 6, "unit": "px" }, "$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": { "value": 64, "unit": "px" }, "$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": { "value": 8, "unit": "px" }, "$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": { "value": 80, "unit": "px" }, "$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": { "value": 96, "unit": "px" }, "$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"] }, "base-size-negative-12": { "key": "{base.size.negative-12}", "$value": ["-0.75rem", "-12px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -12, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-12}" }, "name": "base-size-negative-12", "attributes": {}, "path": ["base", "size", "negative-12"] }, "base-size-negative-16": { "key": "{base.size.negative-16}", "$value": ["-1rem", "-16px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -16, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-16}" }, "name": "base-size-negative-16", "attributes": {}, "path": ["base", "size", "negative-16"] }, "base-size-negative-2": { "key": "{base.size.negative-2}", "$value": ["-0.125rem", "-2px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -2, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-2}" }, "name": "base-size-negative-2", "attributes": {}, "path": ["base", "size", "negative-2"] }, "base-size-negative-20": { "key": "{base.size.negative-20}", "$value": ["-1.25rem", "-20px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -20, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-20}" }, "name": "base-size-negative-20", "attributes": {}, "path": ["base", "size", "negative-20"] }, "base-size-negative-24": { "key": "{base.size.negative-24}", "$value": ["-1.5rem", "-24px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -24, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-24}" }, "name": "base-size-negative-24", "attributes": {}, "path": ["base", "size", "negative-24"] }, "base-size-negative-28": { "key": "{base.size.negative-28}", "$value": ["-1.75rem", "-28px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -28, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-28}" }, "name": "base-size-negative-28", "attributes": {}, "path": ["base", "size", "negative-28"] }, "base-size-negative-32": { "key": "{base.size.negative-32}", "$value": ["-2rem", "-32px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -32, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-32}" }, "name": "base-size-negative-32", "attributes": {}, "path": ["base", "size", "negative-32"] }, "base-size-negative-36": { "key": "{base.size.negative-36}", "$value": ["-2.25rem", "-36px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -36, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-36}" }, "name": "base-size-negative-36", "attributes": {}, "path": ["base", "size", "negative-36"] }, "base-size-negative-4": { "key": "{base.size.negative-4}", "$value": ["-0.25rem", "-4px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -4, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-4}" }, "name": "base-size-negative-4", "attributes": {}, "path": ["base", "size", "negative-4"] }, "base-size-negative-40": { "key": "{base.size.negative-40}", "$value": ["-2.5rem", "-40px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -40, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-40}" }, "name": "base-size-negative-40", "attributes": {}, "path": ["base", "size", "negative-40"] }, "base-size-negative-44": { "key": "{base.size.negative-44}", "$value": ["-2.75rem", "-44px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -44, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-44}" }, "name": "base-size-negative-44", "attributes": {}, "path": ["base", "size", "negative-44"] }, "base-size-negative-48": { "key": "{base.size.negative-48}", "$value": ["-3rem", "-48px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -48, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-48}" }, "name": "base-size-negative-48", "attributes": {}, "path": ["base", "size", "negative-48"] }, "base-size-negative-6": { "key": "{base.size.negative-6}", "$value": ["-0.375rem", "-6px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -6, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-6}" }, "name": "base-size-negative-6", "attributes": {}, "path": ["base", "size", "negative-6"] }, "base-size-negative-8": { "key": "{base.size.negative-8}", "$value": ["-0.5rem", "-8px"], "$type": "dimension", "filePath": "src/tokens/base/size/size.json5", "isSource": true, "original": { "$value": { "value": -8, "unit": "px" }, "$type": "dimension", "key": "{base.size.negative-8}" }, "name": "base-size-negative-8", "attributes": {}, "path": ["base", "size", "negative-8"] } }