@primer/primitives 7.16.0-rc.65611e2e → 7.16.0-rc.bc1de9e8

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

@@ -8529,35 +8529,6 @@
     "attributes": {},
     "path": ["selection", "bgColor"]
   },
-  "card-bgColor": {
-    "value": "#ffffff",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "light",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{bgColor.default}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "light",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "card-bgColor",
-    "attributes": {},
-    "path": ["card", "bgColor"]
-  },
   "fgColor-default": {
     "value": "#010409",
     "$type": "color",
@@ -9104,41 +9075,6 @@
     "attributes": {},
     "path": ["fgColor", "done", "@"]
   },
-  "fgColor-upsell": {
-    "value": "#622cbc",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "light",
-        "group": "semantic",
-        "scopes": ["fgColor"],
-        "codeSyntax": {
-          "web": "var(--fgColor-upsell)"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.5}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "light",
-          "group": "semantic",
-          "scopes": ["fgColor"],
-          "codeSyntax": {
-            "web": "var(--fgColor-upsell)"
-          }
-        }
-      }
-    },
-    "name": "fgColor-upsell",
-    "attributes": {},
-    "path": ["fgColor", "upsell", "@"]
-  },
   "fgColor-sponsors": {
     "value": "#971368",
     "$type": "color",
@@ -10089,76 +10025,6 @@
     "attributes": {},
     "path": ["bgColor", "done", "emphasis"]
   },
-  "bgColor-upsell-muted": {
-    "value": "#faf0fe",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "light",
-        "group": "semantic",
-        "scopes": ["bgColor"],
-        "codeSyntax": {
-          "web": "var(--bgColor-upsell-muted)"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "light",
-          "group": "semantic",
-          "scopes": ["bgColor"],
-          "codeSyntax": {
-            "web": "var(--bgColor-upsell-muted)"
-          }
-        }
-      }
-    },
-    "name": "bgColor-upsell-muted",
-    "attributes": {},
-    "path": ["bgColor", "upsell", "muted"]
-  },
-  "bgColor-upsell-emphasis": {
-    "value": "#622cbc",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "light",
-        "group": "semantic",
-        "scopes": ["bgColor"],
-        "codeSyntax": {
-          "web": "var(--bgColor-upsell-emphasis)"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.5}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "light",
-          "group": "semantic",
-          "scopes": ["bgColor"],
-          "codeSyntax": {
-            "web": "var(--bgColor-upsell-emphasis)"
-          }
-        }
-      }
-    },
-    "name": "bgColor-upsell-emphasis",
-    "attributes": {},
-    "path": ["bgColor", "upsell", "emphasis"]
-  },
   "bgColor-sponsors-muted": {
     "value": "#feeff7",
     "$type": "color",
@@ -10997,7 +10863,7 @@
         "group": "semantic",
         "scopes": ["borderColor"],
         "codeSyntax": {
-          "web": "var(--borderColor-done-emphasis)"
+          "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
         }
       }
     },
@@ -11013,7 +10879,7 @@
           "group": "semantic",
           "scopes": ["borderColor"],
           "codeSyntax": {
-            "web": "var(--borderColor-done-emphasis)"
+            "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
           }
         }
       }
@@ -11022,78 +10888,6 @@
     "attributes": {},
     "path": ["borderColor", "done", "emphasis"]
   },
-  "borderColor-upsell-muted": {
-    "value": "#a371f766",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "light",
-        "group": "semantic",
-        "scopes": ["borderColor"],
-        "codeSyntax": {
-          "web": "var(--borderColor-upsell-muted)"
-        }
-      }
-    },
-    "alpha": 0.4,
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.3}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "light",
-          "group": "semantic",
-          "scopes": ["borderColor"],
-          "codeSyntax": {
-            "web": "var(--borderColor-upsell-muted)"
-          }
-        }
-      },
-      "alpha": 0.4
-    },
-    "name": "borderColor-upsell-muted",
-    "attributes": {},
-    "path": ["borderColor", "upsell", "muted"]
-  },
-  "borderColor-upsell-emphasis": {
-    "value": "#622cbc",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "light",
-        "group": "semantic",
-        "scopes": ["borderColor"],
-        "codeSyntax": {
-          "web": "var(--borderColor-upsell-emphasis)"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.5}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "light",
-          "group": "semantic",
-          "scopes": ["borderColor"],
-          "codeSyntax": {
-            "web": "var(--borderColor-upsell-emphasis)"
-          }
-        }
-      }
-    },
-    "name": "borderColor-upsell-emphasis",
-    "attributes": {},
-    "path": ["borderColor", "upsell", "emphasis"]
-  },
   "borderColor-sponsors-muted": {
     "value": "#ed4baf",
     "$type": "color",

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

@@ -8505,35 +8505,6 @@
     "attributes": {},
     "path": ["selection", "bgColor"]
   },
