@primer/primitives 7.10.0-rc.ff1c1d9 → 7.10.0

package/tokens/functional/color/exceptions-light-high-contrast.json

@@ -0,0 +1,327 @@
+{
+  "color": {
+    "fg": {
+      "muted": {
+        "$value": "{base.color.scale.gray.9}",
+        "$type": "color"
+      }
+    },
+    "canvas": {
+      "inset": {
+        "$value": "{base.color.scale.white}",
+        "$type": "color"
+      },
+      "subtle": {
+        "$value": "{base.color.scale.gray.1}",
+        "$type": "color"
+      }
+    },
+    "border": {
+      "default": {
+        "$value": "{base.color.scale.gray.8}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.gray.4}",
+        "$type": "color"
+      },
+      "subtle": {
+        "$value": "{base.color.scale.black}",
+        "$type": "color",
+        "alpha": 0.8
+      }
+    },
+    "neutral": {
+      "subtle": {
+        "$value": "{base.color.scale.gray.1}",
+        "$type": "color"
+      }
+    },
+    "accent": {
+      "muted": {
+        "$value": "{base.color.scale.blue.3}",
+        "$type": "color"
+      }
+    },
+    "success": {
+      "emphasis": {
+        "$value": "{base.color.scale.green.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.green.3}",
+        "$type": "color"
+      }
+    },
+    "attention": {
+      "emphasis": {
+        "$value": "{base.color.scale.yellow.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.yellow.3}",
+        "$type": "color"
+      }
+    },
+    "severe": {
+      "muted": {
+        "$value": "{base.color.scale.orange.3}",
+        "$type": "color"
+      }
+    },
+    "danger": {
+      "muted": {
+        "$value": "{base.color.scale.red.3}",
+        "$type": "color"
+      }
+    },
+    "done": {
+      "muted": {
+        "$value": "{base.color.scale.purple.3}",
+        "$type": "color"
+      }
+    },
+    "sponsors": {
+      "muted": {
+        "$value": "{base.color.scale.pink.3}",
+        "$type": "color"
+      }
+    },
+    "topicTag": {
+      "border": {
+        "$value": "{color.accent.emphasis}",
+        "$type": "color"
+      }
+    },
+    "counter": {
+      "border": {
+        "$value": "{color.border.default}",
+        "$type": "color"
+      }
+    },
+    "btn": {
+      "bg": {
+        "$value": "{base.color.scale.gray.1}",
+        "$type": "color"
+      },
+      "border": {
+        "$value": "{color.border.subtle}",
+        "$type": "color"
+      },
+      "hover": {
+        "bg": {
+          "$value": "{base.color.scale.gray.2}",
+          "$type": "color"
+        }
+      },
+      "activeBg": {
+        "$value": "{base.color.scale.gray.3}",
+        "$type": "color"
+      },
+      "selectedBg": {
+        "$value": "{base.color.scale.gray.3}",
+        "$type": "color"
+      },
+      "focusBg": {
+        "$value": "{base.color.scale.gray.2}",
+        "$type": "color"
+      },
+      "primary": {
+        "bg": {
+          "$value": "{color.success.emphasis}",
+          "$type": "color"
+        },
+        "border": {
+          "$value": "{base.color.scale.green.7}",
+          "$type": "color"
+        },
+        "hoverBg": {
+          "$value": "{base.color.scale.green.6}",
+          "$type": "color"
+        },
+        "hoverBorder": {
+          "$value": "{base.color.scale.green.7}",
+          "$type": "color"
+        },
+        "focusBg": {
+          "$value": "{base.color.scale.green.7}",
+          "$type": "color"
+        },
+        "focusBorder": {
+          "$value": "{base.color.scale.green.7}",
+          "$type": "color"
+        }
+      },
+      "outline": {
+        "text": {
+          "$value": "{base.color.scale.blue.6}",
+          "$type": "color"
+        },
+        "hoverBg": {
+          "$value": "{color.accent.emphasis}",
+          "$type": "color"
+        },
+        "hoverBorder": {
+          "$value": "{base.color.scale.blue.7}",
+          "$type": "color"
+        },
+        "selectedBg": {
+          "$value": "{base.color.scale.blue.7}",
+          "$type": "color"
+        },
+        "selectedBorder": {
+          "$value": "{base.color.scale.blue.7}",
+          "$type": "color"
+        },
+        "focusBorder": {
+          "$value": "{base.color.scale.blue.7}",
+          "$type": "color"
+        },
+        "disabledText": {
+          "$value": "{base.color.scale.blue.5}",
+          "$type": "color",
+          "alpha": 0.5
+        },
+        "disabledBg": {
+          "$value": "{base.color.scale.gray.1}",
+          "$type": "color"
+        }
+      },
+      "danger": {
+        "text": {
+          "$value": "{base.color.scale.red.6}",
+          "$type": "color"
+        },
+        "hoverBg": {
+          "$value": "{color.danger.emphasis}",
+          "$type": "color"
+        },
+        "hoverBorder": {
+          "$value": "{base.color.scale.red.7}",
+          "$type": "color"
+        },
+        "selectedBg": {
+          "$value": "{base.color.scale.red.7}",
+          "$type": "color"
+        },
+        "selectedBorder": {
+          "$value": "{base.color.scale.red.7}",
+          "$type": "color"
+        },
+        "focusBorder": {
+          "$value": "{base.color.scale.red.7}",
+          "$type": "color"
+        },
+        "disabledBg": {
+          "$value": "{base.color.scale.gray.1}",
+          "$type": "color"
+        },
+        "icon": {
+          "$value": "{base.color.scale.red.6}",
+          "$type": "color"
+        }
+      }
+    },
+    "diffBlob": {
+      "addition": {
+        "fg": {
+          "$value": "{color.fg.onEmphasis}",
+          "$type": "color"
+        },
+        "wordBg": {
+          "$value": "{color.success.emphasis}",
+          "$type": "color"
+        }
+      },
+      "deletion": {
+        "fg": {
+          "$value": "{color.fg.onEmphasis}",
+          "$type": "color"
+        },
+        "wordBg": {
+          "$value": "{color.danger.emphasis}",
+          "$type": "color"
+        }
+      },
+      "hunk": {
+        "numBg": {
+          "$value": "{base.color.scale.blue.1}",
+          "$type": "color"
+        }
+      }
+    },
+    "header": {
+      "divider": {
+        "$value": "{base.color.scale.gray.3}",
+        "$type": "color"
+      }
+    },
+    "actionListItem": {
+      "inlineDivider": {
+        "$value": "{color.border.muted}",
+        "$type": "color"
+      },
+      "default": {
+        "hoverBg": {
+          "$value": "{base.color.scale.gray.1}",
+          "$type": "color"
+        },
+        "hoverBorder": {
+          "$value": "{color.border.muted}",
+          "$type": "color"
+        },
+        "activeBg": {
+          "$value": "{base.color.scale.gray.2}",
+          "$type": "color"
+        },
+        "activeBorder": {
+          "$value": "{color.border.default}",
+          "$type": "color"
+        },
+        "selectedBg": {
+          "$value": "{base.color.scale.gray.2}",
+          "$type": "color"
+        }
+      },
+      "danger": {
+        "hoverBg": {
+          "$value": "{color.danger.emphasis}",
+          "$type": "color"
+        },
+        "activeBg": {
+          "$value": "{base.color.scale.red.7}",
+          "$type": "color"
+        },
+        "hoverText": {
+          "$value": "{color.fg.onEmphasis}",
+          "$type": "color"
+        }
+      }
+    },
+    "page": {
+      "header": {
+        "bg": {
+          "$value": "{color.canvas.default}",
+          "$type": "color"
+        }
+      }
+    },
+    "switchTrack": {
+      "bg": {
+        "$value": "{base.color.scale.white}",
+        "$type": "color"
+      },
+      "border": {
+        "$value": "{color.border.default}",
+        "$type": "color"
+      },
+
+      "checked": {
+        "border": {
+          "$value": "{base.color.scale.blue.5}",
+          "$type": "color"
+        }
+      }
+    }
+  }
+}

