@primer/primitives 7.11.8-rc.b0ba5ff → 7.11.8-rc.cd822f0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.11.8-rc.b0ba5ff",
+  "version": "7.11.8-rc.cd822f0",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

package/tokens-next-private/css/functional/themes/dark-colorblind.css

@@ -256,6 +256,7 @@
   --color-ansi-cyan-bright: #56d4dd;
   --color-prettylights-syntax-comment: #8b949e;
   --color-prettylights-syntax-constant: #79c0ff;
+  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
   --color-prettylights-syntax-entity: #d2a8ff;
   --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
   --color-prettylights-syntax-entity-tag: #a5d6ff;
@@ -283,7 +284,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #1158c7;
   --color-prettylights-syntax-meta-diff-range: #d2a8ff;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
   --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
   --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
   --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
@@ -646,6 +646,7 @@
     --color-ansi-cyan-bright: #56d4dd;
     --color-prettylights-syntax-comment: #8b949e;
     --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
     --color-prettylights-syntax-entity: #d2a8ff;
     --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
     --color-prettylights-syntax-entity-tag: #a5d6ff;
@@ -673,7 +674,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #1158c7;
     --color-prettylights-syntax-meta-diff-range: #d2a8ff;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
     --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
     --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
     --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */

package/tokens-next-private/css/functional/themes/dark-dimmed.css

@@ -256,6 +256,7 @@
   --color-ansi-cyan-bright: #56d4dd;
   --color-prettylights-syntax-comment: #768390;
   --color-prettylights-syntax-constant: #6cb6ff;
+  --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
   --color-prettylights-syntax-entity: #dcbdfb;
   --color-prettylights-syntax-storage-modifier-import: #adbac7;
   --color-prettylights-syntax-entity-tag: #8ddb8c;
@@ -283,7 +284,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #255ab2;
   --color-prettylights-syntax-meta-diff-range: #dcbdfb;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
-  --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
   --color-scale-black: #1c2128; /* Avoid using scales, use other functional tokens instead */
   --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
   --color-scale-white: #cdd9e5; /* Avoid using scales, use other functional tokens instead */
@@ -646,6 +646,7 @@
     --color-ansi-cyan-bright: #56d4dd;
     --color-prettylights-syntax-comment: #768390;
     --color-prettylights-syntax-constant: #6cb6ff;
+    --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
     --color-prettylights-syntax-entity: #dcbdfb;
     --color-prettylights-syntax-storage-modifier-import: #adbac7;
     --color-prettylights-syntax-entity-tag: #8ddb8c;
@@ -673,7 +674,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #255ab2;
     --color-prettylights-syntax-meta-diff-range: #dcbdfb;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
-    --color-prettylights-syntax-constant-other-reference-link: #96d0ff;
     --color-scale-black: #1c2128; /* Avoid using scales, use other functional tokens instead */
     --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
     --color-scale-white: #cdd9e5; /* Avoid using scales, use other functional tokens instead */

package/tokens-next-private/css/functional/themes/dark-high-contrast.css

@@ -256,6 +256,7 @@
   --color-ansi-cyan-bright: #56d4dd;
   --color-prettylights-syntax-comment: #bdc4cc;
   --color-prettylights-syntax-constant: #91cbff;
+  --color-prettylights-syntax-constant-other-reference-link: #addcff;
   --color-prettylights-syntax-entity: #dbb7ff;
   --color-prettylights-syntax-storage-modifier-import: #f0f3f6;
   --color-prettylights-syntax-entity-tag: #72f088;
@@ -283,7 +284,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #318bf8;
   --color-prettylights-syntax-meta-diff-range: #dbb7ff;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
-  --color-prettylights-syntax-constant-other-reference-link: #addcff;
   --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
   --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
   --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
@@ -646,6 +646,7 @@
     --color-ansi-cyan-bright: #56d4dd;
     --color-prettylights-syntax-comment: #bdc4cc;
     --color-prettylights-syntax-constant: #91cbff;
