@primer/primitives 8.2.4-rc.d955f312 → 8.2.4-rc.ea4beb50

package/dist/figma/themes/light.json

@@ -988,45 +988,6 @@
       "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
     }
   },
-  {
-    "name": "borderColor/upsell-emphasis",
-    "value": {
-      "r": 0.5098039215686274,
-      "g": 0.3137254901960784,
-      "b": 0.8745098039215686,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/borderColor/upsell-emphasis",
-    "reference": "base/color/light/base/color/purple/5",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-upsell-emphasis)"
-    }
-  },
-  {
-    "name": "borderColor/upsell-muted",
-    "value": {
-      "r": 0.7607843137254902,
-      "g": 0.592156862745098,
-      "b": 1,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/upsell-muted",
-    "reference": "base/color/light/base/color/purple/3",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-upsell-muted)"
-    }
-  },
   {
     "name": "borderColor/done-emphasis",
     "value": {
@@ -1439,44 +1400,6 @@
       "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
     }
   },
-  {
-    "name": "bgColor/upsell-emphasis",
-    "value": {
-      "r": 0.5098039215686274,
-      "g": 0.3137254901960784,
-      "b": 0.8745098039215686,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/upsell-emphasis",
-    "reference": "base/color/light/base/color/purple/5",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-upsell-emphasis)"
-    }
-  },
-  {
-    "name": "bgColor/upsell-muted",
-    "value": {
-      "r": 0.984313725490196,
-      "g": 0.9372549019607843,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/upsell-muted",
-    "reference": "base/color/light/base/color/purple/0",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-upsell-muted)"
-    }
-  },
   {
     "name": "bgColor/done-emphasis",
     "value": {
@@ -1515,44 +1438,6 @@
       "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
     }
   },
-  {
-    "name": "bgColor/closed-emphasis",
-    "value": {
-      "r": 0.8117647058823529,
-      "g": 0.13333333333333333,
-      "b": 0.1803921568627451,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/closed-emphasis",
-    "reference": "base/color/light/base/color/red/5",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
-    }
-  },
-  {
-    "name": "bgColor/closed-muted",
-    "value": {
-      "r": 1,
-      "g": 0.9215686274509803,
-      "b": 0.9137254901960784,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/closed-muted",
-    "reference": "base/color/light/base/color/red/0",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
-    }
-  },
   {
     "name": "bgColor/danger-emphasis",
     "value": {
@@ -1956,25 +1841,6 @@
       "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
     }
   },
