Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add topicTag file #1126

Merged
merged 3 commits into from
Dec 13, 2024
Merged

Add topicTag file #1126

merged 3 commits into from
Dec 13, 2024

Conversation

lukasoppermann
Copy link
Contributor

@lukasoppermann lukasoppermann commented Dec 13, 2024 •
edited
Loading

Summary

Move topicTag into its own file.

@lukasoppermann lukasoppermann added the skip changeset Apply to PRs that should not result in a version bump. label Dec 13, 2024
@lukasoppermann lukasoppermann self-assigned this Dec 13, 2024
@lukasoppermann lukasoppermann requested review from a team as code owners December 13, 2024 12:38
@changeset-bot changeset-bot
Copy link

changeset-bot bot commented Dec 13, 2024 •
edited
Loading

⚠️ No Changeset found

Latest commit: bff2f90

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Dec 13, 2024 •
edited
Loading

Design Token Diff (CSS)

/css/functional/themes/dark-colorblind.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-colorblind.css	2024-12-13 13:02:58.642499078 +0000
@@ -2,7 +2,6 @@
[data-color-mode="dark"][data-dark-theme="dark_colorblind"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark_colorblind"],
[data-color-mode="auto"][data-light-theme="dark_colorblind"] ::backdrop {
-  --topicTag-borderColor: #00000000;
 --highlight-neutral-bgColor: #d2992266;
 --page-header-bgColor: #0d1117;
 --diffBlob-additionLine-fgColor: #f0f6fc;
@@ -604,11 +603,11 @@
 --border-upsell-muted: 0.0625rem solid #ab7df866;
 --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
 --border-sponsors-muted: 0.0625rem solid #db61a266;
+  --topicTag-borderColor: #00000000;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="dark_colorblind"],
 [data-color-mode="auto"][data-dark-theme="dark_colorblind"] ::backdrop {
-    --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
   --diffBlob-additionLine-fgColor: #f0f6fc;
@@ -1210,5 +1209,6 @@
   --border-upsell-muted: 0.0625rem solid #ab7df866;
   --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
   --border-sponsors-muted: 0.0625rem solid #db61a266;
+    --topicTag-borderColor: #00000000;
 }
}

/css/functional/themes/dark-high-contrast.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-high-contrast.css	2024-12-13 13:02:59.489497411 +0000
@@ -2,7 +2,6 @@
[data-color-mode="dark"][data-dark-theme="dark_high_contrast"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark_high_contrast"],
[data-color-mode="auto"][data-light-theme="dark_high_contrast"] ::backdrop {
-  --topicTag-borderColor: #409eff;
 --highlight-neutral-bgColor: #f0b72f66;
 --page-header-bgColor: #010409;
 --diffBlob-additionLine-fgColor: #ffffff;
@@ -604,11 +603,11 @@
 --border-upsell-muted: 0.0625rem solid #bf8fff;
 --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
 --border-sponsors-muted: 0.0625rem solid #f87cbd;
+  --topicTag-borderColor: #409eff;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
 [data-color-mode="auto"][data-dark-theme="dark_high_contrast"] ::backdrop {
-    --topicTag-borderColor: #409eff;
   --highlight-neutral-bgColor: #f0b72f66;
   --page-header-bgColor: #010409;
   --diffBlob-additionLine-fgColor: #ffffff;
@@ -1210,5 +1209,6 @@
   --border-upsell-muted: 0.0625rem solid #bf8fff;
   --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
   --border-sponsors-muted: 0.0625rem solid #f87cbd;
+    --topicTag-borderColor: #409eff;
 }
}

/css/functional/themes/dark-tritanopia.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark-tritanopia.css	2024-12-13 13:02:57.748501417 +0000
@@ -2,7 +2,6 @@
[data-color-mode="dark"][data-dark-theme="dark_tritanopia"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark_tritanopia"],
[data-color-mode="auto"][data-light-theme="dark_tritanopia"] ::backdrop {
-  --topicTag-borderColor: #00000000;
 --highlight-neutral-bgColor: #d2992266;
 --page-header-bgColor: #0d1117;
 --diffBlob-additionLine-fgColor: #f0f6fc;
@@ -604,11 +603,11 @@
 --border-upsell-muted: 0.0625rem solid #ab7df866;
 --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
 --border-sponsors-muted: 0.0625rem solid #db61a266;
+  --topicTag-borderColor: #00000000;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
 [data-color-mode="auto"][data-dark-theme="dark_tritanopia"] ::backdrop {
-    --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
   --diffBlob-additionLine-fgColor: #f0f6fc;
@@ -1210,5 +1209,6 @@
   --border-upsell-muted: 0.0625rem solid #ab7df866;
   --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
   --border-sponsors-muted: 0.0625rem solid #db61a266;
+    --topicTag-borderColor: #00000000;
 }
}

/css/functional/themes/dark.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/dark.css	2024-12-13 13:02:55.967506078 +0000
@@ -2,7 +2,6 @@
[data-color-mode="dark"][data-dark-theme="dark"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark"],
[data-color-mode="auto"][data-light-theme="dark"] ::backdrop {
-  --topicTag-borderColor: #00000000;
 --highlight-neutral-bgColor: #d2992266;
 --page-header-bgColor: #0d1117;
 --diffBlob-additionLine-fgColor: #f0f6fc;
@@ -604,11 +603,11 @@
 --border-upsell-muted: 0.0625rem solid #ab7df866;
 --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
 --border-sponsors-muted: 0.0625rem solid #db61a266;
+  --topicTag-borderColor: #00000000;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="dark"],
 [data-color-mode="auto"][data-dark-theme="dark"] ::backdrop {
-    --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
   --diffBlob-additionLine-fgColor: #f0f6fc;
@@ -1210,5 +1209,6 @@
   --border-upsell-muted: 0.0625rem solid #ab7df866;
   --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
   --border-sponsors-muted: 0.0625rem solid #db61a266;
+    --topicTag-borderColor: #00000000;
 }
}

/css/functional/themes/light-colorblind.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-colorblind.css	2024-12-13 13:02:54.202508346 +0000
@@ -2,7 +2,6 @@
[data-color-mode="light"][data-light-theme="light_colorblind"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light_colorblind"],
[data-color-mode="auto"][data-light-theme="light_colorblind"] ::backdrop {
-  --topicTag-borderColor: #ffffff00;
 --highlight-neutral-bgColor: #fff8c5;
 --page-header-bgColor: #f6f8fa;
 --diffBlob-additionLine-fgColor: #1f2328;
@@ -604,11 +603,11 @@
 --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_colorblind"],
 [data-color-mode="auto"][data-dark-theme="light_colorblind"] ::backdrop {
-    --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
   --diffBlob-additionLine-fgColor: #1f2328;
@@ -1210,5 +1209,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;
 }
}

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

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-high-contrast.css	2024-12-13 13:02:55.021508554 +0000
@@ -2,7 +2,6 @@
[data-color-mode="light"][data-light-theme="light_high_contrast"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light_high_contrast"],
[data-color-mode="auto"][data-light-theme="light_high_contrast"] ::backdrop {
-  --topicTag-borderColor: #0349b4;
 --highlight-neutral-bgColor: #fcf7be;
 --page-header-bgColor: #e6eaef;
 --diffBlob-additionLine-fgColor: #010409;
@@ -604,11 +603,11 @@
 --border-upsell-muted: 0.0625rem solid #a371f7;
 --border-sponsors-emphasis: 0.0625rem solid #971368;
 --border-sponsors-muted: 0.0625rem solid #ed4baf;
+  --topicTag-borderColor: #0349b4;
}
@media (prefers-color-scheme: dark) {
 [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
 [data-color-mode="auto"][data-dark-theme="light_high_contrast"] ::backdrop {
-    --topicTag-borderColor: #0349b4;
   --highlight-neutral-bgColor: #fcf7be;
   --page-header-bgColor: #e6eaef;
   --diffBlob-additionLine-fgColor: #010409;
@@ -1210,5 +1209,6 @@
   --border-upsell-muted: 0.0625rem solid #a371f7;
   --border-sponsors-emphasis: 0.0625rem solid #971368;
   --border-sponsors-muted: 0.0625rem solid #ed4baf;
+    --topicTag-borderColor: #0349b4;
 }
}

/css/functional/themes/light-tritanopia.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light-tritanopia.css	2024-12-13 13:02:53.273507822 +0000
@@ -2,7 +2,6 @@
[data-color-mode="light"][data-light-theme="light_tritanopia"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light_tritanopia"],
[data-color-mode="auto"][data-light-theme="light_tritanopia"] ::backdrop {
-  --topicTag-borderColor: #ffffff00;
 --highlight-neutral-bgColor: #fff8c5;
 --page-header-bgColor: #f6f8fa;
 --diffBlob-additionLine-fgColor: #1f2328;
@@ -604,11 +603,11 @@
 --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_tritanopia"],
 [data-color-mode="auto"][data-dark-theme="light_tritanopia"] ::backdrop {
-    --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
   --diffBlob-additionLine-fgColor: #1f2328;
@@ -1210,5 +1209,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;
 }
}

/css/functional/themes/light.css

 
+++ /home/runner/work/primitives/primitives/dist/css/functional/themes/light.css	2024-12-13 13:02:52.367507312 +0000
@@ -2,7 +2,6 @@
[data-color-mode="light"][data-light-theme="light"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light"],
[data-color-mode="auto"][data-light-theme="light"] ::backdrop {
-  --topicTag-borderColor: #ffffff00;
 --highlight-neutral-bgColor: #fff8c5;
 --page-header-bgColor: #f6f8fa;
 --diffBlob-additionLine-fgColor: #1f2328;
@@ -604,11 +603,11 @@
 --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"],
 [data-color-mode="auto"][data-dark-theme="light"] ::backdrop {
-    --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
   --diffBlob-additionLine-fgColor: #1f2328;
@@ -1210,5 +1209,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;
 }
}

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Dec 13, 2024 •
edited
Loading

Design Token Diff (StyleLint)

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-colorblind.json	2024-12-13 13:02:58.642499078 +0000
@@ -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"]
 }
}

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-dimmed.json	2024-12-13 13:02:56.870503715 +0000
@@ -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}"
       }
     }
   },

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-high-contrast.json	2024-12-13 13:02:59.489497411 +0000
@@ -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"]
 }
}

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark-tritanopia.json	2024-12-13 13:02:57.748501417 +0000
@@ -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"]
 }
}

