@primer/primitives

{ "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"] } } }, "name": "control-large-gap", "attributes": {}, "path": ["control", "large", "gap"], "key": "{control.large.gap}", "value": "0.5rem", "type": "dimension" }, "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"] } } }, "name": "control-large-lineBoxHeight", "attributes": {}, "path": ["control", "large", "lineBoxHeight"], "key": "{control.large.lineBoxHeight}", "value": "1.25rem", "type": "dimension" }, "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"] } } }, "name": "control-large-paddingBlock", "attributes": {}, "path": ["control", "large", "paddingBlock"], "key": "{control.large.paddingBlock}", "value": "0.625rem", "type": "dimension" }, "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"] } } }, "name": "control-large-paddingInline-normal", "attributes": {}, "path": ["control", "large", "paddingInline", "normal"], "key": "{control.large.paddingInline.normal}", "value": "0.75rem", "type": "dimension" }, "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"] } } }, "name": "control-large-paddingInline-spacious", "attributes": {}, "path": ["control", "large", "paddingInline", "spacious"], "key": "{control.large.paddingInline.spacious}", "value": "1rem", "type": "dimension" }, "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"] } } }, "name": "control-large-size", "attributes": {}, "path": ["control", "large", "size"], "key": "{control.large.size}", "value": "2.5rem", "type": "dimension" }, "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"] } } }, "name": "control-medium-gap", "attributes": {}, "path": ["control", "medium", "gap"], "key": "{control.medium.gap}", "value": "0.5rem", "type": "dimension" }, "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"] } } }, "name": "control-medium-lineBoxHeight", "attributes": {}, "path": ["control", "medium", "lineBoxHeight"], "key": "{control.medium.lineBoxHeight}", "value": "1.25rem", "type": "dimension" }, "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"] } } }, "name": "control-medium-paddingBlock", "attributes": {}, "path": ["control", "medium", "paddingBlock"], "key": "{control.medium.paddingBlock}", "value": "0.375rem", "type": "dimension" }, "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"] } } }, "name": "control-medium-paddingInline-condensed", "attributes": {}, "path": ["control", "medium", "paddingInline", "condensed"], "key": "{control.medium.paddingInline.condensed}", "value": "0.5rem", "type": "dimension" }, "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"] } } }, "name": "control-medium-paddingInline-normal", "attributes": {}, "path": ["control", "medium", "paddingInline", "normal"], "key": "{control.medium.paddingInline.normal}", "value": "0.75rem", "type": "dimension" }, "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"] } } }, "name": "control-medium-paddingInline-spacious", "attributes": {}, "path": ["control", "medium", "paddingInline", "spacious"], "key": "{control.medium.paddingInline.spacious}", "value": "1rem", "type": "dimension" }, "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"] } } }, "name": "control-medium-size", "attributes": {}, "path": ["control", "medium", "size"], "key": "{control.medium.size}", "value": "2rem", "type": "dimension" }, "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"] } } }, "name": "control-minTarget-coarse", "attributes": {}, "path": ["control", "minTarget", "coarse"], "key": "{control.minTarget.coarse}", "value": "2.75rem", "type": "dimension" }, "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"] } } }, "name": "control-minTarget-fine", "attributes": {}, "path": ["control", "minTarget", "fine"], "key": "{control.minTarget.fine}", "value": "1rem", "type": "dimension" }, "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"] } } }, "name": "control-small-gap", "attributes": {}, "path": ["control", "small", "gap"], "key": "{control.small.gap}", "value": "0.25rem", "type": "dimension" }, "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"] } } }, "name": "control-small-lineBoxHeight", "attributes": {}, "path": ["control", "small", "lineBoxHeight"], "key": "{control.small.lineBoxHeight}", "value": "1.25rem", "type": "dimension" }, "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"] } } }, "name": "control-small-paddingBlock", "attributes": {}, "path": ["control", "small", "paddingBlock"], "key": "{control.small.paddingBlock}", "value": "0.25rem", "type": "dimension" }, "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"] } } }, "name": "control-small-paddingInline-condensed", "attributes": {}, "path": ["control", "small", "paddingInline", "condensed"], "key": "{control.small.paddingInline.condensed}", "value": "0.5rem", "type": "dimension" }, "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"] } } }, "name": "control-small-paddingInline-normal", "attributes": {}, "path": ["control", "small", "paddingInline", "normal"], "key": "{control.small.paddingInline.normal}", "value": "0.75rem", "type": "dimension" }, "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"] } } }, "name": "control-small-size", "attributes": {}, "path": ["control", "small", "size"], "key": "{control.small.size}", "value": "1.75rem", "type": "dimension" }, "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"] } } }, "name": "control-xlarge-gap", "attributes": {}, "path": ["control", "xlarge", "gap"], "key": "{control.xlarge.gap}", "value": "0.5rem", "type": "dimension" }, "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"] } } }, "name": "control-xlarge-lineBoxHeight", "attributes": {}, "path": ["control", "xlarge", "lineBoxHeight"], "key": "{control.xlarge.lineBoxHeight}", "value": "1.25rem", "type": "dimension" }, "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"] } } }, "name": "control-xlarge-paddingBlock", "attributes": {}, "path": ["control", "xlarge", "paddingBlock"], "key": "{control.xlarge.paddingBlock}", "value": "0.875rem", "type": "dimension" }, "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"] } } }, "name": "control-xlarge-paddingInline-normal", "attributes": {}, "path": ["control", "xlarge", "paddingInline", "normal"], "key": "{control.xlarge.paddingInline.normal}", "value": "0.75rem", "type": "dimension" }, "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"] } } }, "name": "control-xlarge-paddingInline-spacious", "attributes": {}, "path": ["control", "xlarge", "paddingInline", "spacious"], "key": "{control.xlarge.paddingInline.spacious}", "value": "1rem", "type": "dimension" }, "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"] } } }, "name": "control-xlarge-size", "attributes": {}, "path": ["control", "xlarge", "size"], "key": "{control.xlarge.size}", "value": "3rem", "type": "dimension" }, "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"] } } }, "name": "control-xsmall-gap", "attributes": {}, "path": ["control", "xsmall", "gap"], "key": "{control.xsmall.gap}", "value": "0.25rem", "type": "dimension" }, "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"] } } }, "name": "control-xsmall-lineBoxHeight", "attributes": {}, "path": ["control", "xsmall", "lineBoxHeight"], "key": "{control.xsmall.lineBoxHeight}", "value": "1.25rem", "type": "dimension" }, "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"] } } }, "name": "control-xsmall-paddingBlock", "attributes": {}, "path": ["control", "xsmall", "paddingBlock"], "key": "{control.xsmall.paddingBlock}", "value": "0.125rem", "type": "dimension" }, "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"] } } }, "name": "control-xsmall-paddingInline-condensed", "attributes": {}, "path": ["control", "xsmall", "paddingInline", "condensed"], "key": "{control.xsmall.paddingInline.condensed}", "value": "0.25rem", "type": "dimension" }, "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"] } } }, "name": "control-xsmall-paddingInline-normal", "attributes": {}, "path": ["control", "xsmall", "paddingInline", "normal"], "key": "{control.xsmall.paddingInline.normal}", "value": "0.5rem", "type": "dimension" }, "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"] } } }, "name": "control-xsmall-paddingInline-spacious", "attributes": {}, "path": ["control", "xsmall", "paddingInline", "spacious"], "key": "{control.xsmall.paddingInline.spacious}", "value": "0.75rem", "type": "dimension" }, "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"] } } }, "name": "control-xsmall-size", "attributes": {}, "path": ["control", "xsmall", "size"], "key": "{control.xsmall.size}", "value": "1.5rem", "type": "dimension" }, "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"] } } }, "name": "controlStack-large-gap-auto", "attributes": {}, "path": ["controlStack", "large", "gap", "auto"], "key": "{controlStack.large.gap.auto}", "value": "0.5rem", "type": "dimension" }, "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"] } } }, "name": "controlStack-large-gap-condensed", "attributes": {}, "path": ["controlStack", "large", "gap", "condensed"], "key": "{controlStack.large.gap.condensed}", "value": "0.5rem", "type": "dimension" }, "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"] } } }, "name": "controlStack-large-gap-spacious", "attributes": {}, "path": ["controlStack", "large", "gap", "spacious"], "key": "{controlStack.large.gap.spacious}", "value": "0.75rem", "type": "dimension" }, "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"] } } }, "name": "controlStack-medium-gap-condensed", "attributes": {}, "path": ["controlStack", "medium", "gap", "condensed"], "key": "{controlStack.medium.gap.condensed}", "value": "0.5rem", "type": "dimension" }, "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"] } } }, "name": "controlStack-medium-gap-spacious", "attributes": {}, "path": ["controlStack", "medium", "gap", "spacious"], "key": "{controlStack.medium.gap.spacious}", "value": "0.75rem", "type": "dimension" }, "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"] } } }, "name": "controlStack-small-gap-condensed", "attributes": {}, "path": ["controlStack", "small", "gap", "condensed"], "key": "{controlStack.small.gap.condensed}", "value": "0.5rem", "type": "dimension" }, "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"] } } }, "name": "controlStack-small-gap-spacious", "attributes": {}, "path": ["controlStack", "small", "gap", "spacious"], "key": "{controlStack.small.gap.spacious}", "value": "1rem", "type": "dimension" }, "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"] } } }, "name": "overlay-borderRadius", "attributes": {}, "path": ["overlay", "borderRadius"], "key": "{overlay.borderRadius}", "value": "0.375rem", "type": "dimension" }, "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"] } } }, "name": "overlay-height-large", "attributes": {}, "path": ["overlay", "height", "large"], "key": "{overlay.height.large}", "value": "27rem", "type": "dimension" }, "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"] } } }, "name": "overlay-height-medium", "attributes": {}, "path": ["overlay", "height", "medium"], "key": "{overlay.height.medium}", "value": "20rem", "type": "dimension" }, "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"] } } }, "name": "overlay-height-small", "attributes": {}, "path": ["overlay", "height", "small"], "key": "{overlay.height.small}", "value": "16rem", "type": "dimension" }, "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"] } } }, "name": "overlay-height-xlarge", "attributes": {}, "path": ["overlay", "height", "xlarge"], "key": "{overlay.height.xlarge}", "value": "37.5rem", "type": "dimension" }, "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"] } } }, "name": "overlay-offset", "attributes": {}, "path": ["overlay", "offset"], "key": "{overlay.offset}", "value": "0.25rem", "type": "dimension" }, "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"] } } }, "name": "overlay-padding-condensed", "attributes": {}, "path": ["overlay", "padding", "condensed"], "key": "{overlay.padding.condensed}", "value": "0.5rem", "type": "dimension" }, "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"] } } }, "name": "overlay-padding-normal", "attributes": {}, "path": ["overlay", "padding", "normal"], "key": "{overlay.padding.normal}", "value": "1rem", "type": "dimension" }, "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"] } } }, "name": "overlay-paddingBlock-condensed", "attributes": {}, "path": ["overlay", "paddingBlock", "condensed"], "key": "{overlay.paddingBlock.condensed}", "value": "0.25rem", "type": "dimension" }, "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"] } } }, "name": "overlay-paddingBlock-normal", "attributes": {}, "path": ["overlay", "paddingBlock", "normal"], "key": "{overlay.paddingBlock.normal}", "value": "0.75rem", "type": "dimension" }, "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"] } } }, "name": "overlay-width-large", "attributes": {}, "path": ["overlay", "width", "large"], "key": "{overlay.width.large}", "value": "40rem", "type": "dimension" }, "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"] } } }, "name": "overlay-width-medium", "attributes": {}, "path": ["overlay", "width", "medium"], "key": "{overlay.width.medium}", "value": "30rem", "type": "dimension" }, "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"] } } }, "name": "overlay-width-small", "attributes": {}, "path": ["overlay", "width", "small"], "key": "{overlay.width.small}", "value": "20rem", "type": "dimension" }, "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"] } } }, "name": "overlay-width-xlarge", "attributes": {}, "path": ["overlay", "width", "xlarge"], "key": "{overlay.width.xlarge}", "value": "60rem", "type": "dimension" }, "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"] } } }, "name": "overlay-width-xsmall", "attributes": {}, "path": ["overlay", "width", "xsmall"], "key": "{overlay.width.xsmall}", "value": "12rem", "type": "dimension" }, "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"] } } }, "name": "spinner-size-large", "attributes": {}, "path": ["spinner", "size", "large"], "key": "{spinner.size.large}", "value": "4rem", "type": "dimension" }, "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"] } } }, "name": "spinner-size-medium", "attributes": {}, "path": ["spinner", "size", "medium"], "key": "{spinner.size.medium}", "value": "2rem", "type": "dimension" }, "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"] } } }, "name": "spinner-size-small", "attributes": {}, "path": ["spinner", "size", "small"], "key": "{spinner.size.small}", "value": "1rem", "type": "dimension" }, "spinner-strokeWidth-default": { "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}", "value": "0.125rem", "type": "dimension" }, "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 */" } } } }, "name": "stack-gap-condensed", "attributes": {}, "path": ["stack", "gap", "condensed"], "key": "{stack.gap.condensed}", "value": "0.5rem", "type": "dimension" }, "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 */" } } } }, "name": "stack-gap-normal", "attributes": {}, "path": ["stack", "gap", "normal"], "key": "{stack.gap.normal}", "value": "1rem", "type": "dimension" }, "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 */" } } } }, "name": "stack-gap-spacious", "attributes": {}, "path": ["stack", "gap", "spacious"], "key": "{stack.gap.spacious}", "value": "1.5rem", "type": "dimension" }, "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 */" } } } }, "name": "stack-padding-condensed", "attributes": {}, "path": ["stack", "padding", "condensed"], "key": "{stack.padding.condensed}", "value": "0.5rem", "type": "dimension" }, "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 */" } } } }, "name": "stack-padding-normal", "attributes": {}, "path": ["stack", "padding", "normal"], "key": "{stack.padding.normal}", "value": "1rem", "type": "dimension" }, "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 */" } } } }, "name": "stack-padding-spacious", "attributes": {}, "path": ["stack", "padding", "spacious"], "key": "{stack.padding.spacious}", "value": "1.5rem", "type": "dimension" } }