@primer/primitives 11.1.0 → 11.2.0-rc.1012e204

package/dist/docs/functional/themes/light.json

@@ -998,6 +998,130 @@
     "value": "#fbefff",
     "type": "color"
   },
+  "bgColor-draft-emphasis": {
+    "key": "{bgColor.draft.emphasis}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "semantic",
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-draft-emphasis)"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/bgColor.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.neutral.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "semantic",
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-draft-emphasis)"
+          }
+        }
+      },
+      "key": "{bgColor.draft.emphasis}"
+    },
+    "name": "bgColor-draft-emphasis",
+    "attributes": {},
+    "path": ["bgColor", "draft", "emphasis"],
+    "value": "#59636e",
+    "type": "color"
+  },
+  "bgColor-draft-muted": {
+    "key": "{bgColor.draft.muted}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "semantic",
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-draft-muted)"
+        }
+      },
+      "org.primer.overrides": {
+        "light-tritanopia": "#818b981f",
+        "light-tritanopia-high-contrast": "#818b981f",
+        "dark-tritanopia": {
+          "$value": "#818b981f",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": "#818b981f",
+        "light-protanopia-deuteranopia-high-contrast": "#818b981f",
+        "dark-protanopia-deuteranopia": {
+          "$value": "#818b981f",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#818b981f",
+          "alpha": 0.1,
+          "filePath": "src/tokens/functional/color/bgColor.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/bgColor.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.neutral.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "semantic",
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-draft-muted)"
+          }
+        },
+        "org.primer.overrides": {
+          "light-tritanopia": "{bgColor.neutral.muted}",
+          "light-tritanopia-high-contrast": "{bgColor.neutral.muted}",
+          "dark-tritanopia": {
+            "$value": "{bgColor.neutral.muted}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": "{bgColor.neutral.muted}",
+          "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.muted}",
+          "dark-protanopia-deuteranopia": {
+            "$value": "{bgColor.neutral.muted}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{bgColor.neutral.muted}",
+            "alpha": 0.1,
+            "filePath": "src/tokens/functional/color/bgColor.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{bgColor.draft.muted}"
+    },
+    "name": "bgColor-draft-muted",
+    "attributes": {},
+    "path": ["bgColor", "draft", "muted"],
+    "value": "#818b981f",
+    "type": "color"
+  },
   "bgColor-emphasis": {
     "key": "{bgColor.emphasis}",
     "$extensions": {
@@ -3691,6 +3815,192 @@
     "value": "#c297ff66",
     "type": "color"
   },
+  "borderColor-draft-emphasis": {
+    "key": "{borderColor.draft.emphasis}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "semantic",
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-draft-emphasis)"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/borderColor.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{borderColor.neutral.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "semantic",
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-draft-emphasis)"
+          }
+        }
+      },
+      "key": "{borderColor.draft.emphasis}"
+    },
+    "name": "borderColor-draft-emphasis",
+    "attributes": {},
+    "path": ["borderColor", "draft", "emphasis"],
+    "value": "#59636e",
+    "type": "color"
+  },
+  "borderColor-draft-muted": {
+    "key": "{borderColor.draft.muted}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "semantic",
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-draft-muted) */"
+        }
+      },
+      "org.primer.overrides": {
+        "dark-tritanopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#d1d9e0",
+          "alpha": 1,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": "#d1d9e0",
+          "alpha": 1,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#d1d9e0",
+          "alpha": 1,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": "#d1d9e0",
+          "alpha": 1,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/borderColor.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{borderColor.neutral.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "semantic",
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-draft-muted) */"
+          }
+        },
+        "org.primer.overrides": {
+          "dark-tritanopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{borderColor.default}",
+            "alpha": 1,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": "{borderColor.default}",
+            "alpha": 1,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{borderColor.default}",
+            "alpha": 1,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": "{borderColor.default}",
+            "alpha": 1,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{borderColor.draft.muted}"
+    },
+    "name": "borderColor-draft-muted",
+    "attributes": {},
+    "path": ["borderColor", "draft", "muted"],
+    "value": "#d1d9e0b3",
+    "type": "color"
+  },
   "borderColor-emphasis": {
     "key": "{borderColor.emphasis}",
     "$extensions": {
@@ -35123,6 +35433,41 @@
     "value": "#8250df",
     "type": "color"
   },
+  "fgColor-draft": {
+    "key": "{fgColor.draft}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "semantic",
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-draft)"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/fgColor.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.neutral}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "semantic",
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-draft)"
+          }
+        }
+      },
+      "key": "{fgColor.draft}"
+    },
+    "name": "fgColor-draft",
+    "attributes": {},
+    "path": ["fgColor", "draft"],
+    "value": "#59636e",
+    "type": "color"
+  },
   "fgColor-link": {
     "key": "{fgColor.link}",
     "$extensions": {

package/dist/figma/figma.json

@@ -75,20 +75,15 @@
         "light protanopia deuteranopia",
         "dark protanopia deuteranopia",
         "light tritanopia",
-        "dark tritanopia",
-        "dark protanopia deuteranopia high contrast",
-        "dark dimmed high contrast",
-        "dark tritanopia high contrast",
-        "light protanopia deuteranopia high contrast",
-        "light tritanopia high contrast"
+        "dark tritanopia"
       ],
       "groups": [
         "shadow",
         "component (internal)",
-        "component shadow",
-        "component",
         "semantic",
-        "syntax"
+        "component",
+        "syntax",
+        "component shadow"
       ]
     },
     "base/typography": {
@@ -115,18 +110,13 @@
     "dist/figma/scales/dark.json",
     "dist/figma/scales/light-high-constrast.json",
     "dist/figma/scales/light.json",
-    "dist/figma/themes/dark-colorblind-high-contrast.json",
     "dist/figma/themes/dark-colorblind.json",
-    "dist/figma/themes/dark-dimmed-high-contrast.json",
     "dist/figma/themes/dark-dimmed.json",
     "dist/figma/themes/dark-high-contrast.json",
-    "dist/figma/themes/dark-tritanopia-high-contrast.json",
     "dist/figma/themes/dark-tritanopia.json",
     "dist/figma/themes/dark.json",
-    "dist/figma/themes/light-colorblind-high-contrast.json",
     "dist/figma/themes/light-colorblind.json",
     "dist/figma/themes/light-high-contrast.json",
-    "dist/figma/themes/light-tritanopia-high-contrast.json",
     "dist/figma/themes/light-tritanopia.json",
     "dist/figma/themes/light.json",
     "dist/figma/typography/typography.json"

package/dist/figma/themes/dark-colorblind.json

@@ -1380,6 +1380,45 @@
       "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
     }
   },
