@primer/primitives 7.11.7 → 7.11.8-rc.0252b5f

package/tokens-next-private/docs/functional/typography/typography.json

@@ -91,6 +91,7 @@
   "text-display-shorthand": {
     "value": "500 2.5rem/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -100,7 +101,8 @@
         "lineHeight": "{text.display.lineHeight}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
     },
     "name": "text-display-shorthand",
     "attributes": {},
@@ -220,6 +222,7 @@
   "text-title-shorthand-large": {
     "value": "600 2rem/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -229,7 +232,8 @@
         "lineHeight": "{text.title.lineHeight.large}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports."
     },
     "name": "text-title-shorthand-large",
     "attributes": {},
@@ -238,6 +242,7 @@
   "text-title-shorthand-medium": {
     "value": "600 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -247,7 +252,8 @@
         "lineHeight": "{text.title.lineHeight.medium}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition."
     },
     "name": "text-title-shorthand-medium",
     "attributes": {},
@@ -256,6 +262,7 @@
   "text-title-shorthand-small": {
     "value": "600 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Uses the same size as body (large) with a heavier weight of semibold (600).",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -265,7 +272,8 @@
         "lineHeight": "{text.title.lineHeight.small}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Uses the same size as body (large) with a heavier weight of semibold (600)."
     },
     "name": "text-title-shorthand-small",
     "attributes": {},
@@ -311,6 +319,7 @@
   "text-subtitle-shorthand": {
     "value": "400 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -320,7 +329,8 @@
         "lineHeight": "{text.subtitle.lineHeight}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium)."
     },
     "name": "text-subtitle-shorthand",
     "attributes": {},
@@ -414,6 +424,7 @@
   "text-body-shorthand-large": {
     "value": "400 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "User-generated content, markdown rendering.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -423,7 +434,8 @@
         "lineHeight": "{text.body.lineHeight.large}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "User-generated content, markdown rendering."
     },
     "name": "text-body-shorthand-large",
     "attributes": {},
@@ -432,6 +444,7 @@
   "text-body-shorthand-medium": {
     "value": "400 0.875rem/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Default UI font. Most commonly used for body text.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -441,7 +454,8 @@
         "lineHeight": "{text.body.lineHeight.medium}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Default UI font. Most commonly used for body text."
     },
     "name": "text-body-shorthand-medium",
     "attributes": {},
@@ -450,6 +464,7 @@
   "text-body-shorthand-small": {
     "value": "400 0.75rem/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -459,7 +474,8 @@
         "lineHeight": "{text.body.lineHeight.small}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px."
     },
     "name": "text-body-shorthand-small",
     "attributes": {},
@@ -505,6 +521,7 @@
   "text-caption-shorthand": {
     "value": "400 0.75rem/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -514,7 +531,8 @@
         "lineHeight": "{text.caption.lineHeight}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements."
     },
     "name": "text-caption-shorthand",
     "attributes": {},
@@ -558,6 +576,7 @@
   "text-codeBlock-shorthand": {
     "value": "400 0.8125rem/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     "$type": "typography",
+    "comment": "Default style for rendering code blocks.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -567,7 +586,8 @@
         "lineHeight": "{text.codeBlock.lineHeight}",
         "fontFamily": "{fontStack.monospace}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Default style for rendering code blocks."
     },
     "name": "text-codeBlock-shorthand",
     "attributes": {},
@@ -602,6 +622,7 @@
   "text-codeInline-shorthand": {
     "value": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     "$type": "typography",
+    "comment": "Inline code blocks using em units to inherit size from its parent.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -610,7 +631,8 @@
         "fontSize": "{text.codeInline.size}",
         "fontFamily": "{fontStack.monospace}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Inline code blocks using em units to inherit size from its parent."
     },
     "name": "text-codeInline-shorthand",
     "attributes": {},

package/tokens-next-private/fallbacks/color-fallbacks.json

