@primer/primitives 11.6.1-rc.0b7e3805 → 11.7.0-rc.9e55ef3b

package/DESIGN_TOKENS_SPEC.md

@@ -233,7 +233,7 @@ Tokens for interactive controls like buttons, inputs, and selects.
 **Scale:** Use xsmall/small for dense layouts, medium for default UI, large/xlarge for prominent CTAs.
 
 **Size patterns:**
-- `control-[xsmall, small, medium, large, xlarge]-[gap, lineBoxHeight, paddingBlock, paddingInline-condensed, paddingInline-normal, paddingInline-spacious, size]`
+- `control-[xsmall, small, medium, large, xlarge]-[gap, paddingBlock, paddingInline-condensed, paddingInline-normal, paddingInline-spacious, size]`
 
 **State variants:**
 - `control-checked-[bgColor-active, bgColor-disabled, bgColor-hover, bgColor-rest, borderColor-active, borderColor-disabled, borderColor-hover, borderColor-rest, fgColor-disabled, fgColor-rest]`

package/dist/css/functional/size/size.css

@@ -15,13 +15,11 @@
   --overlay-width-xsmall: 12rem;
   --spinner-strokeWidth-default: 0.125rem;
   --control-large-gap: 0.5rem;
-  --control-large-lineBoxHeight: 1.25rem;
   --control-large-paddingInline-condensed: 0.5rem;
   --control-large-paddingInline-normal: 0.75rem;
   --control-large-paddingInline-spacious: 1rem;
   --control-large-size: 2.5rem;
   --control-medium-gap: 0.5rem;
-  --control-medium-lineBoxHeight: 1.25rem;
   --control-medium-paddingInline-condensed: 0.5rem;
   --control-medium-paddingInline-normal: 0.75rem;
   --control-medium-paddingInline-spacious: 1rem;
@@ -29,20 +27,17 @@
   --control-minTarget-coarse: 2.75rem;
   --control-minTarget-fine: 1rem;
   --control-small-gap: 0.25rem;
-  --control-small-lineBoxHeight: 1.25rem;
   --control-small-paddingBlock: 0.25rem;
   --control-small-paddingInline-condensed: 0.5rem;
   --control-small-paddingInline-normal: 0.75rem;
   --control-small-paddingInline-spacious: 1rem;
   --control-small-size: 1.75rem;
   --control-xlarge-gap: 0.5rem;
-  --control-xlarge-lineBoxHeight: 1.25rem;
   --control-xlarge-paddingInline-condensed: 0.5rem;
   --control-xlarge-paddingInline-normal: 0.75rem;
   --control-xlarge-paddingInline-spacious: 1rem;
   --control-xlarge-size: 3rem;
   --control-xsmall-gap: 0.25rem;
-  --control-xsmall-lineBoxHeight: 1.25rem;
   --control-xsmall-paddingInline-condensed: 0.25rem;
   --control-xsmall-paddingInline-normal: 0.5rem;
   --control-xsmall-paddingInline-spacious: 0.75rem;

package/dist/css/functional/themes/light-high-contrast.css

@@ -16,6 +16,9 @@
   --control-checked-borderColor-active: #033f9d;
   --control-checked-borderColor-hover: #0344a8;
   --control-danger-bgColor-active: #8c0b1d;
+  --fgColor-danger: #960d1e; /** Danger text for errors and destructive actions */
+  --fgColor-done: #5e2bb4; /** Text color for completed/done state indicators */
+  --fgColor-success: #04591f; /** Success text for positive feedback and completed states */
   --reactionButton-selected-bgColor-hover: #c7e9ff;
   --avatarStack-fade-bgColor-default: #c8d1da;
   --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -62,6 +65,8 @@
   --borderColor-transparent: #ffffff00; /** Fully transparent border */
   --button-danger-bgColor-active: #86061d;
   --button-danger-borderColor-hover: #6e011a;