+    --color-prettylights-syntax-constant-other-reference-link: #addcff;
     --color-prettylights-syntax-entity: #dbb7ff;
     --color-prettylights-syntax-storage-modifier-import: #f0f3f6;
     --color-prettylights-syntax-entity-tag: #72f088;
@@ -673,7 +674,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #318bf8;
     --color-prettylights-syntax-meta-diff-range: #dbb7ff;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
-    --color-prettylights-syntax-constant-other-reference-link: #addcff;
     --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
     --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
     --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */

package/tokens-next-private/css/functional/themes/dark-tritanopia.css

@@ -256,6 +256,7 @@
   --color-ansi-cyan-bright: #56d4dd;
   --color-prettylights-syntax-comment: #8b949e;
   --color-prettylights-syntax-constant: #79c0ff;
+  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
   --color-prettylights-syntax-entity: #d2a8ff;
   --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
   --color-prettylights-syntax-entity-tag: #a5d6ff;
@@ -283,7 +284,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #1158c7;
   --color-prettylights-syntax-meta-diff-range: #d2a8ff;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
   --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
   --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
   --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
@@ -646,6 +646,7 @@
     --color-ansi-cyan-bright: #56d4dd;
     --color-prettylights-syntax-comment: #8b949e;
     --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
     --color-prettylights-syntax-entity: #d2a8ff;
     --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
     --color-prettylights-syntax-entity-tag: #a5d6ff;
@@ -673,7 +674,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #1158c7;
     --color-prettylights-syntax-meta-diff-range: #d2a8ff;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
     --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
     --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
     --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */

package/tokens-next-private/css/functional/themes/dark.css

@@ -256,6 +256,7 @@
   --color-ansi-cyan-bright: #56d4dd;
   --color-prettylights-syntax-comment: #8b949e;
   --color-prettylights-syntax-constant: #79c0ff;
+  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
   --color-prettylights-syntax-entity: #d2a8ff;
   --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
   --color-prettylights-syntax-entity-tag: #7ee787;
@@ -283,7 +284,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #1158c7;
   --color-prettylights-syntax-meta-diff-range: #d2a8ff;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
   --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
   --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
   --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
@@ -646,6 +646,7 @@
     --color-ansi-cyan-bright: #56d4dd;
     --color-prettylights-syntax-comment: #8b949e;
     --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
     --color-prettylights-syntax-entity: #d2a8ff;
     --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
     --color-prettylights-syntax-entity-tag: #7ee787;
@@ -673,7 +674,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #1158c7;
     --color-prettylights-syntax-meta-diff-range: #d2a8ff;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
     --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
     --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
     --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */

package/tokens-next-private/css/functional/themes/light-colorblind.css

@@ -257,6 +257,7 @@
   --color-ansi-cyan-bright: #3192aa;
   --color-prettylights-syntax-comment: #6e7781;
   --color-prettylights-syntax-constant: #0550ae;
+  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
   --color-prettylights-syntax-entity: #8250df;
   --color-prettylights-syntax-storage-modifier-import: #24292f;
   --color-prettylights-syntax-entity-tag: #0550ae;
@@ -284,7 +285,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #0550ae;
   --color-prettylights-syntax-meta-diff-range: #8250df;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
   --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */
   --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
   --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
@@ -647,6 +647,7 @@
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #6e7781;
     --color-prettylights-syntax-constant: #0550ae;
+    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
     --color-prettylights-syntax-entity: #8250df;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
     --color-prettylights-syntax-entity-tag: #0550ae;
@@ -674,7 +675,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
     --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */
     --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
     --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */

package/tokens-next-private/css/functional/themes/light-high-contrast.css

@@ -257,6 +257,7 @@
   --color-ansi-cyan-bright: #3192aa;
   --color-prettylights-syntax-comment: #66707b;
   --color-prettylights-syntax-constant: #023b95;
