@primer/primitives 7.17.0-rc.34cd1021 → 7.17.0-rc.39874fc0

package/tokens/removed/color.json

@@ -0,0 +1,421 @@
+{
+  "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
+}

package/tokens-v2-private/css/tokens/base/size/size.css

@@ -0,0 +1,24 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 GMT
+ */
+
+:root {
+  --base-size-128: 8rem;
+  --base-size-112: 7rem;
+  --base-size-96: 6rem;
+  --base-size-80: 5rem;
+  --base-size-64: 4rem;
+  --base-size-48: 3rem;
+  --base-size-44: 2.75rem;
+  --base-size-40: 2.5rem;
+  --base-size-36: 2.25rem;
+  --base-size-32: 2rem;
+  --base-size-28: 1.75rem;
+  --base-size-24: 1.5rem;
+  --base-size-20: 1.25rem;
+  --base-size-16: 1rem;
+  --base-size-12: 0.75rem;
+  --base-size-8: 0.5rem;
+  --base-size-4: 0.25rem;
+}

package/tokens-v2-private/css/tokens/base/typography/typography.css

@@ -0,0 +1,11 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 GMT
+ */
+
+:root {
+  --base-text-weight-semibold: 600;
+  --base-text-weight-medium: 500;
+  --base-text-weight-normal: 400;
+  --base-text-weight-light: 300;
+}

package/tokens-v2-private/css/tokens/functional/size/border.css

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 GMT
+ */
+
+:root {
+  --primer-borderRadius-full: 100vh;
+  --primer-borderRadius-large: 0.75rem;
+  --primer-borderRadius-medium: 0.375rem;
+  --primer-borderRadius-small: 0.1875rem;
+  --primer-borderWidth-thicker: max(4px, 0.25rem);
+  --primer-borderWidth-thick: max(2px, 0.125rem);
+  --primer-borderWidth-thin: max(1px, 0.0625rem);
+  --primer-borderInset-thicker: inset 0 0 0 var(--primer-borderWidth-thicker);
+  --primer-borderInset-thick: inset 0 0 0 var(--primer-borderWidth-thick);
+  --primer-borderInset-thin: inset 0 0 0 var(--primer-borderWidth-thin);
+}

package/tokens-v2-private/css/tokens/functional/size/breakpoints.css

@@ -0,0 +1,13 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 GMT
+ */
+
+:root {
+  --primer-breakpoint-xxlarge: 90rem;
+  --primer-breakpoint-xlarge: 80rem;
+  --primer-breakpoint-large: 63.25rem;
+  --primer-breakpoint-medium: 48rem;
+  --primer-breakpoint-small: 34rem;
+  --primer-breakpoint-xsmall: 20rem;
+}

package/tokens-v2-private/css/tokens/functional/size/size-coarse.css

@@ -0,0 +1,11 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 GMT
+ */
+
+
+    @media (pointer: coarse) { :root {
+  --primer-controlStack-medium-gap-auto: var(--base-size-12);
+  --primer-controlStack-small-gap-auto: var(--base-size-16);
+  --primer-control-minTarget-auto: var(--base-size-44);
+}}

package/tokens-v2-private/css/tokens/functional/size/size-fine.css

@@ -0,0 +1,11 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 GMT
+ */
+
+
+    @media (pointer: fine) { :root {
+  --primer-controlStack-medium-gap-auto: var(--base-size-8);
+  --primer-controlStack-small-gap-auto: var(--base-size-8);
+  --primer-control-minTarget-auto: var(--base-size-16);
+}}

package/tokens-v2-private/css/tokens/functional/size/size.css

