UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

422 lines (421 loc) • 15.1 kB
{ "auto.black": null, "auto.white": null, "auto.gray.0": null, "auto.gray.1": null, "auto.gray.2": null, "auto.gray.3": null, "auto.gray.4": null, "auto.gray.5": null, "auto.gray.6": null, "auto.gray.7": null, "auto.gray.8": null, "auto.gray.9": null, "auto.blue.0": null, "auto.blue.1": null, "auto.blue.2": null, "auto.blue.3": null, "auto.blue.4": null, "auto.blue.5": null, "auto.blue.6": null, "auto.blue.7": null, "auto.blue.8": null, "auto.blue.9": null, "auto.green.0": null, "auto.green.1": null, "auto.green.2": null, "auto.green.3": null, "auto.green.4": null, "auto.green.5": null, "auto.green.6": null, "auto.green.7": null, "auto.green.8": null, "auto.green.9": null, "auto.yellow.0": null, "auto.yellow.1": null, "auto.yellow.2": null, "auto.yellow.3": null, "auto.yellow.4": null, "auto.yellow.5": null, "auto.yellow.6": null, "auto.yellow.7": null, "auto.yellow.8": null, "auto.yellow.9": null, "auto.orange.0": null, "auto.orange.1": null, "auto.orange.2": null, "auto.orange.3": null, "auto.orange.4": null, "auto.orange.5": null, "auto.orange.6": null, "auto.orange.7": null, "auto.orange.8": null, "auto.orange.9": null, "auto.red.0": null, "auto.red.1": null, "auto.red.2": null, "auto.red.3": null, "auto.red.4": null, "auto.red.5": null, "auto.red.6": null, "auto.red.7": null, "auto.red.8": null, "auto.red.9": null, "auto.purple.0": null, "auto.purple.1": null, "auto.purple.2": null, "auto.purple.3": null, "auto.purple.4": null, "auto.purple.5": null, "auto.purple.6": null, "auto.purple.7": null, "auto.purple.8": null, "auto.purple.9": null, "auto.pink.0": null, "auto.pink.1": null, "auto.pink.2": null, "auto.pink.3": null, "auto.pink.4": null, "auto.pink.5": null, "auto.pink.6": null, "auto.pink.7": null, "auto.pink.8": null, "auto.pink.9": null, "text.primary": "fg.default", "text.secondary": "fg.muted", "text.tertiary": "fg.muted", "text.placeholder": "fg.subtle", "text.disabled": "fg.muted", "text.inverse": "fg.onEmphasis", "text.link": "accent.fg", "text.danger": "danger.fg", "text.success": "success.fg", "text.warning": "attention.fg", "text.white": null, "icon.primary": "fg.default", "icon.secondary": "fg.muted", "icon.tertiary": "fg.muted", "icon.info": "accent.fg", "icon.danger": "danger.fg", "icon.success": "success.fg", "icon.warning": "attention.fg", "border.primary": "border.default", "border.secondary": "border.muted", "border.tertiary": "border.default", "border.overlay": "border.default", "border.inverse": "fg.onEmphasis", "border.info": "accent.emphasis", "border.danger": "danger.emphasis", "border.success": "success.emphasis", "border.warning": "attention.emphasis", "bg.canvas": "canvas.default", "bg.canvasMobile": null, "bg.canvasInverse": "neutral.emphasis", "bg.canvasInset": "canvas.inset", "bg.primary": "canvas.default", "bg.secondary": "canvas.subtle", "bg.tertiary": "canvas.subtle", "bg.overlay": "canvas.overlay", "bg.backdrop": "primer.canvas.backdrop", "bg.info": "accent.subtle", "bg.infoInverse": "accent.emphasis", "bg.danger": "danger.subtle", "bg.dangerInverse": "danger.emphasis", "bg.success": "success.subtle", "bg.successInverse": "success.emphasis", "bg.warning": "attention.subtle", "bg.warningInverse": "attention.emphasis", "shadow.highlight": "primer.shadow.highlight", "shadow.inset": "primer.shadow.inset", "state.hover.primaryBg": "accent.emphasis", "state.hover.primaryBorder": "accent.emphasis", "state.hover.primaryText": "fg.onEmphasis", "state.hover.primaryIcon": "fg.onEmphasis", "state.hover.secondaryBg": "neutral.subtle", "state.hover.secondaryBorder": "neutral.subtle", "state.selected.primaryBg": "accent.emphasis", "state.selected.primaryBorder": "accent.emphasis", "state.selected.primaryText": "fg.onEmphasis", "state.selected.primaryIcon": "fg.onEmphasis", "state.focus.border": "accent.emphasis", "state.focus.shadow": "primer.shadow.focus", "fade.fg10": null, "fade.fg15": null, "fade.fg30": null, "fade.fg50": null, "fade.fg70": null, "fade.fg85": null, "fade.black10": null, "fade.black15": null, "fade.black30": null, "fade.black50": null, "fade.black70": null, "fade.black85": null, "fade.white10": null, "fade.white15": null, "fade.white30": null, "fade.white50": null, "fade.white70": null, "fade.white85": null, "alert.info.text": "fg.default", "alert.info.icon": "accent.fg", "alert.info.bg": "accent.subtle", "alert.info.border": "accent.muted", "alert.warn.text": "fg.default", "alert.warn.icon": "attention.fg", "alert.warn.bg": "attention.subtle", "alert.warn.border": "attention.muted", "alert.error.text": "fg.default", "alert.error.icon": "danger.fg", "alert.error.bg": "danger.subtle", "alert.error.border": "danger.muted", "alert.success.text": "fg.default", "alert.success.icon": "success.fg", "alert.success.bg": "success.subtle", "alert.success.border": "success.muted", "autocomplete.shadow": "shadow.medium", "autocomplete.rowBorder": "border.muted", "blankslate.icon": "fg.muted", "counter.text": "fg.default", "counter.bg": "neutral.muted", "counter.primary.text": "fg.onEmphasis", "counter.primary.bg": "neutral.emphasis", "counter.secondary.text": "fg.muted", "counter.secondary.bg": "neutral.subtle", "box.blueBorder": "accent.muted", "box.rowYellowBg": "attention.subtle", "box.rowBlueBg": "accent.subtle", "box.headerBlueBg": "accent.subtle", "box.headerBlueBorder": "accent.muted", "box.borderInfo": "accent.muted", "box.bgInfo": "accent.subtle", "box.borderWarning": "attention.muted", "box.bgWarning": "attention.subtle", "branchName.text": "fg.muted", "branchName.icon": "fg.muted", "branchName.bg": "accent.subtle", "branchName.link.text": "accent.fg", "branchName.link.icon": "accent.fg", "branchName.link.bg": "accent.subtle", "markdown.codeBg": "neutral.muted", "markdown.frameBorder": "border.default", "markdown.blockquoteBorder": "border.default", "markdown.tableBorder": "border.default", "markdown.tableTrBorder": "border.muted", "filterItem.barBg": "neutral.subtle", "hiddenTextExpander.bg": "neutral.muted", "hiddenTextExpander.bgHover": "accent.muted", "dragAndDrop.border": "border.default", "uploadEnabled.border": "border.default", "uploadEnabled.borderFocused": "accent.emphasis", "previewableCommentForm.border": "border.default", "verifiedBadge.text": "success.fg", "verifiedBadge.bg": "canvas.default", "verifiedBadge.border": "border.default", "socialCount.bg": "canvas.default", "tooltip.text": "fg.onEmphasis", "tooltip.bg": "neutral.emphasisPlus", "filesExplorerIcon": "accent.fg", "hlAuthorBg": "accent.subtle", "hlAuthorBorder": "accent.muted", "logoSubdued": "neutral.muted", "discussionBorder": "success.muted", "discussionBgSuccess": "success.emphasis", "actionsWorkflowTableStickyBg": "primer.canvas.sticky", "repoLanguageColorBorder": "primer.border.contrast", "codeSelectionBg": "accent.muted", "highlight.text": "fg.default", "highlight.bg": "attention.subtle", "blob.lineHighlightBg": "attention.subtle", "blob.lineHighlightBorder": "attention.muted", "topicTag.text": "accent.fg", "topicTag.bg": "accent.subtle", "topicTag.hoverBg": "accent.emphasis", "topicTag.activeBg": "accent.subtle", "footerInvertocat.octicon": "fg.subtle", "footerInvertocat.octiconHover": "fg.muted", "dropdown.shadow": "shadow.large", "label.border": "border.default", "label.primary.text": "fg.default", "label.primary.border": "neutral.emphasis", "label.secondary.text": "fg.muted", "label.secondary.border": "border.default", "label.info.text": "accent.fg", "label.info.border": "accent.emphasis", "label.success.text": "success.fg", "label.success.border": "success.emphasis", "label.warning.text": "attention.fg", "label.warning.border": "attention.emphasis", "label.danger.text": "danger.fg", "label.danger.border": "danger.emphasis", "label.orange.text": "severe.fg", "label.orange.border": "severe.emphasis", "input.bg": "canvas.default", "input.contrastBg": "canvas.inset", "input.border": "border.default", "input.shadow": "primer.shadow.inset", "input.disabledBorder": "border.default", "input.warningBorder": "attention.emphasis", "input.errorBorder": "danger.emphasis", "input.tooltip.success.text": "fg.default", "input.tooltip.success.bg": "success.subtle", "input.tooltip.success.border": "success.muted", "input.tooltip.warning.text": "fg.default", "input.tooltip.warning.bg": "attention.subtle", "input.tooltip.warning.border": "attention.muted", "input.tooltip.error.text": "fg.default", "input.tooltip.error.bg": "danger.subtle", "input.tooltip.error.border": "danger.muted", "toast.text": "fg.default", "toast.bg": "canvas.default", "toast.border": "border.default", "toast.shadow": "shadow.large", "toast.icon": "fg.onEmphasis", "toast.iconBg": "accent.emphasis", "toast.iconBorder": null, "toast.success.text": "fg.default", "toast.success.border": "border.default", "toast.success.icon": "fg.onEmphasis", "toast.success.iconBg": "success.emphasis", "toast.success.iconBorder": null, "toast.warning.text": "fg.default", "toast.warning.border": "border.default", "toast.warning.icon": "fg.default", "toast.warning.iconBg": "attention.emphasis", "toast.warning.iconBorder": null, "toast.danger.text": "fg.default", "toast.danger.border": "border.default", "toast.danger.icon": "fg.onEmphasis", "toast.danger.iconBg": "danger.emphasis", "toast.danger.iconBorder": null, "toast.loading.text": "fg.default", "toast.loading.border": "border.default", "toast.loading.icon": "fg.onEmphasis", "toast.loading.iconBg": "neutral.emphasis", "toast.loading.iconBorder": null, "timeline.text": "fg.muted", "timeline.badgeSuccessBorder": null, "timeline.targetBadgeBorder": "accent.emphasis", "timeline.targetBadgeShadow": "accent.muted", "diffstat.neutralBg": "neutral.muted", "diffstat.neutralBorder": "border.subtle", "diffstat.deletionBg": "danger.emphasis", "diff.addition.text": "fg.default", "diff.addition.bg": "success.subtle", "diff.addition.border": "success.muted", "diff.deletion.text": "fg.default", "diff.deletion.bg": "danger.subtle", "diff.deletion.border": "danger.muted", "diff.change.text": "attention.fg", "diff.change.bg": "attention.subtle", "diff.change.border": "attention.muted", "mergeBox.successIconBg": "success.emphasis", "mergeBox.successIconText": "fg.onEmphasis", "mergeBox.successIconBorder": null, "mergeBox.successIndicatorBg": "success.emphasis", "mergeBox.successIndicatorBorder": null, "mergeBox.mergedIconBg": "done.emphasis", "mergeBox.mergedIconText": "fg.onEmphasis", "mergeBox.mergedIconBorder": null, "mergeBox.mergedBoxBorder": "done.emphasis", "mergeBox.neutralIconBg": "neutral.emphasis", "mergeBox.neutralIconText": "fg.onEmphasis", "mergeBox.neutralIconBorder": null, "mergeBox.neutralIndicatorBg": "neutral.emphasis", "mergeBox.neutralIndicatorBorder": null, "mergeBox.warningIconBg": "attention.emphasis", "mergeBox.warningIconText": "fg.onEmphasis", "mergeBox.warningIconBorder": null, "mergeBox.warningBoxBorder": "attention.emphasis", "mergeBox.warningMergeHighlight": null, "mergeBox.errorIconBg": "danger.emphasis", "mergeBox.errorIconText": "fg.onEmphasis", "mergeBox.errorIconBorder": null, "mergeBox.errorIndicatorBg": "danger.emphasis", "mergeBox.errorIndicatorBorder": null, "underlinenav.border": null, "underlinenav.borderActive": "primer.border.active", "underlinenav.text": "fg.default", "underlinenav.textHover": "fg.default", "underlinenav.textActive": "fg.default", "underlinenav.iconHover": "fg.subtle", "underlinenav.iconActive": "fg.default", "underlinenav.counterText": "fg.default", "underlinenav.counterBg": "neutral.muted", "selectMenu.borderSecondary": "border.muted", "selectMenu.shadow": "shadow.large", "selectMenu.backdropBg": "primer.canvas.backdrop", "sidenav.borderActive": "primer.border.active", "menu.headingText": "fg.default", "menu.borderActive": "primer.border.active", "project.cardBg": "canvas.overlay", "prState.draft.text": "fg.onEmphasis", "prState.draft.bg": "neutral.emphasis", "prState.draft.border": null, "prState.open.text": "fg.onEmphasis", "prState.open.bg": "success.emphasis", "prState.open.border": null, "prState.merged.text": "fg.onEmphasis", "prState.merged.bg": "done.emphasis", "prState.merged.border": null, "prState.closed.text": "fg.onEmphasis", "prState.closed.bg": "danger.emphasis", "prState.closed.border": null, "diffBlob.numText": "fg.subtle", "diffBlob.numHoverText": "fg.default", "diffBlob.addition.numHoverText": "fg.default", "diffBlob.deletion.numHoverText": "fg.default", "diffBlob.hunk.text": "fg.muted", "diffBlob.hunk.lineBg": "accent.subtle", "diffBlob.emptyBlockBg": "neutral.subtle", "diffBlob.selectedLineHighlightBg": "attention.subtle", "diffBlob.selectedLineHighlightBorder": "attention.muted", "diffBlob.expander.hoverIcon": "fg.onEmphasis", "diffBlob.expander.hoverBg": "accent.emphasis", "diffBlob.commentButton.icon": "fg.onEmphasis", "diffBlob.commentButton.bg": "accent.emphasis", "diffBlob.commentButton.gradientBg": null, "globalNav.logo": null, "globalNav.bg": null, "globalNav.text": null, "globalNav.icon": null, "globalNav.inputBg": null, "globalNav.inputBorder": null, "globalNav.inputIcon": null, "globalNav.inputPlaceholder": null, "introShelf.gradientLeft": "accent.subtle", "introShelf.gradientRight": "success.subtle", "introShelf.gradientIn": "canvas.default", "introShelf.gradientOut": null, "mktg.success": null, "mktg.info": null, "mktg.bgShadeGradient.top": null, "mktg.bgShadeGradient.bottom": null, "mktg.btn.bg.top": null, "mktg.btn.bg.bottom": null, "mktg.btn.bgOverlay.top": null, "mktg.btn.bgOverlay.bottom": null, "mktg.btn.text": null, "mktg.btn.primary.bg.top": null, "mktg.btn.primary.bg.bottom": null, "mktg.btn.primary.bgOverlay.top": null, "mktg.btn.primary.bgOverlay.bottom": null, "mktg.btn.primary.text": null, "mktg.btn.enterprise.bg.top": null, "mktg.btn.enterprise.bg.bottom": null, "mktg.btn.enterprise.bgOverlay.top": null, "mktg.btn.enterprise.bgOverlay.bottom": null, "mktg.btn.enterprise.text": null, "mktg.btn.outline.text": null, "mktg.btn.outline.border": null, "mktg.btn.outline.hover.text": null, "mktg.btn.outline.hover.border": null, "mktg.btn.outline.focus.border": null, "mktg.btn.outline.focus.borderInset": null, "mktg.btn.dark.text": null, "mktg.btn.dark.border": null, "mktg.btn.dark.hover.text": null, "mktg.btn.dark.hover.border": null, "mktg.btn.dark.focus.border": null, "mktg.btn.dark.focus.borderInset": null }