+  --button-danger-fgColor-disabled: #960d1e80;
+  --button-danger-fgColor-rest: var(--fgColor-danger);
   --button-danger-shadow-selected: inset 0 1px 0 0 #43001133;
   --button-inactive-fgColor: #454c54;
   --button-invisible-bgColor-disabled: #ffffff00;
@@ -74,6 +79,8 @@
   --button-primary-borderColor-rest: #013d14;
   --button-primary-shadow-selected: inset 0 1px 0 0 #00230b4d;
   --button-star-iconColor: #d5a824;
+  --buttonCounter-danger-fgColor-disabled: #960d1e80;
+  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
   --buttonCounter-default-bgColor-rest: #c8d1da;
   --buttonCounter-outline-fgColor-rest: #023b95;
   --buttonCounter-primary-bgColor-rest: #00230b33;
@@ -113,6 +120,7 @@
   --color-prettylights-syntax-constant-other-reference-link: #032563;
   --color-prettylights-syntax-entity: #512598;
   --color-prettylights-syntax-entity-tag: #023b95;
+  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --color-prettylights-syntax-keyword: #a0111f;
   --color-prettylights-syntax-markup-changed-bg: #ffc67b;
   --color-prettylights-syntax-markup-changed-text: #702c00;
@@ -145,6 +153,7 @@
   --control-bgColor-active: #d1d9e0;
   --control-bgColor-hover: #dae0e7;
   --control-bgColor-rest: #e0e6eb;
+  --control-danger-fgColor-rest: var(--fgColor-danger);
   --control-fgColor-placeholder: #454c54;
   --control-fgColor-rest: #25292e;
   --control-transparent-bgColor-active: #d1d9e0;
@@ -482,14 +491,14 @@
   --display-yellow-scale-9: #422b00;
   --fgColor-accent: #023b95; /** Accent text for links and interactive elements */
   --fgColor-attention: #603700; /** Attention text for warnings and caution states */
-  --fgColor-danger: #86061d; /** Danger text for errors and destructive actions */
+  --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
   --fgColor-disabled: #59636e; /** Text color for disabled interactive elements */
-  --fgColor-done: #512598; /** Text color for completed/done state indicators */
   --fgColor-muted: #454c54; /** Muted text for secondary content and less important information */
   --fgColor-neutral: #393f46; /** Neutral semantic text for icons and secondary elements */
+  --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
   --fgColor-severe: #702c00; /** Severe text for high-priority warnings */
   --fgColor-sponsors: #7d0c57; /** Text color for GitHub Sponsors content */
-  --fgColor-success: #024c1a; /** Success text for positive feedback and completed states */
+  --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
   --header-bgColor: #25292e;
   --header-borderColor-divider: #c8d1da;
   --headerSearch-bgColor: #25292e;
@@ -666,10 +675,10 @@
   --button-danger-bgColor-rest: var(--control-bgColor-rest);
   --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
   --button-danger-fgColor-active: #ffffff;
-  --button-danger-fgColor-disabled: #86061d80;
   --button-danger-fgColor-hover: #ffffff;
-  --button-danger-fgColor-rest: var(--fgColor-danger);
+  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
   --button-danger-iconColor-hover: #ffffff;
+  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
   --button-default-bgColor-active: var(--control-bgColor-active);
   --button-default-bgColor-hover: var(--control-bgColor-hover);
   --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -697,9 +706,7 @@
   --buttonCounter-danger-bgColor-disabled: #a0111f0d;
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-rest: #a0111f1a;
-  --buttonCounter-danger-fgColor-disabled: #86061d80;
   --buttonCounter-danger-fgColor-hover: #ffffff;
-  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
   --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
   --buttonCounter-outline-bgColor-disabled: #0349b40d;
   --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -725,7 +732,6 @@
   --codeMirror-syntax-fgColor-comment: #010409;
   --color-ansi-black: #010409;
   --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
-  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
   --color-prettylights-syntax-markup-bold: #010409;
   --color-prettylights-syntax-markup-italic: #010409;
   --color-prettylights-syntax-storage-modifier-import: #010409;
@@ -744,7 +750,6 @@
   --control-checked-bgColor-disabled: var(--fgColor-disabled);
   --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
   --control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