@@ -0,0 +1,54 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 GMT
+ */
+
+:root {
+  --primer-controlStack-large-gap-spacious: var(--base-size-12);
+  --primer-controlStack-large-gap-condensed: var(--base-size-8);
+  --primer-controlStack-large-gap-auto: var(--base-size-8);
+  --primer-controlStack-medium-gap-spacious: var(--base-size-12);
+  --primer-controlStack-medium-gap-condensed: var(--base-size-8);
+  --primer-controlStack-small-gap-spacious: var(--base-size-16);
+  --primer-controlStack-small-gap-condensed: var(--base-size-8);
+  --primer-stack-gap-spacious: var(--base-size-24);
+  --primer-stack-gap-normal: var(--base-size-16);
+  --primer-stack-gap-condensed: var(--base-size-8);
+  --primer-stack-padding-spacious: var(--base-size-24);
+  --primer-stack-padding-normal: var(--base-size-16);
+  --primer-stack-padding-condensed: var(--base-size-8);
+  --primer-control-xlarge-gap: var(--base-size-8);
+  --primer-control-xlarge-paddingInline-spacious: var(--base-size-16);
+  --primer-control-xlarge-paddingInline-normal: var(--base-size-12);
+  --primer-control-xlarge-lineBoxHeight: var(--base-size-20);
+  --primer-control-xlarge-size: var(--base-size-48);
+  --primer-control-large-gap: var(--base-size-8);
+  --primer-control-large-paddingInline-spacious: var(--base-size-16);
+  --primer-control-large-paddingInline-normal: var(--base-size-12);
+  --primer-control-large-lineBoxHeight: var(--base-size-20);
+  --primer-control-large-size: var(--base-size-40);
+  --primer-control-medium-gap: var(--base-size-8);
+  --primer-control-medium-paddingInline-spacious: var(--base-size-16);
+  --primer-control-medium-paddingInline-normal: var(--base-size-12);
+  --primer-control-medium-paddingInline-condensed: var(--base-size-8);
+  --primer-control-medium-lineBoxHeight: var(--base-size-20);
+  --primer-control-medium-size: var(--base-size-32);
+  --primer-control-small-gap: var(--base-size-4);
+  --primer-control-small-paddingInline-normal: var(--base-size-12);
+  --primer-control-small-paddingInline-condensed: var(--base-size-8);
+  --primer-control-small-lineBoxHeight: var(--base-size-20);
+  --primer-control-small-size: var(--base-size-28);
+  --primer-control-xsmall-gap: var(--base-size-4);
+  --primer-control-xsmall-paddingInline-spacious: var(--base-size-12);
+  --primer-control-xsmall-paddingInline-normal: var(--base-size-8);
+  --primer-control-xsmall-paddingInline-condensed: var(--base-size-4);
+  --primer-control-xsmall-lineBoxHeight: var(--base-size-20);
+  --primer-control-xsmall-size: var(--base-size-24);
+  --primer-control-minTarget-coarse: var(--base-size-44);
+  --primer-control-minTarget-fine: var(--base-size-16);
+  --primer-control-xlarge-paddingBlock: calc((var(--primer-control-xlarge-size) - var(--primer-control-xlarge-lineBoxHeight)) / 2);
+  --primer-control-large-paddingBlock: calc((var(--primer-control-large-size) - var(--primer-control-large-lineBoxHeight)) / 2);
+  --primer-control-medium-paddingBlock: calc((var(--primer-control-medium-size) - var(--primer-control-medium-lineBoxHeight)) / 2);
+  --primer-control-small-paddingBlock: calc((var(--primer-control-small-size) - var(--primer-control-small-lineBoxHeight)) / 2);
+  --primer-control-xsmall-paddingBlock: calc((var(--primer-control-xsmall-size) - var(--primer-control-xsmall-lineBoxHeight)) / 2);
+}

package/tokens-v2-private/css/tokens/functional/size/viewport.css

@@ -0,0 +1,6 @@
+@custom-media --primer-viewportRange-narrow-viewport (max-width: calc(48rem - 0.02px));
+@custom-media --primer-viewportRange-narrowLandscape-viewport (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));
+@custom-media --primer-viewportRange-regular-viewport (min-width: 48rem);
+@custom-media --primer-viewportRange-wide-viewport (min-width: 90rem);
+@custom-media --primer-viewportRange-portrait-viewport (orientation: portrait);
+@custom-media --primer-viewportRange-landscape-viewport (orientation: landscape);