/styleLint/functional/themes/dark.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/dark.json	2024-12-13 13:02:55.967506078 +0000
@@ -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"]
 }
}

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-colorblind.json	2024-12-13 13:02:54.202508346 +0000
@@ -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"]
 }
}

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-high-contrast.json	2024-12-13 13:02:55.021508554 +0000
@@ -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"]
 }
}

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

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light-tritanopia.json	2024-12-13 13:02:53.273507822 +0000
@@ -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"]
 }
}

/styleLint/functional/themes/light.json

 
+++ /home/runner/work/primitives/primitives/dist/styleLint/functional/themes/light.json	2024-12-13 13:02:52.369507313 +0000
@@ -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"]
 }
}

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Dec 13, 2024 •
edited
Loading

Design Token Diff (Figma)

/figma/themes/dark-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-colorblind.json	2024-12-13 13:03:05.713489714 +0000
@@ -1,21 +1,5 @@
[
 {
-    "name": "topicTag/borderColor",
-    "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/topicTag/borderColor",
-    "reference": "base/color/dark/base/color/transparent",
-    "collection": "mode",
-    "mode": "dark colorblind",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
-  },
-  {
   "name": "highlight/neutral/bgColor",
   "value": {
     "r": 0.8235294117647058,
@@ -9421,5 +9405,21 @@
   "mode": "dark colorblind",
   "collection": "mode",
   "group": "shadow"
+  },
+  {
+    "name": "topicTag/borderColor",
+    "value": {
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/topicTag/borderColor",
+    "reference": "base/color/dark/base/color/transparent",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
 }
]

/figma/themes/dark-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-high-contrast.json	2024-12-13 13:03:06.038488965 +0000
@@ -7734,5 +7734,21 @@
   "mode": "dark high contrast",
   "collection": "mode",
   "group": "shadow"
+  },
+  {
+    "name": "topicTag/borderColor",
+    "value": {
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/topicTag/borderColor",
+    "reference": "base/color/dark/base/color/transparent",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
 }
]

/figma/themes/dark-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark-tritanopia.json	2024-12-13 13:03:05.341490572 +0000
@@ -1,21 +1,5 @@
[
 {
-    "name": "topicTag/borderColor",
-    "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/topicTag/borderColor",
-    "reference": "base/color/dark/base/color/transparent",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
-  },
-  {
   "name": "highlight/neutral/bgColor",
   "value": {
     "r": 0.8235294117647058,
@@ -9576,5 +9560,21 @@
   "mode": "dark tritanopia",
   "collection": "mode",
   "group": "shadow"
+  },
+  {
+    "name": "topicTag/borderColor",
+    "value": {
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/topicTag/borderColor",
+    "reference": "base/color/dark/base/color/transparent",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
 }
]

/figma/themes/dark.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/dark.json	2024-12-13 13:03:04.631492208 +0000
@@ -1,21 +1,5 @@
[
 {
-    "name": "topicTag/borderColor",
-    "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/topicTag/borderColor",
-    "reference": "base/color/dark/base/color/transparent",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
-  },
-  {
   "name": "highlight/neutral/bgColor",
   "value": {
     "r": 0.8235294117647058,
@@ -10334,5 +10318,21 @@
   "mode": "dark",
   "collection": "mode",
   "group": "shadow"
+  },
+  {
+    "name": "topicTag/borderColor",
+    "value": {
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/topicTag/borderColor",
+    "reference": "base/color/dark/base/color/transparent",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
 }
]

/figma/themes/light-colorblind.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-colorblind.json	2024-12-13 13:03:03.915493553 +0000
@@ -1,21 +1,5 @@
[
 {
-    "name": "topicTag/borderColor",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/topicTag/borderColor",
-    "reference": "base/color/light/base/color/transparent",
-    "collection": "mode",
-    "mode": "light colorblind",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
-  },
-  {
   "name": "highlight/neutral/bgColor",
   "value": {
     "r": 1,
@@ -9421,5 +9405,21 @@
   "mode": "light colorblind",
   "collection": "mode",
   "group": "shadow"
+  },
+  {
+    "name": "topicTag/borderColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/topicTag/borderColor",
+    "reference": "base/color/light/base/color/transparent",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
 }
]

/figma/themes/light-high-contrast.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-high-contrast.json	2024-12-13 13:03:04.257493070 +0000
@@ -7871,5 +7871,21 @@
   "mode": "light high contrast",
   "collection": "mode",
   "group": "shadow"
+  },
+  {
+    "name": "topicTag/borderColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/topicTag/borderColor",
+    "reference": "base/color/light/base/color/transparent",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
 }
]

/figma/themes/light-tritanopia.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/light-tritanopia.json	2024-12-13 13:03:03.551493870 +0000
@@ -1,21 +1,5 @@
[
 {
-    "name": "topicTag/borderColor",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/topicTag/borderColor",
-    "reference": "base/color/light/base/color/transparent",
-    "collection": "mode",
-    "mode": "light tritanopia",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
-  },
-  {
   "name": "highlight/neutral/bgColor",
   "value": {
     "r": 1,
@@ -9547,5 +9531,21 @@
   "mode": "light tritanopia",
   "collection": "mode",
   "group": "shadow"
+  },
+  {
+    "name": "topicTag/borderColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/topicTag/borderColor",
+    "reference": "base/color/light/base/color/transparent",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
 }
]

/figma/themes/light.json

 
+++ /home/runner/work/primitives/primitives/dist/figma/themes/light.json	2024-12-13 13:03:03.164494208 +0000
@@ -1,21 +1,5 @@
[
 {
-    "name": "topicTag/borderColor",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/topicTag/borderColor",
-    "reference": "base/color/light/base/color/transparent",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
-  },
-  {
   "name": "highlight/neutral/bgColor",
   "value": {
     "r": 1,
@@ -10199,5 +10183,21 @@
   "mode": "light",
   "collection": "mode",
   "group": "shadow"
+  },
+  {
+    "name": "topicTag/borderColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0
+    },
+    "type": "COLOR",
+    "refId": "mode/topicTag/borderColor",
+    "reference": "base/color/light/base/color/transparent",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
 }
]

@github-actions github-actions bot temporarily deployed to Preview (Storybook) December 13, 2024 12:40 Inactive
@github-actions github-actions bot temporarily deployed to Preview (Storybook) December 13, 2024 12:46 Inactive
@github-actions github-actions bot temporarily deployed to Preview (Storybook) December 13, 2024 13:04 Inactive
@lukasoppermann lukasoppermann merged commit e9301be into main Dec 13, 2024
24 of 26 checks passed
@lukasoppermann lukasoppermann deleted the topicTag branch December 13, 2024 13:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@langermank langermank Awaiting requested review from langermank langermank is a code owner automatically assigned from primer/css-reviewers

Assignees

@lukasoppermann lukasoppermann

Labels
skip changeset Apply to PRs that should not result in a version bump.
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@lukasoppermann