@primer/primitives 10.2.0-rc.265b4e6a → 10.2.0-rc.356b5bb4

package/dist/internalCss/light.css

@@ -306,7 +306,6 @@
   --base-display-color-coral-9: #5d180e;
   --base-display-color-black: #0d1117;
   --base-display-color-white: #ffffff;
-  --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
   --diffBlob-additionLine-fgColor: #1f2328;
@@ -908,6 +907,7 @@
   --border-upsell-muted: 0.0625rem solid #c297ff66;
   --border-sponsors-emphasis: 0.0625rem solid #bf3989;
   --border-sponsors-muted: 0.0625rem solid #ff80c866;
+  --topicTag-borderColor: #ffffff00;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="light"],
@@ -1216,7 +1216,6 @@
     --base-display-color-coral-9: #5d180e;
     --base-display-color-black: #0d1117;
     --base-display-color-white: #ffffff;
-    --topicTag-borderColor: #ffffff00;
     --highlight-neutral-bgColor: #fff8c5;
     --page-header-bgColor: #f6f8fa;
     --diffBlob-additionLine-fgColor: #1f2328;
@@ -1818,5 +1817,6 @@
     --border-upsell-muted: 0.0625rem solid #c297ff66;
     --border-sponsors-emphasis: 0.0625rem solid #bf3989;
     --border-sponsors-muted: 0.0625rem solid #ff80c866;
+    --topicTag-borderColor: #ffffff00;
   }
 }

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

@@ -1,31 +1,4 @@
 {
-  "topicTag-borderColor": {
-    "$value": "#00000000",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["borderColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.color.transparent}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["borderColor"]
-        }
-      }
-    },
-    "name": "topicTag-borderColor",
-    "attributes": {},
-    "path": ["topicTag", "borderColor"]
-  },
   "highlight-neutral-bgColor": {
     "$value": "#d2992266",
     "$type": "color",
@@ -15685,5 +15658,40 @@
     "name": "border-sponsors-muted",
     "attributes": {},
     "path": ["border", "sponsors", "muted"]
+  },
+  "topicTag-borderColor": {
+    "$value": "#00000000",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "light-high-contrast": "#1f6feb",
+        "dark-high-contrast": "#1f6feb"
+      }
+    },
+    "filePath": "src/tokens/component/topicTag.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "light-high-contrast": "{borderColor.accent.emphasis}",
+          "dark-high-contrast": "{borderColor.accent.emphasis}"
+        }
+      }
+    },
+    "name": "topicTag-borderColor",
+    "attributes": {},
+    "path": ["topicTag", "borderColor"]
   }
 }

package/dist/styleLint/functional/themes/dark-dimmed.json

@@ -7,9 +7,13 @@
         "collection": "mode",
         "group": "component",
         "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "light-high-contrast": "#316dca",
+        "dark-high-contrast": "#316dca"
       }
     },
-    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "filePath": "src/tokens/component/topicTag.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.transparent}",
@@ -19,6 +23,10 @@
           "collection": "mode",
           "group": "component",
           "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "light-high-contrast": "{borderColor.accent.emphasis}",
+          "dark-high-contrast": "{borderColor.accent.emphasis}"
         }
       }
     },

package/dist/styleLint/functional/themes/dark-high-contrast.json

@@ -1,17 +1,4 @@
 {
-  "topicTag-borderColor": {
-    "$value": "#409eff",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{borderColor.accent.emphasis}",
-      "$type": "color"
-    },
-    "name": "topicTag-borderColor",
-    "attributes": {},
-    "path": ["topicTag", "borderColor"]
-  },
   "highlight-neutral-bgColor": {
     "$value": "#f0b72f66",
     "$type": "color",
@@ -14181,5 +14168,40 @@
     "name": "border-sponsors-muted",
     "attributes": {},
     "path": ["border", "sponsors", "muted"]
+  },
+  "topicTag-borderColor": {
+    "$value": "#409eff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "light-high-contrast": "#409eff",
+        "dark-high-contrast": "#409eff"
+      }
+    },
+    "filePath": "src/tokens/component/topicTag.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{borderColor.accent.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "light-high-contrast": "{borderColor.accent.emphasis}",
+          "dark-high-contrast": "{borderColor.accent.emphasis}"
+        }
+      }
+    },
+    "name": "topicTag-borderColor",
+    "attributes": {},
+    "path": ["topicTag", "borderColor"]
   }
 }