package/tokens-v2-private/css/tokens/functional/typography/typography.css

@@ -0,0 +1,47 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 GMT
+ */
+
+:root {
+  --primer-text-codeInline-size: 0.9285em;
+  --primer-text-codeBlock-lineHeight: calc(20/13);
+  --primer-text-codeBlock-size: 0.8125rem;
+  --primer-text-caption-lineHeight: calc(16/12);
+  --primer-text-caption-size: 0.75rem;
+  --primer-text-body-lineHeight-small: calc(20/12);
+  --primer-text-body-lineHeight-medium: calc(20/14);
+  --primer-text-body-lineHeight-large: calc(24/16);
+  --primer-text-body-size-small: 0.75rem;
+  --primer-text-body-size-medium: 0.875rem;
+  --primer-text-body-size-large: 1rem;
+  --primer-text-subtitle-lineHeight: calc(32/20);
+  --primer-text-subtitle-size: 1.25rem;
+  --primer-text-title-lineHeight-medium: calc(32/20);
+  --primer-text-title-lineHeight-large: calc(48/32);
+  --primer-text-title-size-medium: 1.25rem;
+  --primer-text-title-size-large: 2rem;
+  --primer-text-display-lineHeight: calc(56/40);
+  --primer-text-display-size: 2.5rem;
+  --primer-text-display-lineBoxHeight: 3.5rem;
+  --primer-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+  --primer-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --primer-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --primer-text-codeInline-weight: var(--base-text-weight-normal);
+  --primer-text-codeBlock-weight: var(--base-text-weight-normal);
+  --primer-text-caption-weight: var(--base-text-weight-normal);
+  --primer-text-body-weight: var(--base-text-weight-normal);
+  --primer-text-subtitle-weight: var(--base-text-weight-normal);
+  --primer-text-title-weight: var(--base-text-weight-semibold);
+  --primer-text-display-weight: var(--base-text-weight-medium);
+  --primer-text-codeInline-shorthand: var(--primer-text-codeInline-weight) var(--primer-text-codeInline-size) var(--primer-fontStack-monospace);
+  --primer-text-codeBlock-shorthand: var(--primer-text-codeBlock-weight) var(--primer-text-codeBlock-size)/var(--primer-text-codeBlock-lineHeight) var(--primer-fontStack-monospace);
+  --primer-text-caption-shorthand: var(--primer-text-caption-weight) var(--primer-text-caption-size)/var(--primer-text-caption-lineHeight) var(--primer-fontStack-sansSerif);
+  --primer-text-body-shorthand-small: var(--primer-text-body-weight) var(--primer-text-body-size-small)/var(--primer-text-body-lineHeight-small) var(--primer-fontStack-sansSerif);
+  --primer-text-body-shorthand-medium: var(--primer-text-body-weight) var(--primer-text-body-size-medium)/var(--primer-text-body-lineHeight-medium) var(--primer-fontStack-sansSerif);
+  --primer-text-body-shorthand-large: var(--primer-text-body-weight) var(--primer-text-body-size-large)/var(--primer-text-body-lineHeight-large) var(--primer-fontStack-sansSerif);
+  --primer-text-subtitle-shorthand: var(--primer-text-subtitle-weight) var(--primer-text-subtitle-size)/var(--primer-text-subtitle-lineHeight) var(--primer-fontStack-sansSerif);
+  --primer-text-title-shorthand-medium: var(--primer-text-title-weight) var(--primer-text-title-size-medium)/var(--primer-text-title-lineHeight-medium) var(--primer-fontStack-sansSerif);
+  --primer-text-title-shorthand-large: var(--primer-text-title-weight) var(--primer-text-title-size-large)/var(--primer-text-title-lineHeight-large) var(--primer-fontStack-sansSerif);
+  --primer-text-display-shorthand: var(--primer-text-display-weight) var(--primer-text-display-size)/var(--primer-text-display-lineHeight) var(--primer-fontStack-sansSerif);
+}