npm - @primer/primitives - Versions diffs - 7.16.0-rc.65611e2e → 7.16.0-rc.bc1de9e8 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (144) hide show

package/dist/docs/functional/themes/dark.json CHANGED Viewed

@@ -8500,35 +8500,6 @@
     "attributes": {},
     "path": ["selection", "bgColor"]
   },
-  "card-bgColor": {
-    "value": "#161b22",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "component",
-        "scopes": ["bgColor"]
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{bgColor.muted}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "component",
-          "scopes": ["bgColor"]
-        }
-      }
-    },
-    "name": "card-bgColor",
-    "attributes": {},
-    "path": ["card", "bgColor"]
-  },
   "fgColor-default": {
     "value": "#e6edf3",
     "$type": "color",
@@ -9089,41 +9060,6 @@
     "attributes": {},
     "path": ["fgColor", "done", "@"]
   },
-  "fgColor-upsell": {
-    "value": "#a371f7",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "semantic",
-        "scopes": ["fgColor"],
-        "codeSyntax": {
-          "web": "var(--fgColor-upsell)"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.4}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "semantic",
-          "scopes": ["fgColor"],
-          "codeSyntax": {
-            "web": "var(--fgColor-upsell)"
-          }
-        }
-      }
-    },
-    "name": "fgColor-upsell",
-    "attributes": {},
-    "path": ["fgColor", "upsell", "@"]
-  },
   "fgColor-sponsors": {
     "value": "#db61a2",
     "$type": "color",
@@ -10088,78 +10024,6 @@
     "attributes": {},
     "path": ["bgColor", "done", "emphasis"]
   },
-  "bgColor-upsell-muted": {
-    "value": "#a371f726",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "semantic",
-        "scopes": ["bgColor"],
-        "codeSyntax": {
-          "web": "var(--bgColor-upsell-muted)"
-        }
-      }
-    },
-    "alpha": 0.15,
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.4}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "semantic",
-          "scopes": ["bgColor"],
-          "codeSyntax": {
-            "web": "var(--bgColor-upsell-muted)"
-          }
-        }
-      },
-      "alpha": 0.15
-    },
-    "name": "bgColor-upsell-muted",
-    "attributes": {},
-    "path": ["bgColor", "upsell", "muted"]
-  },
-  "bgColor-upsell-emphasis": {
-    "value": "#8957e5",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "semantic",
-        "scopes": ["bgColor"],
-        "codeSyntax": {
-          "web": "var(--bgColor-upsell-emphasis)"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.5}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "semantic",
-          "scopes": ["bgColor"],
-          "codeSyntax": {
-            "web": "var(--bgColor-upsell-emphasis)"
-          }
-        }
-      }
-    },
-    "name": "bgColor-upsell-emphasis",
-    "attributes": {},
-    "path": ["bgColor", "upsell", "emphasis"]
-  },
   "bgColor-sponsors-muted": {
     "value": "#db61a21a",
     "$type": "color",
@@ -11025,78 +10889,6 @@
     "attributes": {},
     "path": ["borderColor", "done", "emphasis"]
   },
-  "borderColor-upsell-muted": {
-    "value": "#a371f766",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "semantic",
-        "scopes": ["borderColor"],
-        "codeSyntax": {
-          "web": "var(--borderColor-upsell-muted)"
-        }
-      }
-    },
-    "alpha": 0.4,
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.4}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "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": "#8957e5",
-    "$type": "color",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "mode": "dark",
-        "group": "semantic",
-        "scopes": ["borderColor"],
-        "codeSyntax": {
-          "web": "var(--borderColor-upsell-emphasis"
-        }
-      }
-    },
-    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
-    "isSource": true,
-    "original": {
-      "value": "{base.color.purple.5}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "mode": "dark",
-          "group": "semantic",
-          "scopes": ["borderColor"],
-          "codeSyntax": {
-            "web": "var(--borderColor-upsell-emphasis"
-          }
-        }
-      }
-    },
-    "name": "borderColor-upsell-emphasis",
-    "attributes": {},
-    "path": ["borderColor", "upsell", "emphasis"]
-  },
   "borderColor-sponsors-muted": {
     "value": "#db61a266",
     "$type": "color",

package/dist/docs/functional/themes/light-colorblind.json CHANGED Viewed

@@ -8509,35 +8509,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",
@@ -9090,41 +9061,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",
@@ -10085,76 +10021,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",
@@ -10995,7 +10861,7 @@
         "group": "semantic",
         "scopes": ["borderColor"],
         "codeSyntax": {
-          "web": "var(--borderColor-done-emphasis)"
+          "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
         }
       }
     },
@@ -11011,7 +10877,7 @@
           "group": "semantic",
           "scopes": ["borderColor"],
           "codeSyntax": {
-            "web": "var(--borderColor-done-emphasis)"
+            "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
           }
         }
       }
@@ -11020,78 +10886,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",