@primer/primitives

{ "control-large-gap": { "key": "{control.large.gap}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.large.gap}" }, "name": "control-large-gap", "attributes": {}, "path": ["control", "large", "gap"], "value": "0.5rem", "type": "dimension" }, "control-large-lineBoxHeight": { "key": "{control.large.lineBoxHeight}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.20}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{control.large.lineBoxHeight}" }, "name": "control-large-lineBoxHeight", "attributes": {}, "path": ["control", "large", "lineBoxHeight"], "value": "1.25rem", "type": "dimension" }, "control-large-paddingBlock": { "key": "{control.large.paddingBlock}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "10px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.large.paddingBlock}" }, "name": "control-large-paddingBlock", "attributes": {}, "path": ["control", "large", "paddingBlock"], "value": "0.625rem", "type": "dimension" }, "control-large-paddingInline-normal": { "key": "{control.large.paddingInline.normal}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.12}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.large.paddingInline.normal}" }, "name": "control-large-paddingInline-normal", "attributes": {}, "path": ["control", "large", "paddingInline", "normal"], "value": "0.75rem", "type": "dimension" }, "control-large-paddingInline-spacious": { "key": "{control.large.paddingInline.spacious}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.16}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.large.paddingInline.spacious}" }, "name": "control-large-paddingInline-spacious", "attributes": {}, "path": ["control", "large", "paddingInline", "spacious"], "value": "1rem", "type": "dimension" }, "control-large-size": { "key": "{control.large.size}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.40}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{control.large.size}" }, "name": "control-large-size", "attributes": {}, "path": ["control", "large", "size"], "value": "2.5rem", "type": "dimension" }, "control-medium-gap": { "key": "{control.medium.gap}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.medium.gap}" }, "name": "control-medium-gap", "attributes": {}, "path": ["control", "medium", "gap"], "value": "0.5rem", "type": "dimension" }, "control-medium-lineBoxHeight": { "key": "{control.medium.lineBoxHeight}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.20}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{control.medium.lineBoxHeight}" }, "name": "control-medium-lineBoxHeight", "attributes": {}, "path": ["control", "medium", "lineBoxHeight"], "value": "1.25rem", "type": "dimension" }, "control-medium-paddingBlock": { "key": "{control.medium.paddingBlock}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "6px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.medium.paddingBlock}" }, "name": "control-medium-paddingBlock", "attributes": {}, "path": ["control", "medium", "paddingBlock"], "value": "0.375rem", "type": "dimension" }, "control-medium-paddingInline-condensed": { "key": "{control.medium.paddingInline.condensed}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.medium.paddingInline.condensed}" }, "name": "control-medium-paddingInline-condensed", "attributes": {}, "path": ["control", "medium", "paddingInline", "condensed"], "value": "0.5rem", "type": "dimension" }, "control-medium-paddingInline-normal": { "key": "{control.medium.paddingInline.normal}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.12}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.medium.paddingInline.normal}" }, "name": "control-medium-paddingInline-normal", "attributes": {}, "path": ["control", "medium", "paddingInline", "normal"], "value": "0.75rem", "type": "dimension" }, "control-medium-paddingInline-spacious": { "key": "{control.medium.paddingInline.spacious}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.16}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.medium.paddingInline.spacious}" }, "name": "control-medium-paddingInline-spacious", "attributes": {}, "path": ["control", "medium", "paddingInline", "spacious"], "value": "1rem", "type": "dimension" }, "control-medium-size": { "key": "{control.medium.size}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.32}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{control.medium.size}" }, "name": "control-medium-size", "attributes": {}, "path": ["control", "medium", "size"], "value": "2rem", "type": "dimension" }, "control-minTarget-coarse": { "key": "{control.minTarget.coarse}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.44}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{control.minTarget.coarse}" }, "name": "control-minTarget-coarse", "attributes": {}, "path": ["control", "minTarget", "coarse"], "value": "2.75rem", "type": "dimension" }, "control-minTarget-fine": { "key": "{control.minTarget.fine}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.16}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{control.minTarget.fine}" }, "name": "control-minTarget-fine", "attributes": {}, "path": ["control", "minTarget", "fine"], "value": "1rem", "type": "dimension" }, "control-small-gap": { "key": "{control.small.gap}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.4}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.small.gap}" }, "name": "control-small-gap", "attributes": {}, "path": ["control", "small", "gap"], "value": "0.25rem", "type": "dimension" }, "control-small-lineBoxHeight": { "key": "{control.small.lineBoxHeight}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.20}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{control.small.lineBoxHeight}" }, "name": "control-small-lineBoxHeight", "attributes": {}, "path": ["control", "small", "lineBoxHeight"], "value": "1.25rem", "type": "dimension" }, "control-small-paddingBlock": { "key": "{control.small.paddingBlock}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.4}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.small.paddingBlock}" }, "name": "control-small-paddingBlock", "attributes": {}, "path": ["control", "small", "paddingBlock"], "value": "0.25rem", "type": "dimension" }, "control-small-paddingInline-condensed": { "key": "{control.small.paddingInline.condensed}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.small.paddingInline.condensed}" }, "name": "control-small-paddingInline-condensed", "attributes": {}, "path": ["control", "small", "paddingInline", "condensed"], "value": "0.5rem", "type": "dimension" }, "control-small-paddingInline-normal": { "key": "{control.small.paddingInline.normal}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.12}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.small.paddingInline.normal}" }, "name": "control-small-paddingInline-normal", "attributes": {}, "path": ["control", "small", "paddingInline", "normal"], "value": "0.75rem", "type": "dimension" }, "control-small-size": { "key": "{control.small.size}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.28}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{control.small.size}" }, "name": "control-small-size", "attributes": {}, "path": ["control", "small", "size"], "value": "1.75rem", "type": "dimension" }, "control-xlarge-gap": { "key": "{control.xlarge.gap}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.xlarge.gap}" }, "name": "control-xlarge-gap", "attributes": {}, "path": ["control", "xlarge", "gap"], "value": "0.5rem", "type": "dimension" }, "control-xlarge-lineBoxHeight": { "key": "{control.xlarge.lineBoxHeight}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.20}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{control.xlarge.lineBoxHeight}" }, "name": "control-xlarge-lineBoxHeight", "attributes": {}, "path": ["control", "xlarge", "lineBoxHeight"], "value": "1.25rem", "type": "dimension" }, "control-xlarge-paddingBlock": { "key": "{control.xlarge.paddingBlock}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "14px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.xlarge.paddingBlock}" }, "name": "control-xlarge-paddingBlock", "attributes": {}, "path": ["control", "xlarge", "paddingBlock"], "value": "0.875rem", "type": "dimension" }, "control-xlarge-paddingInline-normal": { "key": "{control.xlarge.paddingInline.normal}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.12}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.xlarge.paddingInline.normal}" }, "name": "control-xlarge-paddingInline-normal", "attributes": {}, "path": ["control", "xlarge", "paddingInline", "normal"], "value": "0.75rem", "type": "dimension" }, "control-xlarge-paddingInline-spacious": { "key": "{control.xlarge.paddingInline.spacious}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.16}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.xlarge.paddingInline.spacious}" }, "name": "control-xlarge-paddingInline-spacious", "attributes": {}, "path": ["control", "xlarge", "paddingInline", "spacious"], "value": "1rem", "type": "dimension" }, "control-xlarge-size": { "key": "{control.xlarge.size}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.48}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{control.xlarge.size}" }, "name": "control-xlarge-size", "attributes": {}, "path": ["control", "xlarge", "size"], "value": "3rem", "type": "dimension" }, "control-xsmall-gap": { "key": "{control.xsmall.gap}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.4}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.xsmall.gap}" }, "name": "control-xsmall-gap", "attributes": {}, "path": ["control", "xsmall", "gap"], "value": "0.25rem", "type": "dimension" }, "control-xsmall-lineBoxHeight": { "key": "{control.xsmall.lineBoxHeight}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.20}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{control.xsmall.lineBoxHeight}" }, "name": "control-xsmall-lineBoxHeight", "attributes": {}, "path": ["control", "xsmall", "lineBoxHeight"], "value": "1.25rem", "type": "dimension" }, "control-xsmall-paddingBlock": { "key": "{control.xsmall.paddingBlock}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "2px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.xsmall.paddingBlock}" }, "name": "control-xsmall-paddingBlock", "attributes": {}, "path": ["control", "xsmall", "paddingBlock"], "value": "0.125rem", "type": "dimension" }, "control-xsmall-paddingInline-condensed": { "key": "{control.xsmall.paddingInline.condensed}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.4}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.xsmall.paddingInline.condensed}" }, "name": "control-xsmall-paddingInline-condensed", "attributes": {}, "path": ["control", "xsmall", "paddingInline", "condensed"], "value": "0.25rem", "type": "dimension" }, "control-xsmall-paddingInline-normal": { "key": "{control.xsmall.paddingInline.normal}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.xsmall.paddingInline.normal}" }, "name": "control-xsmall-paddingInline-normal", "attributes": {}, "path": ["control", "xsmall", "paddingInline", "normal"], "value": "0.5rem", "type": "dimension" }, "control-xsmall-paddingInline-spacious": { "key": "{control.xsmall.paddingInline.spacious}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.12}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{control.xsmall.paddingInline.spacious}" }, "name": "control-xsmall-paddingInline-spacious", "attributes": {}, "path": ["control", "xsmall", "paddingInline", "spacious"], "value": "0.75rem", "type": "dimension" }, "control-xsmall-size": { "key": "{control.xsmall.size}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.24}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{control.xsmall.size}" }, "name": "control-xsmall-size", "attributes": {}, "path": ["control", "xsmall", "size"], "value": "1.5rem", "type": "dimension" }, "controlStack-large-gap-auto": { "key": "{controlStack.large.gap.auto}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{controlStack.large.gap.auto}" }, "name": "controlStack-large-gap-auto", "attributes": {}, "path": ["controlStack", "large", "gap", "auto"], "value": "0.5rem", "type": "dimension" }, "controlStack-large-gap-condensed": { "key": "{controlStack.large.gap.condensed}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{controlStack.large.gap.condensed}" }, "name": "controlStack-large-gap-condensed", "attributes": {}, "path": ["controlStack", "large", "gap", "condensed"], "value": "0.5rem", "type": "dimension" }, "controlStack-large-gap-spacious": { "key": "{controlStack.large.gap.spacious}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.12}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{controlStack.large.gap.spacious}" }, "name": "controlStack-large-gap-spacious", "attributes": {}, "path": ["controlStack", "large", "gap", "spacious"], "value": "0.75rem", "type": "dimension" }, "controlStack-medium-gap-condensed": { "key": "{controlStack.medium.gap.condensed}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{controlStack.medium.gap.condensed}" }, "name": "controlStack-medium-gap-condensed", "attributes": {}, "path": ["controlStack", "medium", "gap", "condensed"], "value": "0.5rem", "type": "dimension" }, "controlStack-medium-gap-spacious": { "key": "{controlStack.medium.gap.spacious}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.12}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{controlStack.medium.gap.spacious}" }, "name": "controlStack-medium-gap-spacious", "attributes": {}, "path": ["controlStack", "medium", "gap", "spacious"], "value": "0.75rem", "type": "dimension" }, "controlStack-small-gap-condensed": { "key": "{controlStack.small.gap.condensed}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{controlStack.small.gap.condensed}" }, "name": "controlStack-small-gap-condensed", "attributes": {}, "path": ["controlStack", "small", "gap", "condensed"], "value": "0.5rem", "type": "dimension" }, "controlStack-small-gap-spacious": { "key": "{controlStack.small.gap.spacious}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.16}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{controlStack.small.gap.spacious}" }, "name": "controlStack-small-gap-spacious", "attributes": {}, "path": ["controlStack", "small", "gap", "spacious"], "value": "1rem", "type": "dimension" }, "overlay-borderRadius": { "key": "{overlay.borderRadius}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["radius"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{borderRadius.medium}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["radius"] } }, "key": "{overlay.borderRadius}" }, "name": "overlay-borderRadius", "attributes": {}, "path": ["overlay", "borderRadius"], "value": "0.375rem", "type": "dimension" }, "overlay-height-large": { "key": "{overlay.height.large}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "432px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{overlay.height.large}" }, "name": "overlay-height-large", "attributes": {}, "path": ["overlay", "height", "large"], "value": "27rem", "type": "dimension" }, "overlay-height-medium": { "key": "{overlay.height.medium}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "320px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{overlay.height.medium}" }, "name": "overlay-height-medium", "attributes": {}, "path": ["overlay", "height", "medium"], "value": "20rem", "type": "dimension" }, "overlay-height-small": { "key": "{overlay.height.small}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "256px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{overlay.height.small}" }, "name": "overlay-height-small", "attributes": {}, "path": ["overlay", "height", "small"], "value": "16rem", "type": "dimension" }, "overlay-height-xlarge": { "key": "{overlay.height.xlarge}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "600px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{overlay.height.xlarge}" }, "name": "overlay-height-xlarge", "attributes": {}, "path": ["overlay", "height", "xlarge"], "value": "37.5rem", "type": "dimension" }, "overlay-offset": { "key": "{overlay.offset}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "4px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{overlay.offset}" }, "name": "overlay-offset", "attributes": {}, "path": ["overlay", "offset"], "value": "0.25rem", "type": "dimension" }, "overlay-padding-condensed": { "key": "{overlay.padding.condensed}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{overlay.padding.condensed}" }, "name": "overlay-padding-condensed", "attributes": {}, "path": ["overlay", "padding", "condensed"], "value": "0.5rem", "type": "dimension" }, "overlay-padding-normal": { "key": "{overlay.padding.normal}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.16}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{overlay.padding.normal}" }, "name": "overlay-padding-normal", "attributes": {}, "path": ["overlay", "padding", "normal"], "value": "1rem", "type": "dimension" }, "overlay-paddingBlock-condensed": { "key": "{overlay.paddingBlock.condensed}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.4}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{overlay.paddingBlock.condensed}" }, "name": "overlay-paddingBlock-condensed", "attributes": {}, "path": ["overlay", "paddingBlock", "condensed"], "value": "0.25rem", "type": "dimension" }, "overlay-paddingBlock-normal": { "key": "{overlay.paddingBlock.normal}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.12}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"] } }, "key": "{overlay.paddingBlock.normal}" }, "name": "overlay-paddingBlock-normal", "attributes": {}, "path": ["overlay", "paddingBlock", "normal"], "value": "0.75rem", "type": "dimension" }, "overlay-width-large": { "key": "{overlay.width.large}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "640px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{overlay.width.large}" }, "name": "overlay-width-large", "attributes": {}, "path": ["overlay", "width", "large"], "value": "40rem", "type": "dimension" }, "overlay-width-medium": { "key": "{overlay.width.medium}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "480px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{overlay.width.medium}" }, "name": "overlay-width-medium", "attributes": {}, "path": ["overlay", "width", "medium"], "value": "30rem", "type": "dimension" }, "overlay-width-small": { "key": "{overlay.width.small}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "320px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{overlay.width.small}" }, "name": "overlay-width-small", "attributes": {}, "path": ["overlay", "width", "small"], "value": "20rem", "type": "dimension" }, "overlay-width-xlarge": { "key": "{overlay.width.xlarge}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "960px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{overlay.width.xlarge}" }, "name": "overlay-width-xlarge", "attributes": {}, "path": ["overlay", "width", "xlarge"], "value": "60rem", "type": "dimension" }, "overlay-width-xsmall": { "key": "{overlay.width.xsmall}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "192px", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{overlay.width.xsmall}" }, "name": "overlay-width-xsmall", "attributes": {}, "path": ["overlay", "width", "xsmall"], "value": "12rem", "type": "dimension" }, "spinner-size-large": { "key": "{spinner.size.large}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.64}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{spinner.size.large}" }, "name": "spinner-size-large", "attributes": {}, "path": ["spinner", "size", "large"], "value": "4rem", "type": "dimension" }, "spinner-size-medium": { "key": "{spinner.size.medium}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.32}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{spinner.size.medium}" }, "name": "spinner-size-medium", "attributes": {}, "path": ["spinner", "size", "medium"], "value": "2rem", "type": "dimension" }, "spinner-size-small": { "key": "{spinner.size.small}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.16}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["size"] } }, "key": "{spinner.size.small}" }, "name": "spinner-size-small", "attributes": {}, "path": ["spinner", "size", "small"], "value": "1rem", "type": "dimension" }, "spinner-strokeWidth-default": { "key": "{spinner.strokeWidth.default}", "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "2px", "$type": "dimension", "key": "{spinner.strokeWidth.default}" }, "name": "spinner-strokeWidth-default", "attributes": {}, "path": ["spinner", "strokeWidth", "default"], "value": "0.125rem", "type": "dimension" }, "stack-gap-condensed": { "key": "{stack.gap.condensed}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "group": "component", "scopes": ["gap"], "codeSyntax": { "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */" } } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "group": "component", "scopes": ["gap"], "codeSyntax": { "web": "var(--stack-gap-condensed) /* utility class: .gap-2 */" } } }, "key": "{stack.gap.condensed}" }, "name": "stack-gap-condensed", "attributes": {}, "path": ["stack", "gap", "condensed"], "value": "0.5rem", "type": "dimension" }, "stack-gap-normal": { "key": "{stack.gap.normal}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "group": "component", "scopes": ["gap"], "codeSyntax": { "web": "var(--stack-gap-normal) /* utility class: .gap-3 */" } } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.16}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "group": "component", "scopes": ["gap"], "codeSyntax": { "web": "var(--stack-gap-normal) /* utility class: .gap-3 */" } } }, "key": "{stack.gap.normal}" }, "name": "stack-gap-normal", "attributes": {}, "path": ["stack", "gap", "normal"], "value": "1rem", "type": "dimension" }, "stack-gap-spacious": { "key": "{stack.gap.spacious}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "group": "component", "scopes": ["gap"], "codeSyntax": { "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */" } } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.24}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "group": "component", "scopes": ["gap"], "codeSyntax": { "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */" } } }, "key": "{stack.gap.spacious}" }, "name": "stack-gap-spacious", "attributes": {}, "path": ["stack", "gap", "spacious"], "value": "1.5rem", "type": "dimension" }, "stack-padding-condensed": { "key": "{stack.padding.condensed}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"], "group": "component", "codeSyntax": { "web": "var(--stack-padding-condensed) /* utility class: .p-2 */" } } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.8}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "scopes": ["gap"], "group": "component", "codeSyntax": { "web": "var(--stack-padding-condensed) /* utility class: .p-2 */" } } }, "key": "{stack.padding.condensed}" }, "name": "stack-padding-condensed", "attributes": {}, "path": ["stack", "padding", "condensed"], "value": "0.5rem", "type": "dimension" }, "stack-padding-normal": { "key": "{stack.padding.normal}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "group": "component", "scopes": ["gap"], "codeSyntax": { "web": "var(--stack-padding-normal) /* utility class: .p-3 */" } } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.16}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "group": "component", "scopes": ["gap"], "codeSyntax": { "web": "var(--stack-padding-normal) /* utility class: .p-3 */" } } }, "key": "{stack.padding.normal}" }, "name": "stack-padding-normal", "attributes": {}, "path": ["stack", "padding", "normal"], "value": "1rem", "type": "dimension" }, "stack-padding-spacious": { "key": "{stack.padding.spacious}", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "group": "component", "scopes": ["gap"], "codeSyntax": { "web": "var(--stack-padding-spacious) /* utility class: .p-4 */" } } }, "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "{base.size.24}", "$type": "dimension", "$extensions": { "org.primer.figma": { "collection": "pattern/size", "group": "component", "scopes": ["gap"], "codeSyntax": { "web": "var(--stack-padding-spacious) /* utility class: .p-4 */" } } }, "key": "{stack.padding.spacious}" }, "name": "stack-padding-spacious", "attributes": {}, "path": ["stack", "padding", "spacious"], "value": "1.5rem", "type": "dimension" } }