@primer/primitives

{ "control-large-gap": { "key": "{control.large.gap}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "control-large-lineBoxHeight": { "key": "{control.large.lineBoxHeight}", "$value": ["0.078125rem", "1.25px"], "$type": "dimension", "$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"] }, "control-large-paddingBlock": { "key": "{control.large.paddingBlock}", "$value": ["0.625rem", "10px"], "$type": "dimension", "$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"] }, "control-large-paddingInline-normal": { "key": "{control.large.paddingInline.normal}", "$value": ["0.046875rem", "0.75px"], "$type": "dimension", "$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"] }, "control-large-paddingInline-spacious": { "key": "{control.large.paddingInline.spacious}", "$value": ["0.0625rem", "1px"], "$type": "dimension", "$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"] }, "control-large-size": { "key": "{control.large.size}", "$value": ["0.15625rem", "2.5px"], "$type": "dimension", "$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"] }, "control-medium-gap": { "key": "{control.medium.gap}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "control-medium-lineBoxHeight": { "key": "{control.medium.lineBoxHeight}", "$value": ["0.078125rem", "1.25px"], "$type": "dimension", "$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"] }, "control-medium-paddingBlock": { "key": "{control.medium.paddingBlock}", "$value": ["0.375rem", "6px"], "$type": "dimension", "$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"] }, "control-medium-paddingInline-condensed": { "key": "{control.medium.paddingInline.condensed}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "control-medium-paddingInline-normal": { "key": "{control.medium.paddingInline.normal}", "$value": ["0.046875rem", "0.75px"], "$type": "dimension", "$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"] }, "control-medium-paddingInline-spacious": { "key": "{control.medium.paddingInline.spacious}", "$value": ["0.0625rem", "1px"], "$type": "dimension", "$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"] }, "control-medium-size": { "key": "{control.medium.size}", "$value": ["0.125rem", "2px"], "$type": "dimension", "$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"] }, "control-minTarget-coarse": { "key": "{control.minTarget.coarse}", "$value": ["0.171875rem", "2.75px"], "$type": "dimension", "$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"] }, "control-minTarget-fine": { "key": "{control.minTarget.fine}", "$value": ["0.0625rem", "1px"], "$type": "dimension", "$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"] }, "control-small-gap": { "key": "{control.small.gap}", "$value": ["0.015625rem", "0.25px"], "$type": "dimension", "$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"] }, "control-small-lineBoxHeight": { "key": "{control.small.lineBoxHeight}", "$value": ["0.078125rem", "1.25px"], "$type": "dimension", "$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"] }, "control-small-paddingBlock": { "key": "{control.small.paddingBlock}", "$value": ["0.015625rem", "0.25px"], "$type": "dimension", "$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"] }, "control-small-paddingInline-condensed": { "key": "{control.small.paddingInline.condensed}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "control-small-paddingInline-normal": { "key": "{control.small.paddingInline.normal}", "$value": ["0.046875rem", "0.75px"], "$type": "dimension", "$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"] }, "control-small-size": { "key": "{control.small.size}", "$value": ["0.109375rem", "1.75px"], "$type": "dimension", "$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"] }, "control-xlarge-gap": { "key": "{control.xlarge.gap}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "control-xlarge-lineBoxHeight": { "key": "{control.xlarge.lineBoxHeight}", "$value": ["0.078125rem", "1.25px"], "$type": "dimension", "$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"] }, "control-xlarge-paddingBlock": { "key": "{control.xlarge.paddingBlock}", "$value": ["0.875rem", "14px"], "$type": "dimension", "$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"] }, "control-xlarge-paddingInline-normal": { "key": "{control.xlarge.paddingInline.normal}", "$value": ["0.046875rem", "0.75px"], "$type": "dimension", "$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"] }, "control-xlarge-paddingInline-spacious": { "key": "{control.xlarge.paddingInline.spacious}", "$value": ["0.0625rem", "1px"], "$type": "dimension", "$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"] }, "control-xlarge-size": { "key": "{control.xlarge.size}", "$value": ["0.1875rem", "3px"], "$type": "dimension", "$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"] }, "control-xsmall-gap": { "key": "{control.xsmall.gap}", "$value": ["0.015625rem", "0.25px"], "$type": "dimension", "$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"] }, "control-xsmall-lineBoxHeight": { "key": "{control.xsmall.lineBoxHeight}", "$value": ["0.078125rem", "1.25px"], "$type": "dimension", "$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"] }, "control-xsmall-paddingBlock": { "key": "{control.xsmall.paddingBlock}", "$value": ["0.125rem", "2px"], "$type": "dimension", "$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"] }, "control-xsmall-paddingInline-condensed": { "key": "{control.xsmall.paddingInline.condensed}", "$value": ["0.015625rem", "0.25px"], "$type": "dimension", "$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"] }, "control-xsmall-paddingInline-normal": { "key": "{control.xsmall.paddingInline.normal}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "control-xsmall-paddingInline-spacious": { "key": "{control.xsmall.paddingInline.spacious}", "$value": ["0.046875rem", "0.75px"], "$type": "dimension", "$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"] }, "control-xsmall-size": { "key": "{control.xsmall.size}", "$value": ["0.09375rem", "1.5px"], "$type": "dimension", "$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"] }, "controlStack-large-gap-auto": { "key": "{controlStack.large.gap.auto}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "controlStack-large-gap-condensed": { "key": "{controlStack.large.gap.condensed}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "controlStack-large-gap-spacious": { "key": "{controlStack.large.gap.spacious}", "$value": ["0.046875rem", "0.75px"], "$type": "dimension", "$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"] }, "controlStack-medium-gap-condensed": { "key": "{controlStack.medium.gap.condensed}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "controlStack-medium-gap-spacious": { "key": "{controlStack.medium.gap.spacious}", "$value": ["0.046875rem", "0.75px"], "$type": "dimension", "$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"] }, "controlStack-small-gap-condensed": { "key": "{controlStack.small.gap.condensed}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "controlStack-small-gap-spacious": { "key": "{controlStack.small.gap.spacious}", "$value": ["0.0625rem", "1px"], "$type": "dimension", "$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"] }, "overlay-borderRadius": { "key": "{overlay.borderRadius}", "$value": ["0.0234375rem", "0.375px"], "$type": "dimension", "$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"] }, "overlay-height-large": { "key": "{overlay.height.large}", "$value": ["27rem", "432px"], "$type": "dimension", "$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"] }, "overlay-height-medium": { "key": "{overlay.height.medium}", "$value": ["20rem", "320px"], "$type": "dimension", "$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"] }, "overlay-height-small": { "key": "{overlay.height.small}", "$value": ["16rem", "256px"], "$type": "dimension", "$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"] }, "overlay-height-xlarge": { "key": "{overlay.height.xlarge}", "$value": ["37.5rem", "600px"], "$type": "dimension", "$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"] }, "overlay-offset": { "key": "{overlay.offset}", "$value": ["0.25rem", "4px"], "$type": "dimension", "$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"] }, "overlay-padding-condensed": { "key": "{overlay.padding.condensed}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "overlay-padding-normal": { "key": "{overlay.padding.normal}", "$value": ["0.0625rem", "1px"], "$type": "dimension", "$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"] }, "overlay-paddingBlock-condensed": { "key": "{overlay.paddingBlock.condensed}", "$value": ["0.015625rem", "0.25px"], "$type": "dimension", "$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"] }, "overlay-paddingBlock-normal": { "key": "{overlay.paddingBlock.normal}", "$value": ["0.046875rem", "0.75px"], "$type": "dimension", "$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"] }, "overlay-width-large": { "key": "{overlay.width.large}", "$value": ["40rem", "640px"], "$type": "dimension", "$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"] }, "overlay-width-medium": { "key": "{overlay.width.medium}", "$value": ["30rem", "480px"], "$type": "dimension", "$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"] }, "overlay-width-small": { "key": "{overlay.width.small}", "$value": ["20rem", "320px"], "$type": "dimension", "$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"] }, "overlay-width-xlarge": { "key": "{overlay.width.xlarge}", "$value": ["60rem", "960px"], "$type": "dimension", "$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"] }, "overlay-width-xsmall": { "key": "{overlay.width.xsmall}", "$value": ["12rem", "192px"], "$type": "dimension", "$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"] }, "spinner-size-large": { "key": "{spinner.size.large}", "$value": ["0.25rem", "4px"], "$type": "dimension", "$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"] }, "spinner-size-medium": { "key": "{spinner.size.medium}", "$value": ["0.125rem", "2px"], "$type": "dimension", "$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"] }, "spinner-size-small": { "key": "{spinner.size.small}", "$value": ["0.0625rem", "1px"], "$type": "dimension", "$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"] }, "spinner-strokeWidth-default": { "key": "{spinner.strokeWidth.default}", "$value": ["0.125rem", "2px"], "$type": "dimension", "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"] }, "stack-gap-condensed": { "key": "{stack.gap.condensed}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "stack-gap-normal": { "key": "{stack.gap.normal}", "$value": ["0.0625rem", "1px"], "$type": "dimension", "$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"] }, "stack-gap-spacious": { "key": "{stack.gap.spacious}", "$value": ["0.09375rem", "1.5px"], "$type": "dimension", "$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"] }, "stack-padding-condensed": { "key": "{stack.padding.condensed}", "$value": ["0.03125rem", "0.5px"], "$type": "dimension", "$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"] }, "stack-padding-normal": { "key": "{stack.padding.normal}", "$value": ["0.0625rem", "1px"], "$type": "dimension", "$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"] }, "stack-padding-spacious": { "key": "{stack.padding.spacious}", "$value": ["0.09375rem", "1.5px"], "$type": "dimension", "$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"] } }