package/dist/styleLint/functional/themes/dark-tritanopia.json

@@ -1,31 +1,4 @@
 {
-  "topicTag-borderColor": {
-    "$value": "#00000000",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["borderColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.color.transparent}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["borderColor"]
-        }
-      }
-    },
-    "name": "topicTag-borderColor",
-    "attributes": {},
-    "path": ["topicTag", "borderColor"]
-  },
   "highlight-neutral-bgColor": {
     "$value": "#d2992266",
     "$type": "color",
@@ -15807,5 +15780,40 @@
     "name": "border-sponsors-muted",
     "attributes": {},
     "path": ["border", "sponsors", "muted"]
+  },
+  "topicTag-borderColor": {
+    "$value": "#00000000",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "light-high-contrast": "#1f6feb",
+        "dark-high-contrast": "#1f6feb"
+      }
+    },
+    "filePath": "src/tokens/component/topicTag.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "light-high-contrast": "{borderColor.accent.emphasis}",
+          "dark-high-contrast": "{borderColor.accent.emphasis}"
+        }
+      }
+    },
+    "name": "topicTag-borderColor",
+    "attributes": {},
+    "path": ["topicTag", "borderColor"]
   }
 }

package/dist/styleLint/functional/themes/dark.json

@@ -1,31 +1,4 @@
 {
-  "topicTag-borderColor": {
-    "$value": "#00000000",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["borderColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.color.transparent}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["borderColor"]
-        }
-      }
-    },
-    "name": "topicTag-borderColor",
-    "attributes": {},
-    "path": ["topicTag", "borderColor"]
-  },
   "highlight-neutral-bgColor": {
     "$value": "#d2992266",
     "$type": "color",
@@ -16511,5 +16484,40 @@
     "name": "border-sponsors-muted",
     "attributes": {},
     "path": ["border", "sponsors", "muted"]
+  },
+  "topicTag-borderColor": {
+    "$value": "#00000000",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "light-high-contrast": "#1f6feb",
+        "dark-high-contrast": "#1f6feb"
+      }
+    },
+    "filePath": "src/tokens/component/topicTag.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "light-high-contrast": "{borderColor.accent.emphasis}",
+          "dark-high-contrast": "{borderColor.accent.emphasis}"
+        }
+      }
+    },
+    "name": "topicTag-borderColor",
+    "attributes": {},
+    "path": ["topicTag", "borderColor"]
   }
 }

package/dist/styleLint/functional/themes/light-colorblind.json

@@ -1,31 +1,4 @@
 {
-  "topicTag-borderColor": {
-    "$value": "#ffffff00",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["borderColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/app-light.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.color.transparent}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["borderColor"]
-        }
-      }
-    },
-    "name": "topicTag-borderColor",
-    "attributes": {},
-    "path": ["topicTag", "borderColor"]
-  },
   "highlight-neutral-bgColor": {
     "$value": "#fff8c5",
     "$type": "color",
@@ -15723,5 +15696,40 @@
     "name": "border-sponsors-muted",
     "attributes": {},
     "path": ["border", "sponsors", "muted"]
+  },
+  "topicTag-borderColor": {
+    "$value": "#ffffff00",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "light-high-contrast": "#0969da",
+        "dark-high-contrast": "#0969da"
+      }
+    },
+    "filePath": "src/tokens/component/topicTag.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "light-high-contrast": "{borderColor.accent.emphasis}",
+          "dark-high-contrast": "{borderColor.accent.emphasis}"
+        }
+      }
+    },
+    "name": "topicTag-borderColor",
+    "attributes": {},
+    "path": ["topicTag", "borderColor"]
   }
 }

package/dist/styleLint/functional/themes/light-high-contrast.json

@@ -1,17 +1,4 @@
 {
-  "topicTag-borderColor": {
-    "$value": "#0349b4",
-    "$type": "color",
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{borderColor.accent.emphasis}",
-      "$type": "color"
-    },
-    "name": "topicTag-borderColor",
-    "attributes": {},
-    "path": ["topicTag", "borderColor"]
-  },
   "highlight-neutral-bgColor": {
     "$value": "#fcf7be",
     "$type": "color",
@@ -14347,5 +14334,40 @@
     "name": "border-sponsors-muted",
     "attributes": {},
     "path": ["border", "sponsors", "muted"]
+  },
+  "topicTag-borderColor": {
+    "$value": "#0349b4",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "light-high-contrast": "#0349b4",
+        "dark-high-contrast": "#0349b4"
+      }
+    },
+    "filePath": "src/tokens/component/topicTag.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{borderColor.accent.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "light-high-contrast": "{borderColor.accent.emphasis}",
+          "dark-high-contrast": "{borderColor.accent.emphasis}"
+        }
+      }
+    },
+    "name": "topicTag-borderColor",
+    "attributes": {},
+    "path": ["topicTag", "borderColor"]
   }
 }

