@primer/primitives

{ "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"] } } }, "name": "control-large-gap", "attributes": {}, "path": ["control", "large", "gap"], "key": "{control.large.gap}" }, "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"] } } }, "name": "control-large-lineBoxHeight", "attributes": {}, "path": ["control", "large", "lineBoxHeight"], "key": "{control.large.lineBoxHeight}" }, "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"] } } }, "name": "control-large-paddingBlock", "attributes": {}, "path": ["control", "large", "paddingBlock"], "key": "{control.large.paddingBlock}" }, "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"] } } }, "name": "control-large-paddingInline-normal", "attributes": {}, "path": ["control", "large", "paddingInline", "normal"], "key": "{control.large.paddingInline.normal}" }, "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"] } } }, "name": "control-large-paddingInline-spacious", "attributes": {}, "path": ["control", "large", "paddingInline", "spacious"], "key": "{control.large.paddingInline.spacious}" }, "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"] } } }, "name": "control-large-size", "attributes": {}, "path": ["control", "large", "size"], "key": "{control.large.size}" }, "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"] } } }, "name": "control-medium-gap", "attributes": {}, "path": ["control", "medium", "gap"], "key": "{control.medium.gap}" }, "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"] } } }, "name": "control-medium-lineBoxHeight", "attributes": {}, "path": ["control", "medium", "lineBoxHeight"], "key": "{control.medium.lineBoxHeight}" }, "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"] } } }, "name": "control-medium-paddingBlock", "attributes": {}, "path": ["control", "medium", "paddingBlock"], "key": "{control.medium.paddingBlock}" }, "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"] } } }, "name": "control-medium-paddingInline-condensed", "attributes": {}, "path": ["control", "medium", "paddingInline", "condensed"], "key": "{control.medium.paddingInline.condensed}" }, "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"] } } }, "name": "control-medium-paddingInline-normal", "attributes": {}, "path": ["control", "medium", "paddingInline", "normal"], "key": "{control.medium.paddingInline.normal}" }, "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"] } } }, "name": "control-medium-paddingInline-spacious", "attributes": {}, "path": ["control", "medium", "paddingInline", "spacious"], "key": "{control.medium.paddingInline.spacious}" }, "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"] } } }, "name": "control-medium-size", "attributes": {}, "path": ["control", "medium", "size"], "key": "{control.medium.size}" }, "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"] } } }, "name": "control-minTarget-coarse", "attributes": {}, "path": ["control", "minTarget", "coarse"], "key": "{control.minTarget.coarse}" }, "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"] } } }, "name": "control-minTarget-fine", "attributes": {}, "path": ["control", "minTarget", "fine"], "key": "{control.minTarget.fine}" }, "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"] } } }, "name": "control-small-gap", "attributes": {}, "path": ["control", "small", "gap"], "key": "{control.small.gap}" }, "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"] } } }, "name": "control-small-lineBoxHeight", "attributes": {}, "path": ["control", "small", "lineBoxHeight"], "key": "{control.small.lineBoxHeight}" }, "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"] } } }, "name": "control-small-paddingBlock", "attributes": {}, "path": ["control", "small", "paddingBlock"], "key": "{control.small.paddingBlock}" }, "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"] } } }, "name": "control-small-paddingInline-condensed", "attributes": {}, "path": ["control", "small", "paddingInline", "condensed"], "key": "{control.small.paddingInline.condensed}" }, "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"] } } }, "name": "control-small-paddingInline-normal", "attributes": {}, "path": ["control", "small", "paddingInline", "normal"], "key": "{control.small.paddingInline.normal}" }, "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"] } } }, "name": "control-small-size", "attributes": {}, "path": ["control", "small", "size"], "key": "{control.small.size}" }, "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"] } } }, "name": "control-xlarge-gap", "attributes": {}, "path": ["control", "xlarge", "gap"], "key": "{control.xlarge.gap}" }, "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"] } } }, "name": "control-xlarge-lineBoxHeight", "attributes": {}, "path": ["control", "xlarge", "lineBoxHeight"], "key": "{control.xlarge.lineBoxHeight}" }, "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"] } } }, "name": "control-xlarge-paddingBlock", "attributes": {}, "path": ["control", "xlarge", "paddingBlock"], "key": "{control.xlarge.paddingBlock}" }, "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"] } } }, "name": "control-xlarge-paddingInline-normal", "attributes": {}, "path": ["control", "xlarge", "paddingInline", "normal"], "key": "{control.xlarge.paddingInline.normal}" }, "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"] } } }, "name": "control-xlarge-paddingInline-spacious", "attributes": {}, "path": ["control", "xlarge", "paddingInline", "spacious"], "key": "{control.xlarge.paddingInline.spacious}" }, "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"] } } }, "name": "control-xlarge-size", "attributes": {}, "path": ["control", "xlarge", "size"], "key": "{control.xlarge.size}" }, "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"] } } }, "name": "control-xsmall-gap", "attributes": {}, "path": ["control", "xsmall", "gap"], "key": "{control.xsmall.gap}" }, "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"] } } }, "name": "control-xsmall-lineBoxHeight", "attributes": {}, "path": ["control", "xsmall", "lineBoxHeight"], "key": "{control.xsmall.lineBoxHeight}" }, "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"] } } }, "name": "control-xsmall-paddingBlock", "attributes": {}, "path": ["control", "xsmall", "paddingBlock"], "key": "{control.xsmall.paddingBlock}" }, "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"] } } }, "name": "control-xsmall-paddingInline-condensed", "attributes": {}, "path": ["control", "xsmall", "paddingInline", "condensed"], "key": "{control.xsmall.paddingInline.condensed}" }, "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"] } } }, "name": "control-xsmall-paddingInline-normal", "attributes": {}, "path": ["control", "xsmall", "paddingInline", "normal"], "key": "{control.xsmall.paddingInline.normal}" }, "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"] } } }, "name": "control-xsmall-paddingInline-spacious", "attributes": {}, "path": ["control", "xsmall", "paddingInline", "spacious"], "key": "{control.xsmall.paddingInline.spacious}" }, "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"] } } }, "name": "control-xsmall-size", "attributes": {}, "path": ["control", "xsmall", "size"], "key": "{control.xsmall.size}" }, "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"] } } }, "name": "controlStack-large-gap-auto", "attributes": {}, "path": ["controlStack", "large", "gap", "auto"], "key": "{controlStack.large.gap.auto}" }, "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"] } } }, "name": "controlStack-large-gap-condensed", "attributes": {}, "path": ["controlStack", "large", "gap", "condensed"], "key": "{controlStack.large.gap.condensed}" }, "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"] } } }, "name": "controlStack-large-gap-spacious", "attributes": {}, "path": ["controlStack", "large", "gap", "spacious"], "key": "{controlStack.large.gap.spacious}" }, "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"] } } }, "name": "controlStack-medium-gap-condensed", "attributes": {}, "path": ["controlStack", "medium", "gap", "condensed"], "key": "{controlStack.medium.gap.condensed}" }, "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"] } } }, "name": "controlStack-medium-gap-spacious", "attributes": {}, "path": ["controlStack", "medium", "gap", "spacious"], "key": "{controlStack.medium.gap.spacious}" }, "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"] } } }, "name": "controlStack-small-gap-condensed", "attributes": {}, "path": ["controlStack", "small", "gap", "condensed"], "key": "{controlStack.small.gap.condensed}" }, "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"] } } }, "name": "controlStack-small-gap-spacious", "attributes": {}, "path": ["controlStack", "small", "gap", "spacious"], "key": "{controlStack.small.gap.spacious}" }, "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"] } } }, "name": "overlay-borderRadius", "attributes": {}, "path": ["overlay", "borderRadius"], "key": "{overlay.borderRadius}" }, "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"] } } }, "name": "overlay-height-large", "attributes": {}, "path": ["overlay", "height", "large"], "key": "{overlay.height.large}" }, "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"] } } }, "name": "overlay-height-medium", "attributes": {}, "path": ["overlay", "height", "medium"], "key": "{overlay.height.medium}" }, "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"] } } }, "name": "overlay-height-small", "attributes": {}, "path": ["overlay", "height", "small"], "key": "{overlay.height.small}" }, "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"] } } }, "name": "overlay-height-xlarge", "attributes": {}, "path": ["overlay", "height", "xlarge"], "key": "{overlay.height.xlarge}" }, "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"] } } }, "name": "overlay-offset", "attributes": {}, "path": ["overlay", "offset"], "key": "{overlay.offset}" }, "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"] } } }, "name": "overlay-padding-condensed", "attributes": {}, "path": ["overlay", "padding", "condensed"], "key": "{overlay.padding.condensed}" }, "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"] } } }, "name": "overlay-padding-normal", "attributes": {}, "path": ["overlay", "padding", "normal"], "key": "{overlay.padding.normal}" }, "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"] } } }, "name": "overlay-paddingBlock-condensed", "attributes": {}, "path": ["overlay", "paddingBlock", "condensed"], "key": "{overlay.paddingBlock.condensed}" }, "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"] } } }, "name": "overlay-paddingBlock-normal", "attributes": {}, "path": ["overlay", "paddingBlock", "normal"], "key": "{overlay.paddingBlock.normal}" }, "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"] } } }, "name": "overlay-width-large", "attributes": {}, "path": ["overlay", "width", "large"], "key": "{overlay.width.large}" }, "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"] } } }, "name": "overlay-width-medium", "attributes": {}, "path": ["overlay", "width", "medium"], "key": "{overlay.width.medium}" }, "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"] } } }, "name": "overlay-width-small", "attributes": {}, "path": ["overlay", "width", "small"], "key": "{overlay.width.small}" }, "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"] } } }, "name": "overlay-width-xlarge", "attributes": {}, "path": ["overlay", "width", "xlarge"], "key": "{overlay.width.xlarge}" }, "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"] } } }, "name": "overlay-width-xsmall", "attributes": {}, "path": ["overlay", "width", "xsmall"], "key": "{overlay.width.xsmall}" }, "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"] } } }, "name": "spinner-size-large", "attributes": {}, "path": ["spinner", "size", "large"], "key": "{spinner.size.large}" }, "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"] } } }, "name": "spinner-size-medium", "attributes": {}, "path": ["spinner", "size", "medium"], "key": "{spinner.size.medium}" }, "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"] } } }, "name": "spinner-size-small", "attributes": {}, "path": ["spinner", "size", "small"], "key": "{spinner.size.small}" }, "spinner-strokeWidth-default": { "$value": ["0.125rem", "2px"], "$type": "dimension", "filePath": "src/tokens/functional/size/size.json5", "isSource": true, "original": { "$value": "2px", "$type": "dimension" }, "name": "spinner-strokeWidth-default", "attributes": {}, "path": ["spinner", "strokeWidth", "default"], "key": "{spinner.strokeWidth.default}" }, "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 */" } } } }, "name": "stack-gap-condensed", "attributes": {}, "path": ["stack", "gap", "condensed"], "key": "{stack.gap.condensed}" }, "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 */" } } } }, "name": "stack-gap-normal", "attributes": {}, "path": ["stack", "gap", "normal"], "key": "{stack.gap.normal}" }, "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 */" } } } }, "name": "stack-gap-spacious", "attributes": {}, "path": ["stack", "gap", "spacious"], "key": "{stack.gap.spacious}" }, "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 */" } } } }, "name": "stack-padding-condensed", "attributes": {}, "path": ["stack", "padding", "condensed"], "key": "{stack.padding.condensed}" }, "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 */" } } } }, "name": "stack-padding-normal", "attributes": {}, "path": ["stack", "padding", "normal"], "key": "{stack.padding.normal}" }, "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 */" } } } }, "name": "stack-padding-spacious", "attributes": {}, "path": ["stack", "padding", "spacious"], "key": "{stack.padding.spacious}" } }