@primer/primitives 8.2.4-rc.67dddfb7 → 8.2.4-rc.8aeeb948

package/dist/figma/themes/light-tritanopia.json

@@ -988,6 +988,45 @@
       "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 tritanopia",
+    "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 tritanopia",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-upsell-muted)"
+    }
+  },
   {
     "name": "borderColor/done-emphasis",
     "value": {
@@ -1066,6 +1105,45 @@
       "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
     }
   },
+  {
+    "name": "borderColor/open-emphasis",
+    "value": {
+      "r": 0.8117647058823529,
+      "g": 0.13333333333333333,
+      "b": 0.1803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/open-emphasis",
+    "reference": "base/color/light/base/color/red/5",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
+    }
+  },
+  {
+    "name": "borderColor/open-muted",
+    "value": {
+      "r": 1,
+      "g": 0.5058823529411764,
+      "b": 0.5098039215686274,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/open-muted",
+    "reference": "base/color/light/base/color/red/3",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
+    }
+  },
   {
     "name": "borderColor/danger-emphasis",
     "value": {
@@ -1183,56 +1261,17 @@
       "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
     }
   },
-  {
-    "name": "borderColor/open-emphasis",
-    "value": {
-      "r": 0.8117647058823529,
-      "g": 0.13333333333333333,
-      "b": 0.1803921568627451,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/borderColor/open-emphasis",
-    "reference": "base/color/light/base/color/red/5",
-    "collection": "mode",
-    "mode": "light tritanopia",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
-    }
-  },
-  {
-    "name": "borderColor/open-muted",
-    "value": {
-      "r": 1,
-      "g": 0.5058823529411764,
-      "b": 0.5098039215686274,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/open-muted",
-    "reference": "base/color/light/base/color/red/3",
-    "collection": "mode",
-    "mode": "light tritanopia",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
-    }
-  },
   {
     "name": "borderColor/success-emphasis",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.12941176470588237,
+      "g": 0.5450980392156862,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/borderColor/success-emphasis",
-    "reference": "base/color/light/base/color/blue/5",
+    "reference": "base/color/light/base/color/blue/4",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "semantic",
@@ -1439,6 +1478,44 @@
       "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 tritanopia",
+    "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 tritanopia",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-upsell-muted)"
+    }
+  },
   {
     "name": "bgColor/done-emphasis",
     "value": {
@@ -1516,7 +1593,7 @@
     }
   },
   {
-    "name": "bgColor/danger-emphasis",
+    "name": "bgColor/open-emphasis",
     "value": {
       "r": 0.8117647058823529,
       "g": 0.13333333333333333,
@@ -1524,18 +1601,18 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/danger-emphasis",
+    "refId": "mode/bgColor/open-emphasis",
     "reference": "base/color/light/base/color/red/5",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
+      "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
     }
   },
   {
-    "name": "bgColor/danger-muted",
+    "name": "bgColor/open-muted",
     "value": {
       "r": 1,
       "g": 0.9215686274509803,
@@ -1543,18 +1620,18 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/danger-muted",
+    "refId": "mode/bgColor/open-muted",
     "reference": "base/color/light/base/color/red/0",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
+      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
     }
   },
   {
-    "name": "bgColor/severe-emphasis",
+    "name": "bgColor/danger-emphasis",
     "value": {
       "r": 0.8117647058823529,
       "g": 0.13333333333333333,
@@ -1562,18 +1639,18 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/severe-emphasis",
+    "refId": "mode/bgColor/danger-emphasis",
     "reference": "base/color/light/base/color/red/5",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
+      "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
     }
   },
   {
-    "name": "bgColor/severe-muted",
+    "name": "bgColor/danger-muted",
     "value": {
       "r": 1,
       "g": 0.9215686274509803,
@@ -1581,103 +1658,104 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/severe-muted",
+    "refId": "mode/bgColor/danger-muted",
     "reference": "base/color/light/base/color/red/0",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
+      "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
     }
   },
   {
-    "name": "bgColor/attention-emphasis",
+    "name": "bgColor/severe-emphasis",
     "value": {
-      "r": 0.6039215686274509,
-      "g": 0.403921568627451,
-      "b": 0,
+      "r": 0.8117647058823529,
+      "g": 0.13333333333333333,
+      "b": 0.1803921568627451,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/attention-emphasis",
-    "reference": "base/color/light/base/color/yellow/5",
+    "refId": "mode/bgColor/severe-emphasis",
+    "reference": "base/color/light/base/color/red/5",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
+      "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
     }
   },
   {
-    "name": "bgColor/attention-muted",
+    "name": "bgColor/severe-muted",
     "value": {
       "r": 1,
-      "g": 0.9725490196078431,
-      "b": 0.7725490196078432,
+      "g": 0.9215686274509803,
+      "b": 0.9137254901960784,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/attention-muted",
-    "reference": "base/color/light/base/color/yellow/0",
+    "refId": "mode/bgColor/severe-muted",
+    "reference": "base/color/light/base/color/red/0",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
+      "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
     }
   },
   {
-    "name": "bgColor/open-emphasis",
+    "name": "bgColor/attention-emphasis",
     "value": {
-      "r": 0.8117647058823529,
-      "g": 0.13333333333333333,
-      "b": 0.1803921568627451,
+      "r": 0.6039215686274509,
+      "g": 0.403921568627451,
+      "b": 0,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/open-emphasis",
-    "reference": "base/color/light/base/color/red/5",
+    "refId": "mode/bgColor/attention-emphasis",
+    "reference": "base/color/light/base/color/yellow/5",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
+      "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
     }
   },
   {
-    "name": "bgColor/open-muted",
+    "name": "bgColor/attention-muted",
     "value": {
       "r": 1,
-      "g": 0.9215686274509803,
-      "b": 0.9137254901960784,
+      "g": 0.9725490196078431,
+      "b": 0.7725490196078432,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/open-muted",
-    "reference": "base/color/light/base/color/red/0",
+    "refId": "mode/bgColor/attention-muted",
+    "reference": "base/color/light/base/color/yellow/0",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
+      "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
     }
   },
   {
     "name": "bgColor/success-emphasis",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.058823529411764705,
+      "g": 0.4470588235294118,
+      "b": 0.8901960784313725,
       "a": 1
     },
     "type": "COLOR",