package/tokens/functional/color/exceptions-light-tritanopia.json

@@ -0,0 +1,87 @@
+{
+  "color": {
+    "open": {
+      "fg": {
+        "$value": "{base.color.scale.orange.5}",
+        "$type": "color"
+      },
+      "emphasis": {
+        "$value": "{base.color.scale.orange.4}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.orange.3}",
+        "$type": "color",
+        "alpha": 0.4
+      },
+      "subtle": {
+        "$value": "{base.color.scale.orange.0}",
+        "$type": "color"
+      }
+    },
+    "closed": {
+      "fg": {
+        "$value": "{base.color.scale.gray.5}",
+        "$type": "color"
+      },
+      "emphasis": {
+        "$value": "{base.color.scale.gray.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.gray.3}",
+        "$type": "color",
+        "alpha": 0.4
+      },
+      "subtle": {
+        "$value": "{base.color.scale.gray.0}",
+        "$type": "color"
+      }
+    },
+    "diffBlob": {
+      "addition": {
+        "numBg": {
+          "$value": "{color.success.muted}",
+          "$type": "color"
+        },
+        "lineBg": {
+          "$value": "{base.color.scale.green.0}",
+          "$type": "color",
+          "alpha": 0.5
+        },
+        "wordBg": {
+          "$value": "{color.success.muted}",
+          "$type": "color"
+        }
+      },
+      "deletion": {
+        "numBg": {
+          "$value": "{color.danger.muted}",
+          "$type": "color"
+        },
+        "lineBg": {
+          "$value": "{base.color.scale.red.0}",
+          "$type": "color",
+          "alpha": 0.5
+        },
+        "wordBg": {
+          "$value": "{base.color.scale.red.2}",
+          "$type": "color",
+          "alpha": 0.5
+        }
+      }
+    },
+    "btn": {
+      "primary": {
+        "hoverBg": {
+          "$value": "{base.color.scale.green.5}",
+          "$type": "color"
+        },
+        "disabledBg": {
+          "$value": "{base.color.scale.green.2}",
+          "$type": "color"
+        }
+      }
+    }
+  }
+}