-  --control-danger-fgColor-rest: var(--fgColor-danger);
   --control-fgColor-disabled: var(--fgColor-disabled);
   --control-iconColor-rest: var(--fgColor-muted);
   --control-transparent-bgColor-disabled: var(--bgColor-disabled);
@@ -765,14 +770,11 @@
   --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
   --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
   --fgColor-black: #010409; /** Pure black text */
-  --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
   --fgColor-default: #010409; /** Default text color for primary content and headings */
   --fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
   --fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
   --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
   --fgColor-onInverse: #ffffff; /** Text color for use on inverse backgrounds */
-  --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
-  --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
   --fgColor-white: #ffffff; /** Pure white text */
   --focus-outlineColor: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
   --header-fgColor-default: #ffffffb3;
@@ -828,8 +830,6 @@
   --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
   --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
   --button-danger-borderColor-rest: var(--control-borderColor-rest);
-  --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
-  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
   --button-default-bgColor-disabled: var(--control-bgColor-disabled);
   --button-default-borderColor-active: var(--control-borderColor-rest);
   --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -918,6 +918,9 @@
     --control-checked-borderColor-active: #033f9d;
     --control-checked-borderColor-hover: #0344a8;
     --control-danger-bgColor-active: #8c0b1d;
+    --fgColor-danger: #960d1e; /** Danger text for errors and destructive actions */
+    --fgColor-done: #5e2bb4; /** Text color for completed/done state indicators */
+    --fgColor-success: #04591f; /** Success text for positive feedback and completed states */
     --reactionButton-selected-bgColor-hover: #c7e9ff;
     --avatarStack-fade-bgColor-default: #c8d1da;
     --avatarStack-fade-bgColor-muted: #dae0e7;
@@ -964,6 +967,8 @@
     --borderColor-transparent: #ffffff00; /** Fully transparent border */
     --button-danger-bgColor-active: #86061d;
     --button-danger-borderColor-hover: #6e011a;
+    --button-danger-fgColor-disabled: #960d1e80;
+    --button-danger-fgColor-rest: var(--fgColor-danger);
     --button-danger-shadow-selected: inset 0 1px 0 0 #43001133;
     --button-inactive-fgColor: #454c54;
     --button-invisible-bgColor-disabled: #ffffff00;
@@ -976,6 +981,8 @@
     --button-primary-borderColor-rest: #013d14;
     --button-primary-shadow-selected: inset 0 1px 0 0 #00230b4d;
     --button-star-iconColor: #d5a824;
+    --buttonCounter-danger-fgColor-disabled: #960d1e80;
+    --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
     --buttonCounter-default-bgColor-rest: #c8d1da;
     --buttonCounter-outline-fgColor-rest: #023b95;
     --buttonCounter-primary-bgColor-rest: #00230b33;
@@ -1015,6 +1022,7 @@
     --color-prettylights-syntax-constant-other-reference-link: #032563;
     --color-prettylights-syntax-entity: #512598;
     --color-prettylights-syntax-entity-tag: #023b95;
+    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
     --color-prettylights-syntax-keyword: #a0111f;
     --color-prettylights-syntax-markup-changed-bg: #ffc67b;
     --color-prettylights-syntax-markup-changed-text: #702c00;
@@ -1047,6 +1055,7 @@
     --control-bgColor-active: #d1d9e0;
     --control-bgColor-hover: #dae0e7;
     --control-bgColor-rest: #e0e6eb;
+    --control-danger-fgColor-rest: var(--fgColor-danger);
     --control-fgColor-placeholder: #454c54;
     --control-fgColor-rest: #25292e;
     --control-transparent-bgColor-active: #d1d9e0;
@@ -1384,14 +1393,14 @@
     --display-yellow-scale-9: #422b00;
     --fgColor-accent: #023b95; /** Accent text for links and interactive elements */
     --fgColor-attention: #603700; /** Attention text for warnings and caution states */