+  --color-prettylights-syntax-constant-other-reference-link: #032563;
   --color-prettylights-syntax-entity: #622cbc;
   --color-prettylights-syntax-storage-modifier-import: #0e1116;
   --color-prettylights-syntax-entity-tag: #023b95;
@@ -284,7 +285,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #023b95;
   --color-prettylights-syntax-meta-diff-range: #622cbc;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
-  --color-prettylights-syntax-constant-other-reference-link: #032563;
   --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
   --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
   --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
@@ -647,6 +647,7 @@
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #66707b;
     --color-prettylights-syntax-constant: #023b95;
+    --color-prettylights-syntax-constant-other-reference-link: #032563;
     --color-prettylights-syntax-entity: #622cbc;
     --color-prettylights-syntax-storage-modifier-import: #0e1116;
     --color-prettylights-syntax-entity-tag: #023b95;
@@ -674,7 +675,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #023b95;
     --color-prettylights-syntax-meta-diff-range: #622cbc;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
-    --color-prettylights-syntax-constant-other-reference-link: #032563;
     --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
     --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
     --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */

package/tokens-next-private/css/functional/themes/light-tritanopia.css

@@ -257,6 +257,7 @@
   --color-ansi-cyan-bright: #3192aa;
   --color-prettylights-syntax-comment: #6e7781;
   --color-prettylights-syntax-constant: #0550ae;
+  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
   --color-prettylights-syntax-entity: #8250df;
   --color-prettylights-syntax-storage-modifier-import: #24292f;
   --color-prettylights-syntax-entity-tag: #0550ae;
@@ -284,7 +285,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #0550ae;
   --color-prettylights-syntax-meta-diff-range: #8250df;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
   --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */
   --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
   --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
@@ -647,6 +647,7 @@
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #6e7781;
     --color-prettylights-syntax-constant: #0550ae;
+    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
     --color-prettylights-syntax-entity: #8250df;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
     --color-prettylights-syntax-entity-tag: #0550ae;
@@ -674,7 +675,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
     --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */
     --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
     --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */

package/tokens-next-private/css/functional/themes/light.css

@@ -257,6 +257,7 @@
   --color-ansi-cyan-bright: #3192aa;
   --color-prettylights-syntax-comment: #6e7781;
   --color-prettylights-syntax-constant: #0550ae;
+  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
   --color-prettylights-syntax-entity: #8250df;
   --color-prettylights-syntax-storage-modifier-import: #24292f;
   --color-prettylights-syntax-entity-tag: #0550ae;
@@ -284,7 +285,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #0550ae;
   --color-prettylights-syntax-meta-diff-range: #8250df;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
   --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */
   --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
   --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
@@ -647,6 +647,7 @@
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #6e7781;
     --color-prettylights-syntax-constant: #0550ae;
+    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
     --color-prettylights-syntax-entity: #8250df;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
     --color-prettylights-syntax-entity-tag: #0550ae;
@@ -674,7 +675,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
     --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */
     --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
     --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */

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

@@ -33,15 +33,15 @@
   --text-title-weight-medium: 600;
   --text-title-weight-large: 600;
   --text-display-weight: 500;