package/tokens/functional/color/marketing-dark.json

@@ -0,0 +1,24 @@
+{
+  "color": {
+    "mktg": {
+      "btn": {
+        "bg": {
+          "$value": "#f6f8fa",
+          "$type": "color"
+        }
+      }
+    },
+    "marketing": {
+      "icon": {
+        "primary": {
+          "$value": "{base.color.scale.blue.2}",
+          "$type": "color"
+        },
+        "secondary": {
+          "$value": "{base.color.scale.blue.5}",
+          "$type": "color"
+        }
+      }
+    }
+  }
+}

package/tokens/functional/color/marketing-light.json

@@ -0,0 +1,24 @@
+{
+  "color": {
+    "mktg": {
+      "btn": {
+        "bg": {
+          "$value": "#1b1f23",
+          "$type": "color"
+        }
+      }
+    },
+    "marketing": {
+      "icon": {
+        "primary": {
+          "$value": "{base.color.scale.blue.4}",
+          "$type": "color"
+        },
+        "secondary": {
+          "$value": "{base.color.scale.blue.3}",
+          "$type": "color"
+        }
+      }
+    }
+  }
+}

package/tokens/functional/color/misc-dark.json

@@ -0,0 +1,38 @@
+{
+  "color": {
+    "page": {
+      "header": {
+        "bg": {
+          "$value": "{color.canvas.default}",
+          "$type": "color"
+        }
+      }
+    },
+    "searchKeyword": {
+      "hl": {
+        "$value": "{base.color.scale.yellow.3}",
+        "$type": "color",
+        "alpha": 0.4
+      }
+    },
+    "project": {
+      "headerBg": {
+        "$value": "{base.color.scale.gray.9}",
+        "$type": "color"
+      },
+      "sidebarBg": {
+        "$value": "{base.color.scale.gray.8}",
+        "$type": "color"
+      },
+      "gradientIn": {
+        "$value": "{base.color.scale.gray.8}",
+        "$type": "color"
+      },
+      "gradientOut": {
+        "$value": "{base.color.scale.gray.8}",
+        "$type": "color",
+        "alpha": 0
+      }
+    }
+  }
+}

package/tokens/functional/color/misc-light.json

@@ -0,0 +1,37 @@
+{
+  "color": {
+    "page": {
+      "header": {
+        "bg": {
+          "$value": "{color.canvas.subtle}",
+          "$type": "color"
+        }
+      }
+    },
+    "searchKeyword": {
+      "hl": {
+        "$value": "{base.color.scale.yellow.0}",
+        "$type": "color"
+      }
+    },
+    "project": {
+      "headerBg": {
+        "$value": "{base.color.scale.gray.9}",
+        "$type": "color"
+      },
+      "sidebarBg": {
+        "$value": "{base.color.scale.white}",
+        "$type": "color"
+      },
+      "gradientIn": {
+        "$value": "{base.color.scale.white}",
+        "$type": "color"
+      },
+      "gradientOut": {
+        "$value": "{base.color.scale.white}",
+        "$type": "color",
+        "alpha": 0
+      }
+    }
+  }
+}