UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

2,139 lines • 51.8 kB
{ "tokens/base/size/size.json": [ { "value": "0.25rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "4px" }, "name": "base-size-4", "attributes": {}, "path": [ "base", "size", "4" ] }, { "value": "0.5rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "8px" }, "name": "base-size-8", "attributes": {}, "path": [ "base", "size", "8" ] }, { "value": "0.75rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "12px" }, "name": "base-size-12", "attributes": {}, "path": [ "base", "size", "12" ] }, { "value": "1rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "16px" }, "name": "base-size-16", "attributes": {}, "path": [ "base", "size", "16" ] }, { "value": "1.25rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "20px" }, "name": "base-size-20", "attributes": {}, "path": [ "base", "size", "20" ] }, { "value": "1.5rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "24px" }, "name": "base-size-24", "attributes": {}, "path": [ "base", "size", "24" ] }, { "value": "1.75rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "28px" }, "name": "base-size-28", "attributes": {}, "path": [ "base", "size", "28" ] }, { "value": "2rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "32px" }, "name": "base-size-32", "attributes": {}, "path": [ "base", "size", "32" ] }, { "value": "2.25rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "36px" }, "name": "base-size-36", "attributes": {}, "path": [ "base", "size", "36" ] }, { "value": "2.5rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "40px" }, "name": "base-size-40", "attributes": {}, "path": [ "base", "size", "40" ] }, { "value": "2.75rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "44px" }, "name": "base-size-44", "attributes": {}, "path": [ "base", "size", "44" ] }, { "value": "3rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "48px" }, "name": "base-size-48", "attributes": {}, "path": [ "base", "size", "48" ] }, { "value": "4rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "64px" }, "name": "base-size-64", "attributes": {}, "path": [ "base", "size", "64" ] }, { "value": "5rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "80px" }, "name": "base-size-80", "attributes": {}, "path": [ "base", "size", "80" ] }, { "value": "6rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "96px" }, "name": "base-size-96", "attributes": {}, "path": [ "base", "size", "96" ] }, { "value": "7rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "112px" }, "name": "base-size-112", "attributes": {}, "path": [ "base", "size", "112" ] }, { "value": "8rem", "filePath": "tokens/base/size/size.json", "isSource": true, "original": { "value": "128px" }, "name": "base-size-128", "attributes": {}, "path": [ "base", "size", "128" ] } ], "tokens/base/typography/typography.json": [ { "value": "300", "filePath": "tokens/base/typography/typography.json", "isSource": true, "original": { "value": "300" }, "name": "base-text-weight-light", "attributes": {}, "path": [ "base", "text", "weight", "light" ] }, { "value": "400", "filePath": "tokens/base/typography/typography.json", "isSource": true, "original": { "value": "400" }, "name": "base-text-weight-normal", "attributes": {}, "path": [ "base", "text", "weight", "normal" ] }, { "value": "500", "filePath": "tokens/base/typography/typography.json", "isSource": true, "original": { "value": "500" }, "name": "base-text-weight-medium", "attributes": {}, "path": [ "base", "text", "weight", "medium" ] }, { "value": "600", "filePath": "tokens/base/typography/typography.json", "isSource": true, "original": { "value": "600" }, "name": "base-text-weight-semibold", "attributes": {}, "path": [ "base", "text", "weight", "semibold" ] } ], "tokens/functional/size/border.json": [ { "value": "inset 0 0 0 max(1px, 0.0625rem)", "filePath": "tokens/functional/size/border.json", "isSource": true, "original": { "value": "inset 0 0 0 {primer.borderWidth.thin}" }, "name": "primer-borderInset-thin", "attributes": {}, "path": [ "primer", "borderInset", "thin" ] }, { "value": "inset 0 0 0 max(2px, 0.125rem)", "filePath": "tokens/functional/size/border.json", "isSource": true, "original": { "value": "inset 0 0 0 {primer.borderWidth.normal}" }, "name": "primer-borderInset-normal", "attributes": {}, "path": [ "primer", "borderInset", "normal" ] }, { "value": "inset 0 0 0 max(4px, 0.25rem)", "filePath": "tokens/functional/size/border.json", "isSource": true, "original": { "value": "inset 0 0 0 {primer.borderWidth.thick}" }, "name": "primer-borderInset-thick", "attributes": {}, "path": [ "primer", "borderInset", "thick" ] }, { "value": "max(1px, 0.0625rem)", "filePath": "tokens/functional/size/border.json", "isSource": true, "original": { "value": "max(1px, 0.0625rem)" }, "name": "primer-borderWidth-thin", "attributes": {}, "path": [ "primer", "borderWidth", "thin" ] }, { "value": "max(2px, 0.125rem)", "filePath": "tokens/functional/size/border.json", "isSource": true, "original": { "value": "max(2px, 0.125rem)" }, "name": "primer-borderWidth-normal", "attributes": {}, "path": [ "primer", "borderWidth", "normal" ] }, { "value": "max(4px, 0.25rem)", "filePath": "tokens/functional/size/border.json", "isSource": true, "original": { "value": "max(4px, 0.25rem)" }, "name": "primer-borderWidth-thick", "attributes": {}, "path": [ "primer", "borderWidth", "thick" ] }, { "value": "0.1875rem", "filePath": "tokens/functional/size/border.json", "isSource": true, "original": { "value": "3px" }, "name": "primer-borderRadius-small", "attributes": {}, "path": [ "primer", "borderRadius", "small" ] }, { "value": "0.375rem", "filePath": "tokens/functional/size/border.json", "isSource": true, "original": { "value": "6px" }, "name": "primer-borderRadius-medium", "attributes": {}, "path": [ "primer", "borderRadius", "medium" ] }, { "value": "0.75rem", "filePath": "tokens/functional/size/border.json", "isSource": true, "original": { "value": "12px" }, "name": "primer-borderRadius-large", "attributes": {}, "path": [ "primer", "borderRadius", "large" ] }, { "value": "100vh", "filePath": "tokens/functional/size/border.json", "isSource": true, "original": { "value": "100vh" }, "name": "primer-borderRadius-full", "attributes": {}, "path": [ "primer", "borderRadius", "full" ] } ], "tokens/functional/size/breakpoints.json": [ { "value": "20rem", "filePath": "tokens/functional/size/breakpoints.json", "isSource": true, "original": { "value": "320px" }, "name": "primer-breakpoint-xsmall", "attributes": {}, "path": [ "primer", "breakpoint", "xsmall" ] }, { "value": "34rem", "filePath": "tokens/functional/size/breakpoints.json", "isSource": true, "original": { "value": "544px" }, "name": "primer-breakpoint-small", "attributes": {}, "path": [ "primer", "breakpoint", "small" ] }, { "value": "48rem", "filePath": "tokens/functional/size/breakpoints.json", "isSource": true, "original": { "value": "768px" }, "name": "primer-breakpoint-medium", "attributes": {}, "path": [ "primer", "breakpoint", "medium" ] }, { "value": "63.25rem", "filePath": "tokens/functional/size/breakpoints.json", "isSource": true, "original": { "value": "1012px" }, "name": "primer-breakpoint-large", "attributes": {}, "path": [ "primer", "breakpoint", "large" ] }, { "value": "80rem", "filePath": "tokens/functional/size/breakpoints.json", "isSource": true, "original": { "value": "1280px" }, "name": "primer-breakpoint-xlarge", "attributes": {}, "path": [ "primer", "breakpoint", "xlarge" ] }, { "value": "90rem", "filePath": "tokens/functional/size/breakpoints.json", "isSource": true, "original": { "value": "1440px" }, "name": "primer-breakpoint-xxlarge", "attributes": {}, "path": [ "primer", "breakpoint", "xxlarge" ] } ], "tokens/functional/size/size-fine.json": [ { "value": "1rem", "filePath": "tokens/functional/size/size-fine.json", "isSource": true, "original": { "value": "{base.size.16}" }, "name": "primer-control-minTarget-auto", "attributes": {}, "path": [ "primer", "control", "minTarget", "auto" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size-fine.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-controlStack-small-gap-auto", "attributes": {}, "path": [ "primer", "controlStack", "small", "gap", "auto" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size-fine.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-controlStack-medium-gap-auto", "attributes": {}, "path": [ "primer", "controlStack", "medium", "gap", "auto" ] } ], "tokens/functional/size/size.json": [ { "value": "1rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.16}" }, "name": "primer-control-minTarget-fine", "attributes": {}, "path": [ "primer", "control", "minTarget", "fine" ] }, { "value": "2.75rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.44}" }, "name": "primer-control-minTarget-coarse", "attributes": {}, "path": [ "primer", "control", "minTarget", "coarse" ] }, { "value": "1.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.24}" }, "name": "primer-control-xsmall-size", "attributes": {}, "path": [ "primer", "control", "xsmall", "size" ] }, { "value": "1.25rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.20}" }, "name": "primer-control-xsmall-lineBoxHeight", "attributes": {}, "path": [ "primer", "control", "xsmall", "lineBoxHeight" ] }, { "value": "calc((1.5rem - 1.25rem) / 2)", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "calc(({primer.control.xsmall.size} - {primer.control.xsmall.lineBoxHeight}) / 2)" }, "name": "primer-control-xsmall-paddingBlock", "attributes": {}, "path": [ "primer", "control", "xsmall", "paddingBlock" ] }, { "value": "0.25rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.4}" }, "name": "primer-control-xsmall-paddingInline-condensed", "attributes": {}, "path": [ "primer", "control", "xsmall", "paddingInline", "condensed" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-control-xsmall-paddingInline-normal", "attributes": {}, "path": [ "primer", "control", "xsmall", "paddingInline", "normal" ] }, { "value": "0.75rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.12}" }, "name": "primer-control-xsmall-paddingInline-spacious", "attributes": {}, "path": [ "primer", "control", "xsmall", "paddingInline", "spacious" ] }, { "value": "0.25rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.4}" }, "name": "primer-control-xsmall-gap", "attributes": {}, "path": [ "primer", "control", "xsmall", "gap" ] }, { "value": "1.75rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.28}" }, "name": "primer-control-small-size", "attributes": {}, "path": [ "primer", "control", "small", "size" ] }, { "value": "1.25rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.20}" }, "name": "primer-control-small-lineBoxHeight", "attributes": {}, "path": [ "primer", "control", "small", "lineBoxHeight" ] }, { "value": "calc((1.75rem - 1.25rem) / 2)", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "calc(({primer.control.small.size} - {primer.control.small.lineBoxHeight}) / 2)" }, "name": "primer-control-small-paddingBlock", "attributes": {}, "path": [ "primer", "control", "small", "paddingBlock" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-control-small-paddingInline-condensed", "attributes": {}, "path": [ "primer", "control", "small", "paddingInline", "condensed" ] }, { "value": "0.75rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.12}" }, "name": "primer-control-small-paddingInline-normal", "attributes": {}, "path": [ "primer", "control", "small", "paddingInline", "normal" ] }, { "value": "0.25rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.4}" }, "name": "primer-control-small-gap", "attributes": {}, "path": [ "primer", "control", "small", "gap" ] }, { "value": "2rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.32}" }, "name": "primer-control-medium-size", "attributes": {}, "path": [ "primer", "control", "medium", "size" ] }, { "value": "1.25rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.20}" }, "name": "primer-control-medium-lineBoxHeight", "attributes": {}, "path": [ "primer", "control", "medium", "lineBoxHeight" ] }, { "value": "calc((2rem - 1.25rem) / 2)", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "calc(({primer.control.medium.size} - {primer.control.medium.lineBoxHeight}) / 2)" }, "name": "primer-control-medium-paddingBlock", "attributes": {}, "path": [ "primer", "control", "medium", "paddingBlock" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-control-medium-paddingInline-condensed", "attributes": {}, "path": [ "primer", "control", "medium", "paddingInline", "condensed" ] }, { "value": "0.75rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.12}" }, "name": "primer-control-medium-paddingInline-normal", "attributes": {}, "path": [ "primer", "control", "medium", "paddingInline", "normal" ] }, { "value": "1rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.16}" }, "name": "primer-control-medium-paddingInline-spacious", "attributes": {}, "path": [ "primer", "control", "medium", "paddingInline", "spacious" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-control-medium-gap", "attributes": {}, "path": [ "primer", "control", "medium", "gap" ] }, { "value": "2.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.40}" }, "name": "primer-control-large-size", "attributes": {}, "path": [ "primer", "control", "large", "size" ] }, { "value": "1.25rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.20}" }, "name": "primer-control-large-lineBoxHeight", "attributes": {}, "path": [ "primer", "control", "large", "lineBoxHeight" ] }, { "value": "calc((2.5rem - 1.25rem) / 2)", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "calc(({primer.control.large.size} - {primer.control.large.lineBoxHeight}) / 2)" }, "name": "primer-control-large-paddingBlock", "attributes": {}, "path": [ "primer", "control", "large", "paddingBlock" ] }, { "value": "0.75rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.12}" }, "name": "primer-control-large-paddingInline-normal", "attributes": {}, "path": [ "primer", "control", "large", "paddingInline", "normal" ] }, { "value": "1rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.16}" }, "name": "primer-control-large-paddingInline-spacious", "attributes": {}, "path": [ "primer", "control", "large", "paddingInline", "spacious" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-control-large-gap", "attributes": {}, "path": [ "primer", "control", "large", "gap" ] }, { "value": "3rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.48}" }, "name": "primer-control-xlarge-size", "attributes": {}, "path": [ "primer", "control", "xlarge", "size" ] }, { "value": "1.25rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.20}" }, "name": "primer-control-xlarge-lineBoxHeight", "attributes": {}, "path": [ "primer", "control", "xlarge", "lineBoxHeight" ] }, { "value": "calc((3rem - 1.25rem) / 2)", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "calc(({primer.control.xlarge.size} - {primer.control.xlarge.lineBoxHeight}) / 2)" }, "name": "primer-control-xlarge-paddingBlock", "attributes": {}, "path": [ "primer", "control", "xlarge", "paddingBlock" ] }, { "value": "0.75rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.12}" }, "name": "primer-control-xlarge-paddingInline-normal", "attributes": {}, "path": [ "primer", "control", "xlarge", "paddingInline", "normal" ] }, { "value": "1rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.16}" }, "name": "primer-control-xlarge-paddingInline-spacious", "attributes": {}, "path": [ "primer", "control", "xlarge", "paddingInline", "spacious" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-control-xlarge-gap", "attributes": {}, "path": [ "primer", "control", "xlarge", "gap" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-controlStack-small-gap-condensed", "attributes": {}, "path": [ "primer", "controlStack", "small", "gap", "condensed" ] }, { "value": "1rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.16}" }, "name": "primer-controlStack-small-gap-spacious", "attributes": {}, "path": [ "primer", "controlStack", "small", "gap", "spacious" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-controlStack-medium-gap-condensed", "attributes": {}, "path": [ "primer", "controlStack", "medium", "gap", "condensed" ] }, { "value": "0.75rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.12}" }, "name": "primer-controlStack-medium-gap-spacious", "attributes": {}, "path": [ "primer", "controlStack", "medium", "gap", "spacious" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-controlStack-large-gap-auto", "attributes": {}, "path": [ "primer", "controlStack", "large", "gap", "auto" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-controlStack-large-gap-condensed", "attributes": {}, "path": [ "primer", "controlStack", "large", "gap", "condensed" ] }, { "value": "0.75rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.12}" }, "name": "primer-controlStack-large-gap-spacious", "attributes": {}, "path": [ "primer", "controlStack", "large", "gap", "spacious" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-stack-padding-condensed", "attributes": {}, "path": [ "primer", "stack", "padding", "condensed" ] }, { "value": "1rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.16}" }, "name": "primer-stack-padding-normal", "attributes": {}, "path": [ "primer", "stack", "padding", "normal" ] }, { "value": "1.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.24}" }, "name": "primer-stack-padding-spacious", "attributes": {}, "path": [ "primer", "stack", "padding", "spacious" ] }, { "value": "0.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.8}" }, "name": "primer-stack-gap-condensed", "attributes": {}, "path": [ "primer", "stack", "gap", "condensed" ] }, { "value": "1rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.16}" }, "name": "primer-stack-gap-normal", "attributes": {}, "path": [ "primer", "stack", "gap", "normal" ] }, { "value": "1.5rem", "filePath": "tokens/functional/size/size.json", "isSource": true, "original": { "value": "{base.size.24}" }, "name": "primer-stack-gap-spacious", "attributes": {}, "path": [ "primer", "stack", "gap", "spacious" ] } ], "tokens/functional/size/viewport.json": [ { "value": "(max-width: calc(48rem - 0.02px))", "filePath": "tokens/functional/size/viewport.json", "isSource": true, "original": { "value": "(max-width: calc({primer.breakpoint.medium} - 0.02px))" }, "name": "primer-viewportRange-narrow", "attributes": {}, "path": [ "primer", "viewportRange", "narrow" ] }, { "value": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))", "filePath": "tokens/functional/size/viewport.json", "isSource": true, "original": { "value": "(max-width: calc({primer.breakpoint.large} - 0.02px) and (max-height: calc({primer.breakpoint.small} - 0.02px)) and (orientation: landscape))" }, "name": "primer-viewportRange-narrowLandscape", "attributes": {}, "path": [ "primer", "viewportRange", "narrowLandscape" ] }, { "value": "(min-width: 48rem)", "filePath": "tokens/functional/size/viewport.json", "isSource": true, "original": { "value": "(min-width: {primer.breakpoint.medium})" }, "name": "primer-viewportRange-regular", "attributes": {}, "path": [ "primer", "viewportRange", "regular" ] }, { "value": "(min-width: 90rem)", "filePath": "tokens/functional/size/viewport.json", "isSource": true, "original": { "value": "(min-width: {primer.breakpoint.xxlarge})" }, "name": "primer-viewportRange-wide", "attributes": {}, "path": [ "primer", "viewportRange", "wide" ] }, { "value": "(orientation: portrait)", "filePath": "tokens/functional/size/viewport.json", "isSource": true, "original": { "value": "(orientation: portrait)" }, "name": "primer-viewportRange-portrait", "attributes": {}, "path": [ "primer", "viewportRange", "portrait" ] }, { "value": "(orientation: landscape)", "filePath": "tokens/functional/size/viewport.json", "isSource": true, "original": { "value": "(orientation: landscape)" }, "name": "primer-viewportRange-landscape", "attributes": {}, "path": [ "primer", "viewportRange", "landscape" ] } ], "tokens/functional/typography/typography.json": [ { "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'" }, "name": "primer-fontStack-system", "attributes": {}, "path": [ "primer", "fontStack", "system" ] }, { "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'" }, "name": "primer-fontStack-sansSerif", "attributes": {}, "path": [ "primer", "fontStack", "sansSerif" ] }, { "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace" }, "name": "primer-fontStack-monospace", "attributes": {}, "path": [ "primer", "fontStack", "monospace" ] }, { "value": "3.5rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "56px" }, "name": "primer-text-display-lineBoxHeight", "attributes": {}, "path": [ "primer", "text", "display", "lineBoxHeight" ] }, { "value": "2.5rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "40px" }, "name": "primer-text-display-size", "attributes": {}, "path": [ "primer", "text", "display", "size" ] }, { "value": "3.5rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "56px" }, "name": "primer-text-display-lineHeight", "attributes": {}, "path": [ "primer", "text", "display", "lineHeight" ] }, { "value": "500", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.medium}" }, "name": "primer-text-display-weight", "attributes": {}, "path": [ "primer", "text", "display", "weight" ] }, { "value": "500 2.5rem/3.5rem -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "typography", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": { "fontWeight": "{primer.text.display.weight}", "fontSize": "{primer.text.display.size}", "lineHeight": "{primer.text.display.lineHeight}", "fontFamily": "{primer.fontStack.sansSerif}" }, "type": "typography" }, "name": "primer-text-display-shorthand", "attributes": {}, "path": [ "primer", "text", "display", "shorthand" ] }, { "value": "2rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "32px" }, "name": "primer-text-title-size-large", "attributes": {}, "path": [ "primer", "text", "title", "size", "large" ] }, { "value": "1.25rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "20px" }, "name": "primer-text-title-size-medium", "attributes": {}, "path": [ "primer", "text", "title", "size", "medium" ] }, { "value": "3rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "48px" }, "name": "primer-text-title-lineHeight-large", "attributes": {}, "path": [ "primer", "text", "title", "lineHeight", "large" ] }, { "value": "2rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "32px" }, "name": "primer-text-title-lineHeight-medium", "attributes": {}, "path": [ "primer", "text", "title", "lineHeight", "medium" ] }, { "value": "600", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.semibold}" }, "name": "primer-text-title-weight", "attributes": {}, "path": [ "primer", "text", "title", "weight" ] }, { "value": "600 2rem/3rem -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "typography", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": { "fontWeight": "{primer.text.title.weight}", "fontSize": "{primer.text.title.size.large}", "lineHeight": "{primer.text.title.lineHeight.large}", "fontFamily": "{primer.fontStack.sansSerif}" }, "type": "typography" }, "name": "primer-text-title-shorthand-large", "attributes": {}, "path": [ "primer", "text", "title", "shorthand", "large" ] }, { "value": "600 1.25rem/2rem -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "typography", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": { "fontWeight": "{primer.text.title.weight}", "fontSize": "{primer.text.title.size.medium}", "lineHeight": "{primer.text.title.lineHeight.medium}", "fontFamily": "{primer.fontStack.sansSerif}" }, "type": "typography" }, "name": "primer-text-title-shorthand-medium", "attributes": {}, "path": [ "primer", "text", "title", "shorthand", "medium" ] }, { "value": "1.25rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "20px" }, "name": "primer-text-subtitle-size", "attributes": {}, "path": [ "primer", "text", "subtitle", "size" ] }, { "value": "2rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "32px" }, "name": "primer-text-subtitle-lineHeight", "attributes": {}, "path": [ "primer", "text", "subtitle", "lineHeight" ] }, { "value": "400", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.normal}" }, "name": "primer-text-subtitle-weight", "attributes": {}, "path": [ "primer", "text", "subtitle", "weight" ] }, { "value": "400 1.25rem/2rem -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "typography", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": { "fontWeight": "{primer.text.subtitle.weight}", "fontSize": "{primer.text.subtitle.size}", "lineHeight": "{primer.text.subtitle.lineHeight}", "fontFamily": "{primer.fontStack.sansSerif}" }, "type": "typography" }, "name": "primer-text-subtitle-shorthand", "attributes": {}, "path": [ "primer", "text", "subtitle", "shorthand" ] }, { "value": "1rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "16px" }, "name": "primer-text-body-size-large", "attributes": {}, "path": [ "primer", "text", "body", "size", "large" ] }, { "value": "0.875rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "14px" }, "name": "primer-text-body-size-medium", "attributes": {}, "path": [ "primer", "text", "body", "size", "medium" ] }, { "value": "0.75rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "12px" }, "name": "primer-text-body-size-small", "attributes": {}, "path": [ "primer", "text", "body", "size", "small" ] }, { "value": "1.5rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "24px" }, "name": "primer-text-body-lineHeight-large", "attributes": {}, "path": [ "primer", "text", "body", "lineHeight", "large" ] }, { "value": "1.25rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "20px" }, "name": "primer-text-body-lineHeight-medium", "attributes": {}, "path": [ "primer", "text", "body", "lineHeight", "medium" ] }, { "value": "1.25rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "20px" }, "name": "primer-text-body-lineHeight-small", "attributes": {}, "path": [ "primer", "text", "body", "lineHeight", "small" ] }, { "value": "400", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.normal}" }, "name": "primer-text-body-weight", "attributes": {}, "path": [ "primer", "text", "body", "weight" ] }, { "value": "400 1rem/1.5rem -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "typography", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": { "fontWeight": "{primer.text.body.weight}", "fontSize": "{primer.text.body.size.large}", "lineHeight": "{primer.text.body.lineHeight.large}", "fontFamily": "{primer.fontStack.sansSerif}" }, "type": "typography" }, "name": "primer-text-body-shorthand-large", "attributes": {}, "path": [ "primer", "text", "body", "shorthand", "large" ] }, { "value": "400 0.875rem/1.25rem -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "typography", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": { "fontWeight": "{primer.text.body.weight}", "fontSize": "{primer.text.body.size.medium}", "lineHeight": "{primer.text.body.lineHeight.medium}", "fontFamily": "{primer.fontStack.sansSerif}" }, "type": "typography" }, "name": "primer-text-body-shorthand-medium", "attributes": {}, "path": [ "primer", "text", "body", "shorthand", "medium" ] }, { "value": "400 0.75rem/1.25rem -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "typography", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": { "fontWeight": "{primer.text.body.weight}", "fontSize": "{primer.text.body.size.small}", "lineHeight": "{primer.text.body.lineHeight.small}", "fontFamily": "{primer.fontStack.sansSerif}" }, "type": "typography" }, "name": "primer-text-body-shorthand-small", "attributes": {}, "path": [ "primer", "text", "body", "shorthand", "small" ] }, { "value": "0.75rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "12px" }, "name": "primer-text-caption-size", "attributes": {}, "path": [ "primer", "text", "caption", "size" ] }, { "value": "1rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "16px" }, "name": "primer-text-caption-lineHeight", "attributes": {}, "path": [ "primer", "text", "caption", "lineHeight" ] }, { "value": "400", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.normal}" }, "name": "primer-text-caption-weight", "attributes": {}, "path": [ "primer", "text", "caption", "weight" ] }, { "value": "400 0.75rem/1rem -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "type": "typography", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": { "fontWeight": "{primer.text.caption.weight}", "fontSize": "{primer.text.caption.size}", "lineHeight": "{primer.text.caption.lineHeight}", "fontFamily": "{primer.fontStack.sansSerif}" }, "type": "typography" }, "name": "primer-text-caption-shorthand", "attributes": {}, "path": [ "primer", "text", "caption", "shorthand" ] }, { "value": "0.8125rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "13px" }, "name": "primer-text-codeBlock-size", "attributes": {}, "path": [ "primer", "text", "codeBlock", "size" ] }, { "value": "1.25rem", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "20px" }, "name": "primer-text-codeBlock-lineHeight", "attributes": {}, "path": [ "primer", "text", "codeBlock", "lineHeight" ] }, { "value": "400", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.normal}" }, "name": "primer-text-codeBlock-weight", "attributes": {}, "path": [ "primer", "text", "codeBlock", "weight" ] }, { "value": "400 0.8125rem/1.25rem ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace", "type": "typography", "filePath": "tokens/functional/typography/typography.json", "isSource": true, "original": { "value": { "fontWeight": "{primer.text.codeBlock.weight}", "fontSize": "{primer.text.codeBlock.size}"