-    --fgColor-danger: #86061d; /** Danger text for errors and destructive actions */
+    --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
     --fgColor-disabled: #59636e; /** Text color for disabled interactive elements */
-    --fgColor-done: #512598; /** Text color for completed/done state indicators */
     --fgColor-muted: #454c54; /** Muted text for secondary content and less important information */
     --fgColor-neutral: #393f46; /** Neutral semantic text for icons and secondary elements */
+    --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
     --fgColor-severe: #702c00; /** Severe text for high-priority warnings */
     --fgColor-sponsors: #7d0c57; /** Text color for GitHub Sponsors content */
-    --fgColor-success: #024c1a; /** Success text for positive feedback and completed states */
+    --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
     --header-bgColor: #25292e;
     --header-borderColor-divider: #c8d1da;
     --headerSearch-bgColor: #25292e;
@@ -1568,10 +1577,10 @@
     --button-danger-bgColor-rest: var(--control-bgColor-rest);
     --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #86061d80;
     --button-danger-fgColor-hover: #ffffff;
-    --button-danger-fgColor-rest: var(--fgColor-danger);
+    --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
     --button-danger-iconColor-hover: #ffffff;
+    --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
     --button-default-bgColor-active: var(--control-bgColor-active);
     --button-default-bgColor-hover: var(--control-bgColor-hover);
     --button-default-bgColor-rest: var(--control-bgColor-rest);
@@ -1599,9 +1608,7 @@
     --buttonCounter-danger-bgColor-disabled: #a0111f0d;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-rest: #a0111f1a;
-    --buttonCounter-danger-fgColor-disabled: #86061d80;
     --buttonCounter-danger-fgColor-hover: #ffffff;
-    --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
     --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
     --buttonCounter-outline-bgColor-disabled: #0349b40d;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1627,7 +1634,6 @@
     --codeMirror-syntax-fgColor-comment: #010409;
     --color-ansi-black: #010409;
     --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
-    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
     --color-prettylights-syntax-markup-bold: #010409;
     --color-prettylights-syntax-markup-italic: #010409;
     --color-prettylights-syntax-storage-modifier-import: #010409;
@@ -1646,7 +1652,6 @@
     --control-checked-bgColor-disabled: var(--fgColor-disabled);
     --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
     --control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
-    --control-danger-fgColor-rest: var(--fgColor-danger);
     --control-fgColor-disabled: var(--fgColor-disabled);
     --control-iconColor-rest: var(--fgColor-muted);
     --control-transparent-bgColor-disabled: var(--bgColor-disabled);
@@ -1667,14 +1672,11 @@
     --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
     --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
     --fgColor-black: #010409; /** Pure black text */
-    --fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
     --fgColor-default: #010409; /** Default text color for primary content and headings */
     --fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
     --fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
     --fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
     --fgColor-onInverse: #ffffff; /** Text color for use on inverse backgrounds */
-    --fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
-    --fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
     --fgColor-white: #ffffff; /** Pure white text */
     --focus-outlineColor: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
     --header-fgColor-default: #ffffffb3;
@@ -1730,8 +1732,6 @@
     --borderColor-neutral-muted: var(--borderColor-muted); /** Subtle neutral semantic border */
     --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
     --button-danger-borderColor-rest: var(--control-borderColor-rest);
-    --button-danger-iconColor-disabled: var(--button-danger-fgColor-disabled);
-    --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
     --button-default-bgColor-disabled: var(--control-bgColor-disabled);
     --button-default-borderColor-active: var(--control-borderColor-rest);
     --button-default-borderColor-disabled: var(--control-borderColor-disabled);

package/dist/css/functional/typography/typography.css

@@ -18,7 +18,6 @@
   --text-codeBlock-lineHeight: var(--base-text-lineHeight-normal);
   --text-codeBlock-weight: var(--base-text-weight-normal);
   --text-codeInline-weight: var(--base-text-weight-normal);
-  --text-display-lineBoxHeight: var(--base-text-lineHeight-snug);
   --text-display-lineHeight: var(--base-text-lineHeight-snug);
   --text-display-size: var(--base-text-size-2xl);
   --text-display-weight: var(--base-text-weight-medium);