+  {
+    "name": "bgColor/draft-muted",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "alpha": 0.1,
+    "refId": "mode/bgColor/draft-muted",
+    "reference": "mode/bgColor/neutral-muted",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-draft-muted)"
+    }
+  },
+  {
+    "name": "bgColor/draft-emphasis",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/draft-emphasis",
+    "reference": "mode/bgColor/neutral-emphasis",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-draft-emphasis)"
+    }
+  },
   {
     "name": "bgColor/done-muted",
     "value": {
@@ -1906,6 +1945,45 @@
       "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
     }
   },
+  {
+    "name": "borderColor/draft-muted",
+    "value": {
+      "r": 0.23921568627450981,
+      "g": 0.26666666666666666,
+      "b": 0.30196078431372547,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/draft-muted",
+    "reference": "mode/borderColor/default",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-draft-muted) */"
+    }
+  },
+  {
+    "name": "borderColor/draft-emphasis",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/draft-emphasis",
+    "reference": "mode/borderColor/neutral-emphasis",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-draft-emphasis)"
+    }
+  },
   {
     "name": "borderColor/done-muted",
     "value": {
@@ -8248,6 +8326,25 @@
       "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
     }
   },
+  {
+    "name": "fgColor/draft",
+    "value": {
+      "r": 0.5686274509803921,
+      "g": 0.596078431372549,
+      "b": 0.6313725490196078,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/draft",
+    "reference": "mode/fgColor/neutral",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-draft)"
+    }
+  },
   {
     "name": "fgColor/done",
     "value": {

package/dist/figma/themes/dark-dimmed.json

@@ -1378,6 +1378,44 @@
       "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
     }
   },
+  {
+    "name": "bgColor/draft-muted",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/draft-muted",
+    "reference": "mode/bgColor/neutral-muted",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-draft-muted)"
+    }
+  },
+  {
+    "name": "bgColor/draft-emphasis",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/draft-emphasis",
+    "reference": "mode/bgColor/neutral-emphasis",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-draft-emphasis)"
+    }
+  },
   {
     "name": "bgColor/done-muted",
     "value": {
@@ -1903,6 +1941,44 @@
       "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
     }
   },
+  {
+    "name": "borderColor/draft-muted",
+    "value": {
+      "r": 0.23921568627450981,
+      "g": 0.26666666666666666,
+      "b": 0.30196078431372547,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/draft-muted",
+    "reference": "mode/borderColor/neutral-muted",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-draft-muted) */"
+    }
+  },
+  {
+    "name": "borderColor/draft-emphasis",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/draft-emphasis",
+    "reference": "mode/borderColor/neutral-emphasis",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-draft-emphasis)"
+    }
+  },
   {
     "name": "borderColor/done-muted",
     "value": {
@@ -8243,6 +8319,25 @@
       "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
     }
   },
+  {
+    "name": "fgColor/draft",
+    "value": {
+      "r": 0.5686274509803921,
+      "g": 0.596078431372549,
+      "b": 0.6313725490196078,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/draft",
+    "reference": "mode/fgColor/neutral",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-draft)"
+    }
+  },
   {
     "name": "fgColor/done",
     "value": {