-  --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace);
-  --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size)/var(--text-codeBlock-lineHeight) var(--fontStack-monospace);
-  --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-lineHeight) var(--fontStack-sansSerif);
-  --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small)/var(--text-body-lineHeight-small) var(--fontStack-sansSerif);
-  --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium)/var(--text-body-lineHeight-medium) var(--fontStack-sansSerif);
-  --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large)/var(--text-body-lineHeight-large) var(--fontStack-sansSerif);
-  --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size)/var(--text-subtitle-lineHeight) var(--fontStack-sansSerif);
-  --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small)/var(--text-title-lineHeight-small) var(--fontStack-sansSerif);
-  --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium)/var(--text-title-lineHeight-medium) var(--fontStack-sansSerif);
-  --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large)/var(--text-title-lineHeight-large) var(--fontStack-sansSerif);
-  --text-display-shorthand: var(--text-display-weight) var(--text-display-size)/var(--text-display-lineHeight) var(--fontStack-sansSerif);
+  --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace); /* Inline code blocks using em units to inherit size from its parent. */
+  --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size)/var(--text-codeBlock-lineHeight) var(--fontStack-monospace); /* Default style for rendering code blocks. */
+  --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-lineHeight) var(--fontStack-sansSerif); /* 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. */
+  --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small)/var(--text-body-lineHeight-small) var(--fontStack-sansSerif); /* 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. */
+  --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium)/var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); /* Default UI font. Most commonly used for body text. */
+  --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large)/var(--text-body-lineHeight-large) var(--fontStack-sansSerif); /* User-generated content, markdown rendering. */
+  --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size)/var(--text-subtitle-lineHeight) var(--fontStack-sansSerif); /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
+  --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small)/var(--text-title-lineHeight-small) var(--fontStack-sansSerif); /* Uses the same size as body (large) with a heavier weight of semibold (600). */
+  --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium)/var(--text-title-lineHeight-medium) var(--fontStack-sansSerif); /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
+  --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large)/var(--text-title-lineHeight-large) var(--fontStack-sansSerif); /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
+  --text-display-shorthand: var(--text-display-weight) var(--text-display-size)/var(--text-display-lineHeight) var(--fontStack-sansSerif); /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
 }

package/tokens-next-private/docs/functional/themes/dark-colorblind.json

@@ -3600,6 +3600,19 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "constant"]
   },
+  "color-prettylights-syntax-constant-other-reference-link": {
+    "value": "#a5d6ff",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.1}",
+      "$type": "color"
+    },
+    "name": "color-prettylights-syntax-constant-other-reference-link",
+    "attributes": {},
+    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
+  },
   "color-prettylights-syntax-entity": {
     "value": "#d2a8ff",
     "$type": "color",
@@ -3951,19 +3964,6 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"]
   },
-  "color-prettylights-syntax-constant-other-reference-link": {
-    "value": "#a5d6ff",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.1}",
-      "$type": "color"
-    },
-    "name": "color-prettylights-syntax-constant-other-reference-link",
-    "attributes": {},
-    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
-  },
   "color-scale-black": {
     "value": "#010409",
     "$type": "color",

package/tokens-next-private/docs/functional/themes/dark-dimmed.json

@@ -3604,6 +3604,19 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "constant"]
   },
+  "color-prettylights-syntax-constant-other-reference-link": {
+    "value": "#96d0ff",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.1}",
+      "$type": "color"
+    },
+    "name": "color-prettylights-syntax-constant-other-reference-link",
+    "attributes": {},
+    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
+  },
   "color-prettylights-syntax-entity": {
     "value": "#dcbdfb",
     "$type": "color",
@@ -3955,19 +3968,6 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"]
   },
-  "color-prettylights-syntax-constant-other-reference-link": {
-    "value": "#96d0ff",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.1}",
-      "$type": "color"
-    },
-    "name": "color-prettylights-syntax-constant-other-reference-link",
-    "attributes": {},
-    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
-  },
   "color-scale-black": {
     "value": "#1c2128",
     "$type": "color",

package/tokens-next-private/docs/functional/themes/dark-high-contrast.json

@@ -3608,6 +3608,19 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "constant"]
   },
+  "color-prettylights-syntax-constant-other-reference-link": {
+    "value": "#addcff",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.1}",
+      "$type": "color"
+    },
+    "name": "color-prettylights-syntax-constant-other-reference-link",
+    "attributes": {},
+    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
+  },
   "color-prettylights-syntax-entity": {
     "value": "#dbb7ff",
     "$type": "color",
@@ -3959,19 +3972,6 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"]
   },