package/dist/docs/functional/size/size.json

@@ -26,33 +26,6 @@
     "value": "0.5rem",
     "type": "dimension"
   },
-  "control-large-lineBoxHeight": {
-    "key": "{control.large.lineBoxHeight}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "pattern/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/functional/size/size.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.size.20}",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "pattern/size",
-          "scopes": ["size"]
-        }
-      },
-      "key": "{control.large.lineBoxHeight}"
-    },
-    "name": "control-large-lineBoxHeight",
-    "attributes": {},
-    "path": ["control", "large", "lineBoxHeight"],
-    "value": "1.25rem",
-    "type": "dimension"
-  },
   "control-large-paddingBlock": {
     "key": "{control.large.paddingBlock}",
     "$extensions": {
@@ -218,33 +191,6 @@
     "value": "0.5rem",
     "type": "dimension"
   },
-  "control-medium-lineBoxHeight": {
-    "key": "{control.medium.lineBoxHeight}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "pattern/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/functional/size/size.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.size.20}",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "pattern/size",
-          "scopes": ["size"]
-        }
-      },
-      "key": "{control.medium.lineBoxHeight}"
-    },
-    "name": "control-medium-lineBoxHeight",
-    "attributes": {},
-    "path": ["control", "medium", "lineBoxHeight"],
-    "value": "1.25rem",
-    "type": "dimension"
-  },
   "control-medium-paddingBlock": {
     "key": "{control.medium.paddingBlock}",
     "$extensions": {
@@ -464,33 +410,6 @@
     "value": "0.25rem",
     "type": "dimension"
   },
-  "control-small-lineBoxHeight": {
-    "key": "{control.small.lineBoxHeight}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "pattern/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/functional/size/size.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.size.20}",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "pattern/size",
-          "scopes": ["size"]
-        }
-      },
-      "key": "{control.small.lineBoxHeight}"
-    },
-    "name": "control-small-lineBoxHeight",
-    "attributes": {},
-    "path": ["control", "small", "lineBoxHeight"],
-    "value": "1.25rem",
-    "type": "dimension"
-  },
   "control-small-paddingBlock": {
     "key": "{control.small.paddingBlock}",
     "$extensions": {
@@ -653,33 +572,6 @@
     "value": "0.5rem",
     "type": "dimension"
   },
-  "control-xlarge-lineBoxHeight": {
-    "key": "{control.xlarge.lineBoxHeight}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "pattern/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/functional/size/size.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.size.20}",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "pattern/size",
-          "scopes": ["size"]
-        }
-      },
-      "key": "{control.xlarge.lineBoxHeight}"
-    },
-    "name": "control-xlarge-lineBoxHeight",
-    "attributes": {},
-    "path": ["control", "xlarge", "lineBoxHeight"],
-    "value": "1.25rem",
-    "type": "dimension"
-  },
   "control-xlarge-paddingBlock": {
     "key": "{control.xlarge.paddingBlock}",
     "$extensions": {
@@ -845,33 +737,6 @@
     "value": "0.25rem",
     "type": "dimension"
   },
-  "control-xsmall-lineBoxHeight": {
-    "key": "{control.xsmall.lineBoxHeight}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "pattern/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/functional/size/size.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.size.20}",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "pattern/size",
-          "scopes": ["size"]
-        }
-      },
-      "key": "{control.xsmall.lineBoxHeight}"
-    },
-    "name": "control-xsmall-lineBoxHeight",
-    "attributes": {},
-    "path": ["control", "xsmall", "lineBoxHeight"],
-    "value": "1.25rem",
-    "type": "dimension"
-  },
   "control-xsmall-paddingBlock": {
     "key": "{control.xsmall.paddingBlock}",
     "$extensions": {

package/dist/docs/functional/themes/dark-colorblind-high-contrast.json

@@ -38585,7 +38585,7 @@
         "dark-high-contrast": "#ff9492",
         "dark-dimmed-high-contrast": "#ffc9c7",
         "dark-tritanopia-high-contrast": "#ff9492",
-        "light-high-contrast": "#ff4445",
+        "light-high-contrast": "#960d1e",
         "light-tritanopia-high-contrast": "#ff4445"
       },
       "org.primer.llm": {
@@ -38617,7 +38617,7 @@
           "dark-high-contrast": "{base.color.red.3}",
           "dark-dimmed-high-contrast": "{base.color.red.1}",
           "dark-tritanopia-high-contrast": "{base.color.red.3}",
-          "light-high-contrast": "{base.color.red.6}",
+          "light-high-contrast": "#960d1e",
           "light-tritanopia-high-contrast": "{base.color.red.6}"
         },
         "org.primer.llm": {
@@ -38783,7 +38783,7 @@
         "dark-dimmed-high-contrast": "#e6ccff",
         "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
         "dark-tritanopia-high-contrast": "#D3ABFF",
-        "light-high-contrast": "#a66bff",
+        "light-high-contrast": "#5e2bb4",
         "light-protanopia-deuteranopia-high-contrast": "#a66bff",
         "light-tritanopia-high-contrast": "#a66bff"
       },
@@ -38813,7 +38813,7 @@
           "dark-dimmed-high-contrast": "{base.color.purple.1}",
           "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
           "dark-tritanopia-high-contrast": "#D3ABFF",
-          "light-high-contrast": "{base.color.purple.6}",
+          "light-high-contrast": "#5e2bb4",
           "light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
           "light-tritanopia-high-contrast": "{base.color.purple.6}"
         },