@@ -0,0 +1,245 @@
+{
+  "topicTag-borderColor": "color-topic-tag-border",
+  "highlight-neutral-bgColor": "color-search-keyword-hl",
+  "page-header-bgColor": "color-page-header-bg",
+  "diffBlob-addition-fgColor-text": "color-diff-blob-addition-fg",
+  "diffBlob-addition-fgColor-num": "color-diff-blob-addition-num-text",
+  "diffBlob-addition-bgColor-num": "color-diff-blob-addition-num-bg",
+  "diffBlob-addition-bgColor-line": "color-diff-blob-addition-line-bg",
+  "diffBlob-addition-bgColor-word": "color-diff-blob-addition-word-bg",
+  "diffBlob-deletion-fgColor-text": "color-diff-blob-deletion-fg",
+  "diffBlob-deletion-fgColor-num": "color-diff-blob-deletion-num-text",
+  "diffBlob-deletion-bgColor-num": "color-diff-blob-deletion-num-bg",
+  "diffBlob-deletion-bgColor-line": "color-diff-blob-deletion-line-bg",
+  "diffBlob-deletion-bgColor-word": "color-diff-blob-deletion-word-bg",
+  "diffBlob-hunk-bgColor-num": "color-diff-blob-hunk-num-bg",
+  "diffBlob-expander-iconColor": "color-diff-blob-expander-icon",
+  "diffStat-addition-bgColor": "color-diffstat-addition-bg",
+  "codeMirror-fgColor": "color-codemirror-text",
+  "codeMirror-bgColor": "color-codemirror-bg",
+  "codeMirror-gutters-bgColor": "color-codemirror-gutters-bg",
+  "codeMirror-gutterMarker-fgColor-default": "color-codemirror-guttermarker-text",
+  "codeMirror-gutterMarker-fgColor-muted": "color-codemirror-guttermarker-subtle-text",
+  "codeMirror-lineNumber-fgColor": "color-codemirror-linenumber-text",
+  "codeMirror-cursor-fgColor": "color-codemirror-cursor",
+  "codeMirror-selection-bgColor": "color-codemirror-selection-bg",
+  "codeMirror-activeline-bgColor": "color-codemirror-activeline-bg",
+  "codeMirror-matchingBracket-fgColor": "color-codemirror-matchingbracket-text",
+  "codeMirror-lines-bgColor": "color-codemirror-lines-bg",
+  "codeMirror-syntax-fgColor-comment": "color-codemirror-syntax-comment",
+  "codeMirror-syntax-fgColor-constant": "color-codemirror-syntax-constant",
+  "codeMirror-syntax-fgColor-entity": "color-codemirror-syntax-entity",
+  "codeMirror-syntax-fgColor-keyword": "color-codemirror-syntax-keyword",
+  "codeMirror-syntax-fgColor-storage": "color-codemirror-syntax-storage",
+  "codeMirror-syntax-fgColor-string": "color-codemirror-syntax-string",
+  "codeMirror-syntax-fgColor-support": "color-codemirror-syntax-support",
+  "codeMirror-syntax-fgColor-variable": "color-codemirror-syntax-variable",
+  "header-fgColor-default": "color-header-text",
+  "header-fgColor-logo": "color-header-logo",
+  "header-bgColor": "color-header-bg",
+  "header-borderColor-divider": "color-header-divider",
+  "headerSearch-bgColor": "color-header-search-bg",
+  "headerSearch-borderColor": "color-header-search-border",
+  "avatar-bgColor": "color-avatar-bg",
+  "avatar-borderColor": "color-avatar-border",
+  "avatar-shadow": "color-avatar-child-shadow",
+  "avatarStack-fade-bgColor-default": "color-avatar-stack-fade",
+  "avatarStack-fade-bgColor-muted": "color-avatar-stack-fade-more",
+  "control-bgColor-rest": "color-btn-bg",
+  "control-bgColor-hover": "color-btn-hover-bg",
+  "control-bgColor-active": "color-btn-selected-bg",
+  "control-bgColor-disabled": "color-btn-bg",
+  "control-bgColor-selected": "color-btn-selected-bg",
+  "control-fgColor-rest": "color-fg-default",
+  "control-fgColor-placeholder": "color-fg-subtle",
+  "control-fgColor-disabled": "color-primer-fg-disabled",
+  "control-borderColor-rest": "color-btn-border",
+  "control-borderColor-emphasis": "color-switch-knob-border",
+  "control-borderColor-disabled": "color-btn-border",
+  "control-borderColor-selected": "color-btn-bg",
+  "control-borderColor-success": "color-success-emphasis",
+  "control-borderColor-danger": "color-danger-emphasis",
+  "control-borderColor-warning": "color-attention-emphasis",
+  "control-iconColor-rest": "color-fg-muted",
+  "control-transparent-bgColor-rest": "transparent",
+  "control-transparent-bgColor-hover": "color-action-list-item-default-hover-bg",
+  "control-transparent-bgColor-active": "color-action-list-item-default-active-bg",
+  "control-transparent-bgColor-disabled": "color-action-list-item-default-selected-bg",
+  "control-transparent-bgColor-selected": "color-action-list-item-default-selected-bg",
+  "control-transparent-borderColor-rest": "transparent",
+  "control-transparent-borderColor-hover": "color-action-list-item-default-hover-border",
+  "control-transparent-borderColor-active": "color-action-list-item-default-active-border",
+  "control-danger-fgColor-rest": "color-danger-fg",
+  "control-danger-fgColor-hover": "color-action-list-item-danger-hover-text",
+  "control-danger-bgColor-hover": "color-action-list-item-danger-hover-bg",
+  "control-danger-bgColor-active": "color-action-list-item-danger-active-bg",
+  "control-checked-bgColor-rest": "color-switch-track-checked-bg",
+  "control-checked-bgColor-hover": "color-switch-track-checked-hover-bg",
+  "control-checked-bgColor-active": "color-switch-track-checked-active-bg",
+  "control-checked-bgColor-disabled": "color-switch-track-disabled-bg",
+  "control-checked-fgColor-rest": "color-switch-track-checked-fg",
+  "control-checked-fgColor-disabled": "color-switch-track-checked-disabled-fg",
+  "control-checked-borderColor-rest": "color-switch-track-checked-bg",
+  "control-checked-borderColor-hover": "color-switch-track-checked-hover-bg",
+  "control-checked-borderColor-active": "color-switch-track-checked-active-bg",
+  "control-checked-borderColor-disabled": "color-switch-track-disabled-bg",
+  "controlTrack-bgColor-rest": "color-switch-track-bg",
+  "controlTrack-bgColor-hover": "color-switch-track-hover-bg",
+  "controlTrack-bgColor-active": "color-switch-track-active-bg",
+  "controlTrack-bgColor-disabled": "color-switch-track-disabled-bg",
+  "controlTrack-fgColor-rest": "color-switch-track-fg",
+  "controlTrack-fgColor-disabled": "color-switch-track-disabled-fg",
+  "controlTrack-borderColor-rest": "color-switch-track-border",
+  "controlTrack-borderColor-disabled": "color-primer-fg-disabled",
+  "controlKnob-bgColor-rest": "color-switch-knob-bg",
+  "controlKnob-bgColor-disabled": "color-btn-bg",
+  "controlKnob-bgColor-checked": "color-switch-knob-checked-bg",
+  "controlKnob-borderColor-rest": "color-switch-knob-border",
+  "controlKnob-borderColor-disabled": "color-btn-bg",
+  "controlKnob-borderColor-checked": "color-switch-knob-checked-border",
+  "counter-borderColor": "color-counter-border",
+  "button-default-fgColor-rest": "color-btn-text",
+  "button-default-bgColor-rest": "color-btn-bg",
+  "button-default-bgColor-hover": "color-btn-hover-bg",
+  "button-default-bgColor-active": "color-btn-active-bg",
+  "button-default-bgColor-selected": "color-btn-selected-bg",
+  "button-default-borderColor-rest": "color-btn-border",
+  "button-default-borderColor-hover": "color-btn-hover-border",
+  "button-default-borderColor-active": "color-btn-active-border",
+  "button-default-shadow-resting": "color-btn-shadow",
+  "button-default-shadow-inset": "color-btn-inset-shadow",
+  "button-primary-fgColor-rest": "color-btn-primary-text",
+  "button-primary-fgColor-disabled": "color-btn-primary-disabled-text",
+  "button-primary-iconColor-rest": "color-btn-primary-icon",
+  "button-primary-bgColor-rest": "color-btn-primary-bg",
+  "button-primary-bgColor-hover": "color-btn-primary-hover-bg",
+  "button-primary-bgColor-active": "color-btn-primary-selected-bg",
+  "button-primary-bgColor-disabled": "color-btn-primary-disabled-bg",
+  "button-primary-borderColor-rest": "color-btn-primary-border",
+  "button-primary-borderColor-hover": "color-btn-primary-hover-border",
+  "button-primary-borderColor-disabled": "color-btn-primary-disabled-border",
+  "button-primary-shadow-selected": "color-btn-primary-selected-shadow",
+  "button-invisible-fgColor-rest": "color-btn-outline-text",
+  "button-invisible-fgColor-hover": "color-btn-outline-text",
+  "button-invisible-fgColor-disabled": "color-primer-fg-disabled",
+  "button-invisible-bgColor-rest": "transparent",
+  "button-invisible-bgColor-hover": "color-action-list-item-default-hover-bg",
+  "button-invisible-bgColor-active": "color-action-list-item-default-active-bg",
+  "button-invisible-bgColor-disabled": "color-action-list-item-default-selected-bg",
+  "button-invisible-borderColor-rest": "transparent",
+  "button-invisible-borderColor-hover": "transparent",
+  "button-outline-fgColor-rest": "color-btn-outline-text",
+  "button-outline-fgColor-hover": "color-btn-outline-hover-text",
+  "button-outline-fgColor-active": "color-btn-outline-selected-text",
+  "button-outline-fgColor-disabled": "color-btn-outline-disabled-text",
+  "button-outline-bgColor-rest": "color-btn-bg",
+  "button-outline-bgColor-hover": "color-btn-outline-hover-bg",
+  "button-outline-bgColor-active": "color-btn-outline-selected-bg",
+  "button-outline-bgColor-disabled": "color-btn-outline-disabled-bg",
+  "button-outline-borderColor-hover": "color-btn-outline-hover-border",
+  "button-outline-borderColor-active": "color-btn-outline-selected-border",
+  "button-outline-shadow-selected": "color-btn-outline-selected-shadow",
+  "button-danger-fgColor-rest": "color-btn-danger-text",
+  "button-danger-fgColor-hover": "color-btn-danger-hover-text",
+  "button-danger-fgColor-active": "color-btn-danger-selected-text",
+  "button-danger-fgColor-disabled": "color-btn-danger-disabled-text",
+  "button-danger-iconColor-rest": "color-btn-danger-icon",
+  "button-danger-iconColor-hover": "color-btn-danger-hover-icon",
+  "button-danger-bgColor-rest": "color-btn-bg",
+  "button-danger-bgColor-hover": "color-btn-danger-hover-bg",
+  "button-danger-bgColor-active": "color-btn-danger-selected-bg",
+  "button-danger-bgColor-disabled": "color-btn-danger-disabled-bg",
+  "button-danger-borderColor-rest": "color-btn-border",
+  "button-danger-borderColor-hover": "color-btn-danger-hover-border",
+  "button-danger-borderColor-active": "color-btn-danger-selected-border",
+  "button-danger-shadow-selected": "color-btn-danger-selected-shadow",
+  "buttonCounter-default-bgColor-rest": "color-btn-counter-bg",
+  "buttonCounter-primary-bgColor-rest": "color-btn-primary-counter-bg",
+  "buttonCounter-outline-bgColor-rest": "color-btn-outline-counter-bg",
+  "buttonCounter-outline-bgColor-hover": "color-btn-outline-hover-counter-bg",
+  "buttonCounter-outline-bgColor-disabled": "color-btn-outline-disabled-counter-bg",
+  "buttonCounter-outline-fgColor-rest": "btn-outline-counterFg",
+  "buttonCounter-outline-fgColor-hover": "btn-outline-hoverCounterFg",
+  "buttonCounter-outline-fgColor-disabled": "btn-outline-disabledCounterFg",
+  "buttonCounter-danger-bgColor-hover": "color-btn-danger-hover-counter-bg",
+  "buttonCounter-danger-bgColor-disabled": "color-btn-danger-disabled-counter-bg",
+  "buttonCounter-danger-bgColor-rest": "color-btn-danger-counter-bg",
+  "buttonCounter-danger-fgColor-rest": "btn-danger-counterFg",
+  "buttonCounter-danger-fgColor-hover": "btn-danger-hoverCounterFg",
+  "buttonCounter-danger-fgColor-disabled": "btn-danger-disabledCounterFg",
+  "focus-outlineColor": "color-accent-fg",
+  "focus-outline": "color-accent-fg solid 2px",
+  "menu-bgColor-active": "color-menu-bg-active",
+  "overlay-bgColor": "color-canvas-overlay",
+  "overlay-backdrop-bgColor": "color-primer-canvas-backdrop",
+  "selectMenu-borderColor": "color-select-menu-backdrop-border",
+  "selectMenu-bgColor-active": "color-select-menu-tap-focus-bg",
+  "sideNav-bgColor-selected": "color-sidenav-selected-bg",
+  "timelineBadge-bgColor": "color-timeline-badge-bg",
+  "treeViewItem-leadingVisual-bgColor-rest": "color-tree-view-item-directory-fill",
+  "underlineNav-borderColor-active": "color-primer-border-active",
+  "underlineNav-borderColor-hover": "color-underlinenav-border-hover",
+  "underlineNav-iconColor-rest": "color-underlinenav-icon",
+  "fgColor-default": "color-fg-default",
+  "fgColor-muted": "color-fg-muted",
+  "fgColor-onEmphasis": "color-fg-on-emphasis",
+  "fgColor-disabled": "color-primer-fg-disabled",
+  "fgColor-link-rest": "color-accent-fg",
+  "fgColor-accent": "color-accent-fg",
+  "fgColor-success": "color-success-fg",
+  "fgColor-attention": "color-attention-fg",
+  "fgColor-severe": "color-severe-fg",
+  "fgColor-danger": "color-danger-fg",
+  "fgColor-open": "color-open-fg",
+  "fgColor-closed": "color-closed-fg",
+  "fgColor-done": "color-done-fg",
+  "fgColor-sponsors": "color-sponsors-fg",
+  "bgColor-default": "color-canvas-default",
+  "bgColor-muted": "color-canvas-inset",
+  "bgColor-emphasis": "color-neutral-emphasis-plus",
+  "bgColor-disabled": "color-neutral-muted",
+  "bgColor-neutral-muted": "color-neutral-muted",
+  "bgColor-neutral-emphasis": "color-fg-subtle",
+  "bgColor-accent-muted": "color-accent-muted",
+  "bgColor-accent-emphasis": "color-accent-fg",
+  "bgColor-success-muted": "color-success-subtle",
+  "bgColor-success-emphasis": "color-success-fg",
+  "bgColor-attention-muted": "color-attention-subtle",
+  "bgColor-attention-emphasis": "color-attention-fg",
+  "bgColor-severe-muted": "color-severe-subtle",
+  "bgColor-severe-emphasis": "color-severe-fg",
+  "bgColor-danger-muted": "color-danger-subtle",
+  "bgColor-danger-emphasis": "color-danger-fg",
+  "bgColor-open-muted": "color-open-subtle",
+  "bgColor-open-emphasis": "color-open-fg",
+  "bgColor-closed-muted": "color-closed-subtle",
+  "bgColor-closed-emphasis": "color-closed-fg",
+  "bgColor-done-muted": "color-done-subtle",
+  "bgColor-done-emphasis": "color-done-fg",
+  "bgColor-sponsors-muted": "color-sponsors-subtle",
+  "bgColor-sponsors-emphasis": "color-sponsors-fg",
+  "borderColor-default": "color-border-default",
+  "borderColor-muted": "color-neutral-muted",
+  "borderColor-emphasis": "color-fg-subtle",
+  "borderColor-disabled": "color-border-default",
+  "borderColor-neutral-muted": "color-neutral-muted",
+  "borderColor-neutral-emphasis": "color-fg-subtle",
+  "borderColor-accent-muted": "color-accent-muted",
+  "borderColor-accent-emphasis": "color-accent-fg",
+  "borderColor-success-muted": "color-success-muted",
+  "borderColor-success-emphasis": "color-success-emphasis",
+  "borderColor-attention-muted": "color-attention-muted",
+  "borderColor-attention-emphasis": "color-attention-emphasis",
+  "borderColor-severe-muted": "color-severe-muted",
+  "borderColor-severe-emphasis": "color-severe-emphasis",
+  "borderColor-danger-muted": "color-danger-muted",
+  "borderColor-danger-emphasis": "color-danger-emphasis",
+  "borderColor-open-muted": "color-open-muted",
+  "borderColor-open-emphasis": "color-open-emphasis",
+  "borderColor-closed-muted": "color-closed-muted",
+  "borderColor-closed-emphasis": "color-closed-emphasis",
+  "borderColor-done-muted": "color-done-muted",
+  "borderColor-done-emphasis": "color-done-emphasis",
+  "borderColor-sponsors-muted": "color-sponsors-muted",
+  "borderColor-sponsors-emphasis": "color-sponsors-emphasis"
+}