@primer/primitives 7.10.0-rc.ff1c1d9 → 7.11.0-rc.ecbdb39

package/tokens/functional/color/dark/overrides/dark.dimmed.json5

@@ -0,0 +1,17 @@
+/**
+ * Dark dimmed
+ * @extends all functional tokens
+ * @description All overwrites for functional color tokens for dark dimmed color mode are in this file
+ */
+{
+  color: {
+    diffBlob: {
+      expander: {
+        icon: {
+          $value: '{color.fg.default}',
+          $type: 'color'
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,276 @@
+/**
+ * Dark high contrast
+ * @extends all functional tokens
+ * @description All overwrites for functional color tokens for dark high contrast color mode are in this file
+ */
+{
+  "color": {
+    "fg": {
+      "muted": {
+        "$value": "{base.color.scale.gray.1}",
+        "$type": "color"
+      },
+      "onEmphasis": {
+        "$value": "{base.color.scale.gray.9}",
+        "$type": "color"
+      }
+    },
+    "border": {
+      "default": {
+        "$value": "{base.color.scale.gray.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.gray.5}",
+        "$type": "color"
+      },
+      "subtle": {
+        "$value": "{base.color.scale.gray.5}",
+        "$type": "color"
+      }
+    },
+    "neutral": {
+      "emphasis": {
+        "$value": "{base.color.scale.gray.4}",
+        "$type": "color"
+      },
+      "emphasisPlus": {
+        "$value": "{base.color.scale.gray.0}",
+        "$type": "color"
+      }
+    },
+    "accent": {
+      "muted": {
+        "$value": "{base.color.scale.blue.4}",
+        "$type": "color"
+      }
+    },
+    "success": {
+      "muted": {
+        "$value": "{base.color.scale.green.4}",
+        "$type": "color"
+      }
+    },
+    "attention": {
+      "muted": {
+        "$value": "{base.color.scale.yellow.4}",
+        "$type": "color"
+      }
+    },
+    "severe": {
+      "muted": {
+        "$value": "{base.color.scale.orange.4}",
+        "$type": "color"
+      }
+    },
+    "danger": {
+      "muted": {
+        "$value": "{base.color.scale.red.4}",
+        "$type": "color"
+      }
+    },
+    "done": {
+      "muted": {
+        "$value": "{base.color.scale.purple.4}",
+        "$type": "color"
+      }
+    },
+    "sponsors": {
+      "muted": {
+        "$value": "{base.color.scale.pink.4}",
+        "$type": "color"
+      }
+    },
+    "avatar": {
+      "border": {
+        "$value": "{base.color.scale.white}",
+        "$type": "color",
+        "alpha": 0.9
+      }
+    },
+    "diffstat": {
+      "deletionBorder": {
+        "$value": "{base.color.scale.red.2}",
+        "$type": "color"
+      },
+      "additionBorder": {
+        "$value": "{base.color.scale.green.2}",
+        "$type": "color"
+      }
+    },
+    "underlinenav": {
+      "icon": {
+        "$value": "{base.color.scale.gray.1}",
+        "$type": "color"
+      },
+      "borderHover": {
+        "$value": "{base.color.scale.gray.3}",
+        "$type": "color"
+      }
+    },
+    "topicTag": {
+      "border": {
+        "$value": "{color.accent.emphasis}",
+        "$type": "color"
+      }
+    },
+    "btn": {
+      "selectedBg": {
+        "$value": "{base.color.scale.gray.6}",
+        "$type": "color",
+        "alpha": 0.9
+      },
+      "primary": {
+        "text": {
+          "$value": "{color.fg.onEmphasis}",
+          "$type": "color"
+        },
+        "border": {
+          "$value": "{base.color.scale.green.2}",
+          "$type": "color"
+        },
+        "hover": {
+          "bg": {
+            "$value": "{base.color.scale.green.3}",
+            "$type": "color"
+          }
+        },
+        "hoverBorder": {
+          "$value": "{base.color.scale.green.2}",
+          "$type": "color"
+        },
+        "disabledText": {
+          "$value": "{color.fg.onEmphasis}",
+          "$type": "color",
+          "alpha": 0.5
+        },
+        "disabledBg": {
+          "$value": "{base.color.scale.green.5}",
+          "$type": "color",
+          "alpha": 0.6
+        },
+        "disabledBorder": {
+          "$value": "{base.color.scale.green.2}",
+          "$type": "color",
+          "alpha": 0.4
+        },
+        "icon": {
+          "$value": "{color.fg.onEmphasis}",
+          "$type": "color"
+        },
+        "counterBg": {
+          "$value": "{base.color.scale.black}",
+          "$type": "color",
+          "alpha": 0.15
+        }
+      },
+      "danger": {
+        "hover": {
+          "counter": {
+            "bg": {
+              "$value": "{base.color.scale.black}",
+              "$type": "color",
+              "alpha": 0.15
+            }
+          }
+        },
+        "counterBg": {
+          "$value": "{base.color.scale.black}",
+          "$type": "color",
+          "alpha": 0.15
+        }
+      }
+    },
+    "codemirror": {
+      "selectionBg": {
+        "$value": "{base.color.scale.blue.4}",
+        "$type": "color",
+        "alpha": 0.4
+      }
+    },
+    "diffBlob": {
+      "addition": {
+        "fg": {
+          "$value": "{color.fg.onEmphasis}",
+          "$type": "color"
+        }
+      },
+      "deletion": {
+        "fg": {
+          "$value": "{color.fg.onEmphasis}",
+          "$type": "color"
+        }
+      },
+      "expander": {
+        "icon": {
+          "$value": "{color.fg.default}",
+          "$type": "color"
+        }
+      },
+      "hunk": {
+        "numBg": {
+          "$value": "{color.accent.muted}",
+          "$type": "color",
+          "alpha": 0.4
+        }
+      }
+    },
+
+    "actionListItem": {
+      "inlineDivider": {
+        "$value": "{color.border.muted}",
+        "$type": "color"
+      },
+
+      "default": {
+        "hoverBg": {
+          "$value": "{base.color.scale.gray.8}",
+          "$type": "color"
+        },
+        "hoverBorder": {
+          "$value": "{color.border.default}",
+          "$type": "color"
+        },
+        "activeBg": {
+          "$value": "{base.color.scale.gray.6}",
+          "$type": "color"
+        },
+        "activeBorder": {
+          "$value": "{base.color.scale.gray.4}",
+          "$type": "color"
+        },
+        "selectedBg": {
+          "$value": "{base.color.scale.gray.6}",
+          "$type": "color"
+        }
+      },
+      "danger": {
+        "hoverBg": {
+          "$value": "{color.danger.emphasis}",
+          "$type": "color"
+        },
+        "activeBg": {
+          "$value": "{base.color.scale.red.6}",
+          "$type": "color"
+        },
+        "hoverText": {
+          "$value": "{color.fg.onEmphasis}",
+          "$type": "color"
+        }
+      }
+    },
+
+    "switchTrack": {
+      "border": {
+        "$value": "{color.border.default}",
+        "$type": "color"
+      },
+      "checked": {
+        "border": {
+          "$value": "{base.color.scale.blue.5}",
+          "$type": "color"
+        }
+      }
+    }
+  }
+}

package/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5

@@ -0,0 +1,50 @@
+/**
+ * Dark protanopia and deuteranopia (colorblind)
+ * @extends all functional tokens
+ * @description All overwrites for functional color tokens for dark protanopia and deuteranopia (colorblind) color mode are in this file
+ */
+{
+  color: {
+    open: {
+      fg: {
+        $value: '{base.color.scale.orange.3}',
+        $type: 'color'
+      },
+      emphasis: {
+        $value: '{base.color.scale.orange.5}',
+        $type: 'color'
+      },
+      muted: {
+        $value: '{base.color.scale.orange.4}',
+        $type: 'color',
+        alpha: 0.4
+      },
+      subtle: {
+        $value: '{base.color.scale.orange.4}',
+        $type: 'color',
+        alpha: 0.15
+      }
+    },
+    closed: {
+      fg: {
+        $value: '{base.color.scale.gray.3}',
+        $type: 'color'
+      },
+
+      emphasis: {
+        $value: '{base.color.scale.gray.4}',
+        $type: 'color'
+      },
+      muted: {
+        $value: '{base.color.scale.gray.4}',
+        $type: 'color',
+        alpha: 0.4
+      },
+      subtle: {
+        $value: '{base.color.scale.gray.4}',
+        $type: 'color',
+        alpha: 0.1
+      }
+    }
+  }
+}

package/tokens/functional/color/dark/overrides/dark.tritanopia.json5

@@ -0,0 +1,49 @@
+/**
+ * Dark tritanopia
+ * @extends all functional tokens
+ * @description All overwrites for functional color tokens for dark tritanopia color mode are in this file
+ */
+{
+  color: {
+    open: {
+      fg: {
+        $value: '{base.color.scale.orange.3}',
+        $type: 'color'
+      },
+      emphasis: {
+        $value: '{base.color.scale.orange.5}',
+        $type: 'color'
+      },
+      muted: {
+        $value: '{base.color.scale.orange.4}',
+        $type: 'color',
+        alpha: 0.4
+      },
+      subtle: {
+        $value: '{base.color.scale.orange.4}',
+        $type: 'color',
+        alpha: 0.15
+      }
+    },
+    closed: {
+      fg: {
+        $value: '{base.color.scale.gray.3}',
+        $type: 'color'
+      },
+      emphasis: {
+        $value: '{base.color.scale.gray.4}',
+        $type: 'color'
+      },
+      muted: {
+        $value: '{base.color.scale.gray.4}',
+        $type: 'color',
+        alpha: 0.4
+      },
+      subtle: {
+        $value: '{base.color.scale.gray.4}',
+        $type: 'color',
+        alpha: 0.1
+      }
+    }
+  }
+}

package/tokens/functional/color/dark/primitives-dark.json5

@@ -0,0 +1,322 @@
+{
+  "color": {
+    "fg": {
+      "default": {
+        "$value": "{base.color.scale.gray.1}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.gray.3}",
+        "$type": "color"
+      },
+      "subtle": {
+        "$value": "{base.color.scale.gray.4}",
+        "$type": "color"
+      },
+      "onEmphasis": {
+        "$value": "{base.color.scale.white}",
+        "$type": "color"
+      }
+    },
+    "canvas": {
+      "default": {
+        "$value": "{base.color.scale.gray.9}",
+        "$type": "color"
+      },
+      "overlay": {
+        "$value": "{base.color.scale.gray.8}",
+        "$type": "color"
+      },
+      "inset": {
+        "$value": "{base.color.scale.black}",
+        "$type": "color"
+      },
+      "subtle": {
+        "$value": "{base.color.scale.gray.8}",
+        "$type": "color"
+      }
+    },
+    "border": {
+      "default": {
+        "$value": "{base.color.scale.gray.6}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.gray.7}",
+        "$type": "color"
+      },
+      "subtle": {
+        "$value": "{base.color.scale.gray.0}",
+        "$type": "color",
+        "alpha": 0.1
+      }
+    },
+    "neutral": {
+      "emphasisPlus": {
+        "$value": "{base.color.scale.gray.4}",
+        "$type": "color"
+      },
+      "emphasis": {
+        "$value": "{base.color.scale.gray.4}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.gray.4}",
+        "$type": "color",
+        "alpha": 0.4
+      },
+      "subtle": {
+        "$value": "{base.color.scale.gray.4}",
+        "$type": "color",
+        "alpha": 0.1
+      }
+    },
+    "accent": {
+      "fg": {
+        "$value": "{base.color.scale.blue.3}",
+        "$type": "color"
+      },
+      "emphasis": {
+        "$value": "{base.color.scale.blue.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.blue.4}",
+        "$type": "color",
+        "alpha": 0.4
+      },
+      "subtle": {
+        "$value": "{base.color.scale.blue.4}",
+        "$type": "color",
+        "alpha": 0.15
+      }
+    },
+    "success": {
+      "fg": {
+        "$value": "{base.color.scale.green.3}",
+        "$type": "color"
+      },
+      "emphasis": {
+        "$value": "{base.color.scale.green.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.green.4}",
+        "$type": "color",
+        "alpha": 0.4
+      },
+      "subtle": {
+        "$value": "{base.color.scale.green.4}",
+        "$type": "color",
+        "alpha": 0.15
+      }
+    },
+    "attention": {
+      "fg": {
+        "$value": "{base.color.scale.yellow.3}",
+        "$type": "color"
+      },
+      "emphasis": {
+        "$value": "{base.color.scale.yellow.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.yellow.4}",
+        "$type": "color",
+        "alpha": 0.4
+      },
+      "subtle": {
+        "$value": "{base.color.scale.yellow.4}",
+        "$type": "color",
+        "alpha": 0.15
+      }
+    },
+    "severe": {
+      "fg": {
+        "$value": "{base.color.scale.orange.4}",
+        "$type": "color"
+      },
+      "emphasis": {
+        "$value": "{base.color.scale.orange.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.orange.4}",
+        "$type": "color",
+        "alpha": 0.4
+      },
+      "subtle": {
+        "$value": "{base.color.scale.orange.4}",
+        "$type": "color",
+        "alpha": 0.15
+      }
+    },
+    "danger": {
+      "fg": {
+        "$value": "{base.color.scale.red.4}",
+        "$type": "color"
+      },
+      "emphasis": {
+        "$value": "{base.color.scale.red.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.red.4}",
+        "$type": "color",
+        "alpha": 0.4
+      },
+      "subtle": {
+        "$value": "{base.color.scale.red.4}",
+        "$type": "color",
+        "alpha": 0.15
+      }
+    },
+    "open": {
+      "fg": {
+        "$value": "{base.color.scale.green.3}",
+        "$type": "color"
+      },
+      "emphasis": {
+        "$value": "{base.color.scale.green.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.green.4}",
+        "$type": "color",
+        "alpha": 0.4
+      },
+      "subtle": {
+        "$value": "{base.color.scale.green.4}",
+        "$type": "color",
+        "alpha": 0.15
+      }
+    },
+    "closed": {
+      "fg": {
+        "$value": "{base.color.scale.red.4}",
+        "$type": "color"
+      },
+      "emphasis": {
+        "$value": "{base.color.scale.red.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.red.4}",
+        "$type": "color",
+        "alpha": 0.4
+      },
+      "subtle": {
+        "$value": "{base.color.scale.red.4}",
+        "$type": "color",
+        "alpha": 0.15
+      }
+    },
+    "done": {
+      "fg": {
+        "$value": "{base.color.scale.purple.4}",
+        "$type": "color"
+      },
+      "emphasis": {
+        "$value": "{base.color.scale.purple.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.purple.4}",
+        "$type": "color",
+        "alpha": 0.4
+      },
+      "subtle": {
+        "$value": "{base.color.scale.purple.4}",
+        "$type": "color",
+        "alpha": 0.15
+      }
+    },
+    "sponsors": {
+      "fg": {
+        "$value": "{base.color.scale.pink.4}",
+        "$type": "color"
+      },
+      "emphasis": {
+        "$value": "{base.color.scale.pink.5}",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "{base.color.scale.pink.4}",
+        "$type": "color",
+        "alpha": 0.4
+      },
+      "subtle": {
+        "$value": "{base.color.scale.pink.4}",
+        "$type": "color",
+        "alpha": 0.15
+      }
+    },
+    "shadow": {
+      "small": {
+        "$value": "{base.color.scale.black}",
+        "alpha": 0.96,
+        "$type": "color"
+      },
+      "medium": {
+        "$value": "{base.color.scale.gray.4}",
+        "alpha": 0.85,
+        "$type": "color"
+      },
+      "large": {
+        "$value": "{base.color.scale.gray.4}",
+        "alpha": 0.8,
+        "$type": "color"
+      },
+      "extraLarge": {
+        "$value": "{base.color.scale.gray.4}",
+        "alpha": 0.7,
+        "$type": "color"
+      },
+      "highlight": {
+        "$value": "{base.color.scale.white}",
+        "alpha": 0.25,
+        "$type": "color"
+      },
+      "inset": {
+        "$value": "{base.color.scale.gray.2}",
+        "alpha": 0,
+        "$type": "color"
+      }
+    },
+    "focus": {
+      "$value": "{base.color.scale.blue.5}",
+      "$type": "color"
+    },
+    "primer": {
+      "fg": {
+        "disabled": {
+          "$value": "{base.color.scale.gray.5}",
+          "$type": "color"
+        }
+      },
+      "canvas": {
+        "backdrop": {
+          "$value": "{base.color.scale.black}",
+          "$type": "color",
+          "alpha": 0.8
+        },
+        "sticky": {
+          "$value": "{base.color.scale.gray.9}",
+          "$type": "color",
+          "alpha": 0.95
+        }
+      },
+      "border": {
+        "active": {
+          "$value": "{base.color.scale.coral.3}",
+          "$type": "color"
+        },
+        "contrast": {
+          "$value": "{base.color.scale.white}",
+          "$type": "color",
+          "alpha": 0.2
+        }
+      }
+    }
+  }
+}