@@ -39349,7 +39349,7 @@
         "dark": "#28d751",
         "dark-high-contrast": "#2BD853",
         "dark-dimmed-high-contrast": "#acf7b6",
-        "light-high-contrast": "#02a232",
+        "light-high-contrast": "#04591f",
         "dark-protanopia-deuteranopia": "#71b7ff",
         "dark-protanopia-deuteranopia-high-contrast": "#addcff",
         "light-protanopia-deuteranopia": "#409eff",
@@ -39383,7 +39383,7 @@
           "dark": "{base.color.green.3}",
           "dark-high-contrast": "#2BD853",
           "dark-dimmed-high-contrast": "{base.color.green.0}",
-          "light-high-contrast": "{base.color.green.6}",
+          "light-high-contrast": "#04591f",
           "dark-protanopia-deuteranopia": "{base.color.blue.3}",
           "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
           "light-protanopia-deuteranopia": "{base.color.blue.5}",

package/dist/docs/functional/themes/dark-colorblind.json

@@ -38577,7 +38577,7 @@
         "dark-high-contrast": "#ff7b72",
         "dark-dimmed-high-contrast": "#ffc1ba",
         "dark-tritanopia-high-contrast": "#ff7b72",
-        "light-high-contrast": "#b62324",
+        "light-high-contrast": "#960d1e",
         "light-tritanopia-high-contrast": "#b62324"
       },
       "org.primer.llm": {
@@ -38609,7 +38609,7 @@
           "dark-high-contrast": "{base.color.red.3}",
           "dark-dimmed-high-contrast": "{base.color.red.1}",
           "dark-tritanopia-high-contrast": "{base.color.red.3}",
-          "light-high-contrast": "{base.color.red.6}",
+          "light-high-contrast": "#960d1e",
           "light-tritanopia-high-contrast": "{base.color.red.6}"
         },
         "org.primer.llm": {
@@ -38775,7 +38775,7 @@
         "dark-dimmed-high-contrast": "#e2c5ff",
         "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
         "dark-tritanopia-high-contrast": "#D3ABFF",
-        "light-high-contrast": "#6e40c9",
+        "light-high-contrast": "#5e2bb4",
         "light-protanopia-deuteranopia-high-contrast": "#6e40c9",
         "light-tritanopia-high-contrast": "#6e40c9"
       },
@@ -38805,7 +38805,7 @@
           "dark-dimmed-high-contrast": "{base.color.purple.1}",
           "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
           "dark-tritanopia-high-contrast": "#D3ABFF",