-  {
-    "name": "fgColor/upsell",
-    "value": {
-      "r": 0.5098039215686274,
-      "g": 0.3137254901960784,
-      "b": 0.8745098039215686,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/fgColor/upsell",
-    "reference": "base/color/light/base/color/purple/5",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-upsell)"
-    }
-  },
   {
     "name": "fgColor/done",
     "value": {
@@ -2093,14 +1959,14 @@
   {
     "name": "fgColor/neutral",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4666666666666667,
-      "b": 0.5058823529411764,
+      "r": 0.3411764705882353,
+      "g": 0.3764705882352941,
+      "b": 0.41568627450980394,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/fgColor/neutral",
-    "reference": "base/color/light/base/color/neutral/5",
+    "reference": "base/color/light/base/color/neutral/6",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -2154,6 +2020,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/light/base/color/white",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7462,6 +7344,45 @@
     "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "borderColor/upsell-emphasis",
+    "value": {
+      "r": 0.5098039215686274,
+      "g": 0.3137254901960784,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/upsell-emphasis",
+    "reference": "mode/borderColor/done-emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-upsell-emphasis)"
+    }
+  },
+  {
+    "name": "borderColor/upsell-muted",
+    "value": {
+      "r": 0.7607843137254902,
+      "g": 0.592156862745098,
+      "b": 1,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/upsell-muted",
+    "reference": "mode/borderColor/done-muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-upsell-muted)"
+    }
+  },
   {
     "name": "borderColor/open-emphasis",
     "value": {
@@ -7490,6 +7411,7 @@
       "a": 0.4
     },
     "type": "COLOR",
+    "alpha": 0.4,
     "refId": "mode/borderColor/open-muted",
     "reference": "mode/borderColor/success-muted",
     "collection": "mode",
@@ -7536,6 +7458,82 @@
       "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
     }
   },
+  {
+    "name": "bgColor/upsell-emphasis",
+    "value": {
+      "r": 0.5098039215686274,
+      "g": 0.3137254901960784,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/upsell-emphasis",
+    "reference": "mode/bgColor/done-emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-upsell-emphasis)"
+    }
+  },
+  {
+    "name": "bgColor/upsell-muted",
+    "value": {
+      "r": 0.984313725490196,
+      "g": 0.9372549019607843,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/upsell-muted",
+    "reference": "mode/bgColor/done-muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-upsell-muted)"
+    }
+  },
+  {
+    "name": "bgColor/closed-emphasis",
+    "value": {
+      "r": 0.8117647058823529,
+      "g": 0.13333333333333333,
+      "b": 0.1803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/closed-emphasis",
+    "reference": "mode/bgColor/danger-emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
+    }
+  },
+  {
+    "name": "bgColor/closed-muted",
+    "value": {
+      "r": 1,
+      "g": 0.9215686274509803,
+      "b": 0.9137254901960784,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/closed-muted",
+    "reference": "mode/bgColor/danger-muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
+    }
+  },
   {
     "name": "bgColor/open-emphasis",
     "value": {
@@ -7574,6 +7572,25 @@
       "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
     }
   },
+  {
+    "name": "fgColor/upsell",
+    "value": {
+      "r": 0.5098039215686274,
+      "g": 0.3137254901960784,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/upsell",
+    "reference": "mode/fgColor/done",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-upsell)"
+    }
+  },
   {
     "name": "fgColor/closed",
     "value": {
@@ -7631,6 +7648,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.1411764705882353,
+      "g": 0.1607843137254902,
+      "b": 0.1843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {

package/dist/internalCss/dark-colorblind.css

@@ -713,20 +713,23 @@
   --label-coral-fgColor-rest: #f7794b;
   --label-coral-fgColor-hover: #fa8c61;
   --label-coral-fgColor-active: #fdaa86;
+  --tooltip-bgColor: #6e7681;
+  --tooltip-fgColor: #ffffff;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #8d96a0;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-onInverse: #010409;
   --fgColor-white: #ffffff;
   --fgColor-black: #010409;
   --fgColor-disabled: #6e7681;
   --fgColor-link: #4493f8;
-  --fgColor-neutral: #6e7681;
+  --fgColor-neutral: #b1bac4;
   --fgColor-accent: #4493f8;
   --fgColor-success: #58a6ff;
+  --fgColor-open: #f0883e;
   --fgColor-attention: #d29922;
   --fgColor-severe: #db6d28;
   --fgColor-danger: #db6d28;
-  --fgColor-open: #f0883e;
   --fgColor-closed: #8b949e;
   --fgColor-done: #ab7df8;
   --fgColor-upsell: #ab7df8;
@@ -746,14 +749,14 @@
   --bgColor-accent-emphasis: #1f6feb;
   --bgColor-success-muted: #388bfd26;
   --bgColor-success-emphasis: #1f6feb;
+  --bgColor-open-muted: #db6d2866;
+  --bgColor-open-emphasis: #bd561d;
   --bgColor-attention-muted: #bb800926;
   --bgColor-attention-emphasis: #9e6a03;
   --bgColor-severe-muted: #db6d281a;
   --bgColor-severe-emphasis: #bd561d;
   --bgColor-danger-muted: #db6d281a;
   --bgColor-danger-emphasis: #bd561d;
-  --bgColor-open-muted: #db6d2866;
-  --bgColor-open-emphasis: #bd561d;
   --bgColor-closed-muted: #6e768166;
   --bgColor-closed-emphasis: #6e7681;
   --bgColor-done-muted: #ab7df826;
@@ -774,14 +777,14 @@
   --borderColor-accent-emphasis: #1f6feb;
   --borderColor-success-muted: #388bfd66;
   --borderColor-success-emphasis: #1f6feb;
+  --borderColor-open-muted: #db6d2866;
+  --borderColor-open-emphasis: #db6d28;
   --borderColor-attention-muted: #bb800966;
   --borderColor-attention-emphasis: #9e6a03;
   --borderColor-severe-muted: #db6d2866;
   --borderColor-severe-emphasis: #bd561d;
   --borderColor-danger-muted: #db6d2866;
   --borderColor-danger-emphasis: #bd561d;
-  --borderColor-open-muted: #db6d2866;
-  --borderColor-open-emphasis: #db6d28;
   --borderColor-closed-muted: #6e768166;
   --borderColor-closed-emphasis: #6e7681;
   --borderColor-done-muted: #ab7df866;
@@ -1562,20 +1565,23 @@
     --label-coral-fgColor-rest: #f7794b;
     --label-coral-fgColor-hover: #fa8c61;
     --label-coral-fgColor-active: #fdaa86;
+    --tooltip-bgColor: #6e7681;
+    --tooltip-fgColor: #ffffff;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #8d96a0;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-onInverse: #010409;
     --fgColor-white: #ffffff;
     --fgColor-black: #010409;
     --fgColor-disabled: #6e7681;
     --fgColor-link: #4493f8;
-    --fgColor-neutral: #6e7681;
+    --fgColor-neutral: #b1bac4;
     --fgColor-accent: #4493f8;
     --fgColor-success: #58a6ff;
+    --fgColor-open: #f0883e;
     --fgColor-attention: #d29922;
     --fgColor-severe: #db6d28;
     --fgColor-danger: #db6d28;
-    --fgColor-open: #f0883e;
     --fgColor-closed: #8b949e;
     --fgColor-done: #ab7df8;
     --fgColor-upsell: #ab7df8;
@@ -1595,14 +1601,14 @@
     --bgColor-accent-emphasis: #1f6feb;
     --bgColor-success-muted: #388bfd26;
     --bgColor-success-emphasis: #1f6feb;
+    --bgColor-open-muted: #db6d2866;
+    --bgColor-open-emphasis: #bd561d;
     --bgColor-attention-muted: #bb800926;
     --bgColor-attention-emphasis: #9e6a03;
     --bgColor-severe-muted: #db6d281a;
     --bgColor-severe-emphasis: #bd561d;
     --bgColor-danger-muted: #db6d281a;
     --bgColor-danger-emphasis: #bd561d;
-    --bgColor-open-muted: #db6d2866;
-    --bgColor-open-emphasis: #bd561d;
     --bgColor-closed-muted: #6e768166;
     --bgColor-closed-emphasis: #6e7681;
     --bgColor-done-muted: #ab7df826;
@@ -1623,14 +1629,14 @@
     --borderColor-accent-emphasis: #1f6feb;
     --borderColor-success-muted: #388bfd66;
     --borderColor-success-emphasis: #1f6feb;
+    --borderColor-open-muted: #db6d2866;
+    --borderColor-open-emphasis: #db6d28;
     --borderColor-attention-muted: #bb800966;
     --borderColor-attention-emphasis: #9e6a03;
     --borderColor-severe-muted: #db6d2866;
     --borderColor-severe-emphasis: #bd561d;
     --borderColor-danger-muted: #db6d2866;
     --borderColor-danger-emphasis: #bd561d;
-    --borderColor-open-muted: #db6d2866;
-    --borderColor-open-emphasis: #db6d28;
     --borderColor-closed-muted: #6e768166;
     --borderColor-closed-emphasis: #6e7681;
     --borderColor-done-muted: #ab7df866;

package/dist/internalCss/dark-dimmed.css

@@ -713,20 +713,23 @@
   --label-coral-fgColor-rest: #f7794b;
   --label-coral-fgColor-hover: #fa8c61;
   --label-coral-fgColor-active: #fdaa86;
+  --tooltip-bgColor: #636e7b;
+  --tooltip-fgColor: #cdd9e5;
   --fgColor-default: #c5d1de;
   --fgColor-muted: #778491;
   --fgColor-onEmphasis: #cdd9e5;
+  --fgColor-onInverse: #1c2128;
   --fgColor-white: #cdd9e5;
   --fgColor-black: #1c2128;
   --fgColor-disabled: #636e7b;
   --fgColor-link: #478be6;
-  --fgColor-neutral: #636e7b;
+  --fgColor-neutral: #909dab;
   --fgColor-accent: #478be6;
   --fgColor-success: #57ab5a;
+  --fgColor-open: #57ab5a;
   --fgColor-attention: #c69026;
   --fgColor-severe: #cc6b2c;
   --fgColor-danger: #e5534b;
-  --fgColor-open: #57ab5a;
   --fgColor-closed: #e5534b;
   --fgColor-done: #986ee2;
   --fgColor-upsell: #986ee2;
@@ -746,15 +749,15 @@
   --bgColor-accent-emphasis: #316dca;
   --bgColor-success-muted: #46954a26;
   --bgColor-success-emphasis: #347d39;
+  --bgColor-open-muted: #46954a26;
+  --bgColor-open-emphasis: #347d39;
   --bgColor-attention-muted: #ae7c1426;
   --bgColor-attention-emphasis: #966600;
   --bgColor-severe-muted: #cc6b2c1a;
   --bgColor-severe-emphasis: #ae5622;
   --bgColor-danger-muted: #e5534b1a;
   --bgColor-danger-emphasis: #c93c37;
-  --bgColor-open-muted: #46954a1a;
-  --bgColor-open-emphasis: #347d39;
-  --bgColor-closed-muted: #e5534b26;
+  --bgColor-closed-muted: #e5534b1a;
   --bgColor-closed-emphasis: #c93c37;
   --bgColor-done-muted: #986ee226;
   --bgColor-done-emphasis: #8256d0;
@@ -774,14 +777,14 @@
   --borderColor-accent-emphasis: #316dca;
   --borderColor-success-muted: #46954a66;
   --borderColor-success-emphasis: #347d39;
+  --borderColor-open-muted: #46954a66;
+  --borderColor-open-emphasis: #347d39;
   --borderColor-attention-muted: #ae7c1466;
   --borderColor-attention-emphasis: #966600;
   --borderColor-severe-muted: #cc6b2c66;
   --borderColor-severe-emphasis: #ae5622;
   --borderColor-danger-muted: #e5534b66;
   --borderColor-danger-emphasis: #c93c37;
-  --borderColor-open-muted: #46954a66;
-  --borderColor-open-emphasis: #347d39;
   --borderColor-closed-muted: #e5534b66;
   --borderColor-closed-emphasis: #c93c37;
   --borderColor-done-muted: #986ee266;
@@ -1562,20 +1565,23 @@
     --label-coral-fgColor-rest: #f7794b;
     --label-coral-fgColor-hover: #fa8c61;
     --label-coral-fgColor-active: #fdaa86;
+    --tooltip-bgColor: #636e7b;
+    --tooltip-fgColor: #cdd9e5;
     --fgColor-default: #c5d1de;
     --fgColor-muted: #778491;
     --fgColor-onEmphasis: #cdd9e5;
+    --fgColor-onInverse: #1c2128;
     --fgColor-white: #cdd9e5;
     --fgColor-black: #1c2128;
     --fgColor-disabled: #636e7b;
     --fgColor-link: #478be6;
-    --fgColor-neutral: #636e7b;
+    --fgColor-neutral: #909dab;
     --fgColor-accent: #478be6;
     --fgColor-success: #57ab5a;
+    --fgColor-open: #57ab5a;
     --fgColor-attention: #c69026;
     --fgColor-severe: #cc6b2c;
     --fgColor-danger: #e5534b;
-    --fgColor-open: #57ab5a;
     --fgColor-closed: #e5534b;
     --fgColor-done: #986ee2;
     --fgColor-upsell: #986ee2;
@@ -1595,15 +1601,15 @@
     --bgColor-accent-emphasis: #316dca;
     --bgColor-success-muted: #46954a26;
     --bgColor-success-emphasis: #347d39;
+    --bgColor-open-muted: #46954a26;
+    --bgColor-open-emphasis: #347d39;
     --bgColor-attention-muted: #ae7c1426;
     --bgColor-attention-emphasis: #966600;
     --bgColor-severe-muted: #cc6b2c1a;
     --bgColor-severe-emphasis: #ae5622;
     --bgColor-danger-muted: #e5534b1a;
     --bgColor-danger-emphasis: #c93c37;
-    --bgColor-open-muted: #46954a1a;
-    --bgColor-open-emphasis: #347d39;
-    --bgColor-closed-muted: #e5534b26;
+    --bgColor-closed-muted: #e5534b1a;
     --bgColor-closed-emphasis: #c93c37;
     --bgColor-done-muted: #986ee226;
     --bgColor-done-emphasis: #8256d0;
@@ -1623,14 +1629,14 @@
     --borderColor-accent-emphasis: #316dca;
     --borderColor-success-muted: #46954a66;
     --borderColor-success-emphasis: #347d39;
+    --borderColor-open-muted: #46954a66;
+    --borderColor-open-emphasis: #347d39;
     --borderColor-attention-muted: #ae7c1466;
     --borderColor-attention-emphasis: #966600;
     --borderColor-severe-muted: #cc6b2c66;
     --borderColor-severe-emphasis: #ae5622;
     --borderColor-danger-muted: #e5534b66;
     --borderColor-danger-emphasis: #c93c37;
-    --borderColor-open-muted: #46954a66;
-    --borderColor-open-emphasis: #347d39;
     --borderColor-closed-muted: #e5534b66;
     --borderColor-closed-emphasis: #c93c37;
     --borderColor-done-muted: #986ee266;