package/dist/styleLint/functional/themes/light-tritanopia.json

@@ -1,31 +1,4 @@
 {
-  "topicTag-borderColor": {
-    "$value": "#ffffff00",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["borderColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/app-light.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.color.transparent}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["borderColor"]
-        }
-      }
-    },
-    "name": "topicTag-borderColor",
-    "attributes": {},
-    "path": ["topicTag", "borderColor"]
-  },
   "highlight-neutral-bgColor": {
     "$value": "#fff8c5",
     "$type": "color",
@@ -15825,5 +15798,40 @@
     "name": "border-sponsors-muted",
     "attributes": {},
     "path": ["border", "sponsors", "muted"]
+  },
+  "topicTag-borderColor": {
+    "$value": "#ffffff00",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "light-high-contrast": "#0969da",
+        "dark-high-contrast": "#0969da"
+      }
+    },
+    "filePath": "src/tokens/component/topicTag.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "light-high-contrast": "{borderColor.accent.emphasis}",
+          "dark-high-contrast": "{borderColor.accent.emphasis}"
+        }
+      }
+    },
+    "name": "topicTag-borderColor",
+    "attributes": {},
+    "path": ["topicTag", "borderColor"]
   }
 }

package/dist/styleLint/functional/themes/light.json

@@ -1,31 +1,4 @@
 {
-  "topicTag-borderColor": {
-    "$value": "#ffffff00",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component",
-        "scopes": ["borderColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/app-light.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.color.transparent}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component",
-          "scopes": ["borderColor"]
-        }
-      }
-    },
-    "name": "topicTag-borderColor",
-    "attributes": {},
-    "path": ["topicTag", "borderColor"]
-  },
   "highlight-neutral-bgColor": {
     "$value": "#fff8c5",
     "$type": "color",
@@ -16447,5 +16420,40 @@
     "name": "border-sponsors-muted",
     "attributes": {},
     "path": ["border", "sponsors", "muted"]
+  },
+  "topicTag-borderColor": {
+    "$value": "#ffffff00",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "light-high-contrast": "#0969da",
+        "dark-high-contrast": "#0969da"
+      }
+    },
+    "filePath": "src/tokens/component/topicTag.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "light-high-contrast": "{borderColor.accent.emphasis}",
+          "dark-high-contrast": "{borderColor.accent.emphasis}"
+        }
+      }
+    },
+    "name": "topicTag-borderColor",
+    "attributes": {},
+    "path": ["topicTag", "borderColor"]
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "10.2.0-rc.265b4e6a",
+  "version": "10.2.0-rc.356b5bb4",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "type": "module",
   "files": [

package/src/tokens/component/topicTag.json5

@@ -0,0 +1,19 @@
+{
+  topicTag: {
+    borderColor: {
+      $value: '{base.color.transparent}',
+      $type: 'color',
+      $extensions: {
+        'org.primer.figma': {
+          collection: 'mode',
+          group: 'component',
+          scopes: ['borderColor'],
+        },
+        'org.primer.overrides': {
+          'light-high-contrast': '{borderColor.accent.emphasis}',
+          'dark-high-contrast': '{borderColor.accent.emphasis}',
+        },
+      },
+    },
+  },
+}

package/src/tokens/functional/color/dark/app-dark.json5

@@ -1,18 +1,4 @@
 {
-  topicTag: {
-    borderColor: {
-      $value: '{base.color.transparent}',
-      $type: 'color',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-
-          group: 'component',
-          scopes: ['borderColor'],
-        },
-      },
-    },
-  },
   highlight: {
     neutral: {
       bgColor: {

package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5

@@ -220,12 +220,6 @@
       alpha: 0.9,
     },
   },
-  topicTag: {
-    borderColor: {
-      $value: '{borderColor.accent.emphasis}',
-      $type: 'color',
-    },
-  },
   counter: {
     borderColor: {
       $value: '{borderColor.default}',