-  "color-prettylights-syntax-constant-other-reference-link": {
-    "value": "#addcff",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.1}",
-      "$type": "color"
-    },
-    "name": "color-prettylights-syntax-constant-other-reference-link",
-    "attributes": {},
-    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
-  },
   "color-scale-black": {
     "value": "#010409",
     "$type": "color",

package/tokens-next-private/docs/functional/themes/dark-tritanopia.json

@@ -3604,6 +3604,19 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "constant"]
   },
+  "color-prettylights-syntax-constant-other-reference-link": {
+    "value": "#a5d6ff",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.1}",
+      "$type": "color"
+    },
+    "name": "color-prettylights-syntax-constant-other-reference-link",
+    "attributes": {},
+    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
+  },
   "color-prettylights-syntax-entity": {
     "value": "#d2a8ff",
     "$type": "color",
@@ -3955,19 +3968,6 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"]
   },
-  "color-prettylights-syntax-constant-other-reference-link": {
-    "value": "#a5d6ff",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.1}",
-      "$type": "color"
-    },
-    "name": "color-prettylights-syntax-constant-other-reference-link",
-    "attributes": {},
-    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
-  },
   "color-scale-black": {
     "value": "#010409",
     "$type": "color",

package/tokens-next-private/docs/functional/themes/dark.json

@@ -3604,6 +3604,19 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "constant"]
   },
+  "color-prettylights-syntax-constant-other-reference-link": {
+    "value": "#a5d6ff",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.1}",
+      "$type": "color"
+    },
+    "name": "color-prettylights-syntax-constant-other-reference-link",
+    "attributes": {},
+    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
+  },
   "color-prettylights-syntax-entity": {
     "value": "#d2a8ff",
     "$type": "color",
@@ -3955,19 +3968,6 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"]
   },
-  "color-prettylights-syntax-constant-other-reference-link": {
-    "value": "#a5d6ff",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.1}",
-      "$type": "color"
-    },
-    "name": "color-prettylights-syntax-constant-other-reference-link",
-    "attributes": {},
-    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
-  },
   "color-scale-black": {
     "value": "#010409",
     "$type": "color",

package/tokens-next-private/docs/functional/themes/light-colorblind.json

@@ -3611,6 +3611,19 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "constant"]
   },
+  "color-prettylights-syntax-constant-other-reference-link": {
+    "value": "#0a3069",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/syntax-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.8}",
+      "$type": "color"
+    },
+    "name": "color-prettylights-syntax-constant-other-reference-link",
+    "attributes": {},
+    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
+  },
   "color-prettylights-syntax-entity": {
     "value": "#8250df",
     "$type": "color",
@@ -3962,19 +3975,6 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"]
   },
-  "color-prettylights-syntax-constant-other-reference-link": {
-    "value": "#0a3069",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/light/syntax-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.8}",
-      "$type": "color"
-    },
-    "name": "color-prettylights-syntax-constant-other-reference-link",
-    "attributes": {},
-    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
-  },
   "color-scale-black": {
     "value": "#1f2328",
     "$type": "color",

package/tokens-next-private/docs/functional/themes/light-high-contrast.json

@@ -3601,6 +3601,19 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "constant"]
   },
+  "color-prettylights-syntax-constant-other-reference-link": {
+    "value": "#032563",
+    "$type": "color",
+    "filePath": "src/tokens/functional/color/light/syntax-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.blue.8}",
+      "$type": "color"
+    },
+    "name": "color-prettylights-syntax-constant-other-reference-link",
+    "attributes": {},
+    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
+  },
   "color-prettylights-syntax-entity": {
     "value": "#622cbc",
     "$type": "color",
@@ -3952,19 +3965,6 @@
     "attributes": {},
     "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"]
   },
-  "color-prettylights-syntax-constant-other-reference-link": {
-    "value": "#032563",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/light/syntax-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.blue.8}",
-      "$type": "color"
-    },
-    "name": "color-prettylights-syntax-constant-other-reference-link",
-    "attributes": {},
-    "path": ["color", "prettylights", "syntax", "constant-other-reference-link"]
-  },
   "color-scale-black": {
     "value": "#010409",
     "$type": "color",