-          "light-high-contrast": "{base.color.purple.6}",
+          "light-high-contrast": "#5e2bb4",
           "light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
           "light-tritanopia-high-contrast": "{base.color.purple.6}"
         },
@@ -39341,7 +39341,7 @@
         "dark": "#3fb950",
         "dark-high-contrast": "#2BD853",
         "dark-dimmed-high-contrast": "#aff5b4",
-        "light-high-contrast": "#196c2e",
+        "light-high-contrast": "#04591f",
         "dark-protanopia-deuteranopia": "#58a6ff",
         "dark-protanopia-deuteranopia-high-contrast": "#a5d6ff",
         "light-protanopia-deuteranopia": "#1f6feb",
@@ -39375,7 +39375,7 @@
           "dark": "{base.color.green.3}",
           "dark-high-contrast": "#2BD853",
           "dark-dimmed-high-contrast": "{base.color.green.0}",
-          "light-high-contrast": "{base.color.green.6}",
+          "light-high-contrast": "#04591f",
           "dark-protanopia-deuteranopia": "{base.color.blue.3}",
           "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
           "light-protanopia-deuteranopia": "{base.color.blue.5}",

package/dist/docs/functional/themes/dark-dimmed-high-contrast.json

@@ -38595,7 +38595,7 @@
         "dark-high-contrast": "#f47067",
         "dark-dimmed-high-contrast": "#ffb8b0",
         "dark-tritanopia-high-contrast": "#f47067",
-        "light-high-contrast": "#ad2e2c",
+        "light-high-contrast": "#960d1e",
         "light-tritanopia-high-contrast": "#ad2e2c"
       },
       "org.primer.llm": {
@@ -38627,7 +38627,7 @@
           "dark-high-contrast": "{base.color.red.3}",
           "dark-dimmed-high-contrast": "{base.color.red.1}",
           "dark-tritanopia-high-contrast": "{base.color.red.3}",
-          "light-high-contrast": "{base.color.red.6}",
+          "light-high-contrast": "#960d1e",
           "light-tritanopia-high-contrast": "{base.color.red.6}"
         },
         "org.primer.llm": {
@@ -38793,7 +38793,7 @@
         "dark-dimmed-high-contrast": "#dcbdfb",
         "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
         "dark-tritanopia-high-contrast": "#D3ABFF",
-        "light-high-contrast": "#6b44bc",
+        "light-high-contrast": "#5e2bb4",
         "light-protanopia-deuteranopia-high-contrast": "#6b44bc",
         "light-tritanopia-high-contrast": "#6b44bc"
       },
@@ -38823,7 +38823,7 @@
           "dark-dimmed-high-contrast": "{base.color.purple.1}",
           "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF",
           "dark-tritanopia-high-contrast": "#D3ABFF",
-          "light-high-contrast": "{base.color.purple.6}",
+          "light-high-contrast": "#5e2bb4",
           "light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}",
           "light-tritanopia-high-contrast": "{base.color.purple.6}"
         },
@@ -39359,7 +39359,7 @@
         "dark": "#57ab5a",
         "dark-high-contrast": "#2BD853",
         "dark-dimmed-high-contrast": "#b4f1b4",
-        "light-high-contrast": "#2b6a30",
+        "light-high-contrast": "#04591f",
         "dark-protanopia-deuteranopia": "#539bf5",
         "dark-protanopia-deuteranopia-high-contrast": "#96d0ff",
         "light-protanopia-deuteranopia": "#316dca",
@@ -39393,7 +39393,7 @@
           "dark": "{base.color.green.3}",
           "dark-high-contrast": "#2BD853",
           "dark-dimmed-high-contrast": "{base.color.green.0}",
-          "light-high-contrast": "{base.color.green.6}",
+          "light-high-contrast": "#04591f",
           "dark-protanopia-deuteranopia": "{base.color.blue.3}",
           "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}",
           "light-protanopia-deuteranopia": "{base.color.blue.5}",