-  "card-bgColor": {
-    "value": "#ffffff",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "light",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{bgColor.default}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "light",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "card-bgColor",
-    "attributes": {},
-    "path": ["card", "bgColor"]
-  },
   "fgColor-default": {
     "value": "#1f2328",
     "$type": "color",
@@ -9086,41 +9057,6 @@
     "attributes": {},
     "path": ["fgColor", "done", "@"]
   },
-  "fgColor-upsell": {
-    "value": "#8250df",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "light",
-        "group": "semantic",
-        "scopes": ["fgColor"],
-        "codeSyntax": {
-          "web": "var(--fgColor-upsell)"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.5}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "light",
-          "group": "semantic",
-          "scopes": ["fgColor"],
-          "codeSyntax": {
-            "web": "var(--fgColor-upsell)"
-          }
-        }
-      }
-    },
-    "name": "fgColor-upsell",
-    "attributes": {},
-    "path": ["fgColor", "upsell", "@"]
-  },
   "fgColor-sponsors": {
     "value": "#bf3989",
     "$type": "color",
@@ -10077,76 +10013,6 @@
     "attributes": {},
     "path": ["bgColor", "done", "emphasis"]
   },
-  "bgColor-upsell-muted": {
-    "value": "#fbefff",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "light",
-        "group": "semantic",
-        "scopes": ["bgColor"],
-        "codeSyntax": {
-          "web": "var(--bgColor-upsell-muted)"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.0}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "light",
-          "group": "semantic",
-          "scopes": ["bgColor"],
-          "codeSyntax": {
-            "web": "var(--bgColor-upsell-muted)"
-          }
-        }
-      }
-    },
-    "name": "bgColor-upsell-muted",
-    "attributes": {},
-    "path": ["bgColor", "upsell", "muted"]
-  },
-  "bgColor-upsell-emphasis": {
-    "value": "#8250df",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "light",
-        "group": "semantic",
-        "scopes": ["bgColor"],
-        "codeSyntax": {
-          "web": "var(--bgColor-upsell-emphasis)"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.5}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "light",
-          "group": "semantic",
-          "scopes": ["bgColor"],
-          "codeSyntax": {
-            "web": "var(--bgColor-upsell-emphasis)"
-          }
-        }
-      }
-    },
-    "name": "bgColor-upsell-emphasis",
-    "attributes": {},
-    "path": ["bgColor", "upsell", "emphasis"]
-  },
   "bgColor-sponsors-muted": {
     "value": "#ffeff7",
     "$type": "color",
@@ -10987,7 +10853,7 @@
         "group": "semantic",
         "scopes": ["borderColor"],
         "codeSyntax": {
-          "web": "var(--borderColor-done-emphasis)"
+          "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
         }
       }
     },
@@ -11003,7 +10869,7 @@
           "group": "semantic",
           "scopes": ["borderColor"],
           "codeSyntax": {
-            "web": "var(--borderColor-done-emphasis)"
+            "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
           }
         }
       }
@@ -11012,78 +10878,6 @@
     "attributes": {},
     "path": ["borderColor", "done", "emphasis"]
   },
-  "borderColor-upsell-muted": {
-    "value": "#c297ff66",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "light",
-        "group": "semantic",
-        "scopes": ["borderColor"],
-        "codeSyntax": {
-          "web": "var(--borderColor-upsell-muted)"
-        }
-      }
-    },
-    "alpha": 0.4,
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.3}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "light",
-          "group": "semantic",
-          "scopes": ["borderColor"],
-          "codeSyntax": {
-            "web": "var(--borderColor-upsell-muted)"
-          }
-        }
-      },
-      "alpha": 0.4
-    },
-    "name": "borderColor-upsell-muted",
-    "attributes": {},
-    "path": ["borderColor", "upsell", "muted"]
-  },
-  "borderColor-upsell-emphasis": {
-    "value": "#8250df",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "light",
-        "group": "semantic",
-        "scopes": ["borderColor"],
-        "codeSyntax": {
-          "web": "var(--borderColor-upsell-emphasis)"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.5}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "light",
-          "group": "semantic",
-          "scopes": ["borderColor"],
-          "codeSyntax": {
-            "web": "var(--borderColor-upsell-emphasis)"
-          }
-        }
-      }
-    },
-    "name": "borderColor-upsell-emphasis",
-    "attributes": {},
-    "path": ["borderColor", "upsell", "emphasis"]
-  },
   "borderColor-sponsors-muted": {
     "value": "#ff80c866",
     "$type": "color",