+    "isMix": true,
     "refId": "mode/bgColor/success-emphasis",
-    "reference": "base/color/light/base/color/blue/5",
+    "reference": "base/color/light/base/color/blue/4",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "semantic",
@@ -1955,6 +2033,25 @@
       "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 tritanopia",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-upsell)"
+    }
+  },
   {
     "name": "fgColor/done",
     "value": {
@@ -1993,6 +2090,25 @@
       "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
     }
   },
+  {
+    "name": "fgColor/open",
+    "value": {
+      "r": 0.8117647058823529,
+      "g": 0.13333333333333333,
+      "b": 0.1803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/open",
+    "reference": "base/color/light/base/color/red/5",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
+    }
+  },
   {
     "name": "fgColor/danger",
     "value": {
@@ -2051,25 +2167,6 @@
       "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
     }
   },
-  {
-    "name": "fgColor/open",
-    "value": {
-      "r": 0.8117647058823529,
-      "g": 0.13333333333333333,
-      "b": 0.1803921568627451,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/fgColor/open",
-    "reference": "base/color/light/base/color/red/5",
-    "collection": "mode",
-    "mode": "light tritanopia",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
-    }
-  },
   {
     "name": "fgColor/success",
     "value": {
@@ -7480,45 +7577,6 @@
     "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 tritanopia",
-    "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 tritanopia",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-upsell-muted)"
-    }
-  },
   {
     "name": "borderColor/disabled",
     "value": {
@@ -7555,63 +7613,6 @@
       "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 tritanopia",
-    "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 tritanopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-upsell-muted)"
-    }
-  },
-  {
-    "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 tritanopia",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-upsell)"
-    }
-  },
   {
     "name": "fgColor/link",
     "value": {
@@ -8253,9 +8254,9 @@
   {
     "name": "button/primary/bgColor/active",
     "value": {
-      "r": 0.027450980392156862,
-      "g": 0.37254901960784315,
-      "b": 0.7843137254901961,
+      "r": 0.043137254901960784,
+      "g": 0.39215686274509803,
+      "b": 0.807843137254902,
       "a": 1
     },
     "type": "COLOR",
@@ -8270,9 +8271,9 @@
   {
     "name": "button/primary/bgColor/hover",
     "value": {
-      "r": 0.03137254901960784,
-      "g": 0.39215686274509803,
-      "b": 0.8196078431372549,
+      "r": 0.050980392156862744,
+      "g": 0.4196078431372549,
+      "b": 0.8470588235294118,
       "a": 1
     },
     "type": "COLOR",
@@ -8287,9 +8288,9 @@
   {
     "name": "button/primary/bgColor/rest",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.058823529411764705,
+      "g": 0.4470588235294118,
+      "b": 0.8901960784313725,
       "a": 1
     },
     "type": "COLOR",
@@ -8837,9 +8838,9 @@
   {
     "name": "control/borderColor/success",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.12941176470588237,
+      "g": 0.5450980392156862,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",