@primer/primitives 8.2.0-rc.d4121ebd → 8.2.1-rc.0c78ef35

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

@@ -1200,7 +1200,36 @@
     },
     "name": "data-blue-color",
     "attributes": {},
-    "path": ["data", "blue", "color"]
+    "path": ["data", "blue", "color", "@"]
+  },
+  "data-blue-color-muted": {
+    "value": "#d1f0ff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.blue.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-blue-color-muted",
+    "attributes": {},
+    "path": ["data", "blue", "color", "muted"]
   },
   "data-auburn-color": {
     "value": "#9d615c",
@@ -1229,7 +1258,36 @@
     },
     "name": "data-auburn-color",
     "attributes": {},
-    "path": ["data", "auburn", "color"]
+    "path": ["data", "auburn", "color", "@"]
+  },
+  "data-auburn-color-muted": {
+    "value": "#f2e9e9",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.auburn.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-auburn-color-muted",
+    "attributes": {},
+    "path": ["data", "auburn", "color", "muted"]
   },
   "data-orange-color": {
     "value": "#eb670f",
@@ -1258,7 +1316,36 @@
     },
     "name": "data-orange-color",
     "attributes": {},
-    "path": ["data", "orange", "color"]
+    "path": ["data", "orange", "color", "@"]
+  },
+  "data-orange-color-muted": {
+    "value": "#ffe7d1",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.orange.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-orange-color-muted",
+    "attributes": {},
+    "path": ["data", "orange", "color", "muted"]
   },
   "data-yellow-color": {
     "value": "#b88700",
@@ -1287,7 +1374,36 @@
     },
     "name": "data-yellow-color",
     "attributes": {},
-    "path": ["data", "yellow", "color"]
+    "path": ["data", "yellow", "color", "@"]
+  },
+  "data-yellow-color-muted": {
+    "value": "#ffec9e",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.yellow.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-yellow-color-muted",
+    "attributes": {},
+    "path": ["data", "yellow", "color", "muted"]
   },
   "data-green-color": {
     "value": "#30a147",
@@ -1316,7 +1432,36 @@
     },
     "name": "data-green-color",
     "attributes": {},
-    "path": ["data", "green", "color"]
+    "path": ["data", "green", "color", "@"]
+  },
+  "data-green-color-muted": {
+    "value": "#caf7ca",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.green.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-green-color-muted",
+    "attributes": {},
+    "path": ["data", "green", "color", "muted"]
   },
   "data-teal-color": {
     "value": "#179b9b",
@@ -1345,7 +1490,36 @@
     },
     "name": "data-teal-color",
     "attributes": {},
-    "path": ["data", "teal", "color"]
+    "path": ["data", "teal", "color", "@"]
+  },
+  "data-teal-color-muted": {
+    "value": "#c7f5ef",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.teal.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-teal-color-muted",
+    "attributes": {},
+    "path": ["data", "teal", "color", "muted"]
   },
   "data-purple-color": {
     "value": "#894ceb",
@@ -1374,7 +1548,36 @@
     },
     "name": "data-purple-color",
     "attributes": {},
-    "path": ["data", "purple", "color"]
+    "path": ["data", "purple", "color", "@"]
+  },
+  "data-purple-color-muted": {
+    "value": "#f1e5ff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.purple.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-purple-color-muted",
+    "attributes": {},
+    "path": ["data", "purple", "color", "muted"]
   },
   "data-pink-color": {
     "value": "#ce2c85",
@@ -1403,7 +1606,36 @@
     },
     "name": "data-pink-color",
     "attributes": {},
-    "path": ["data", "pink", "color"]
+    "path": ["data", "pink", "color", "@"]
+  },
+  "data-pink-color-muted": {
+    "value": "#ffe5f1",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-pink-color-muted",
+    "attributes": {},
+    "path": ["data", "pink", "color", "muted"]
   },
   "data-red-color": {
     "value": "#df0c24",
@@ -1432,7 +1664,36 @@
     },
     "name": "data-red-color",
     "attributes": {},
-    "path": ["data", "red", "color"]
+    "path": ["data", "red", "color", "@"]
+  },
+  "data-red-color-muted": {
+    "value": "#ffe2e0",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.red.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-red-color-muted",
+    "attributes": {},
+    "path": ["data", "red", "color", "muted"]
   },
   "data-gray-color": {
     "value": "#808fa3",
@@ -1461,7 +1722,36 @@
     },
     "name": "data-gray-color",
     "attributes": {},
-    "path": ["data", "gray", "color"]
+    "path": ["data", "gray", "color", "@"]
+  },
+  "data-gray-color-muted": {
+    "value": "#e8ecf2",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.gray.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-gray-color-muted",
+    "attributes": {},
+    "path": ["data", "gray", "color", "muted"]
   },
   "display-blue-bgColor-muted": {
     "value": "#d1f0ff",

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

@@ -7141,6 +7141,22 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/gray/color/muted",
+    "value": {
+      "r": 0.10980392156862745,
+      "g": 0.10980392156862745,
+      "b": 0.10980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/gray/color/muted",
+    "reference": "base/color/dark/base/display/color/gray/0",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "data/gray/color",
     "value": {
@@ -7157,6 +7173,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/red/color/muted",
+    "value": {
+      "r": 0.23529411764705882,
+      "g": 0.023529411764705882,
+      "b": 0.0784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/red/color/muted",
+    "reference": "base/color/dark/base/display/color/red/0",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "data/red/color",
     "value": {
@@ -7173,6 +7205,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/pink/color/muted",
+    "value": {
+      "r": 0.17647058823529413,
+      "g": 0.08235294117647059,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/pink/color/muted",
+    "reference": "base/color/dark/base/display/color/pink/0",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "data/pink/color",
     "value": {
@@ -7189,6 +7237,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/purple/color/muted",
+    "value": {
+      "r": 0.12941176470588237,
+      "g": 0.06274509803921569,
+      "b": 0.2784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/purple/color/muted",
+    "reference": "base/color/dark/base/display/color/purple/0",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "data/purple/color",
     "value": {
@@ -7205,6 +7269,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/teal/color/muted",
+    "value": {
+      "r": 0.01568627450980392,
+      "g": 0.12156862745098039,
+      "b": 0.1450980392156863,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/teal/color/muted",
+    "reference": "base/color/dark/base/display/color/teal/0",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "data/teal/color",
     "value": {
@@ -7221,6 +7301,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/green/color/muted",
+    "value": {
+      "r": 0.07058823529411765,
+      "g": 0.12941176470588237,
+      "b": 0.09019607843137255,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/green/color/muted",
+    "reference": "base/color/dark/base/display/color/green/0",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "data/green/color",
     "value": {
@@ -7237,6 +7333,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/yellow/color/muted",
+    "value": {
+      "r": 0.1803921568627451,
+      "g": 0.10196078431372549,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/yellow/color/muted",
+    "reference": "base/color/dark/base/display/color/yellow/0",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "data/yellow/color",
     "value": {
@@ -7253,6 +7365,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/orange/color/muted",
+    "value": {
+      "r": 0.19215686274509805,
+      "g": 0.09019607843137255,
+      "b": 0.03137254901960784,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/orange/color/muted",
+    "reference": "base/color/dark/base/display/color/orange/0",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "data/orange/color",
     "value": {
@@ -7269,6 +7397,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/auburn/color/muted",
+    "value": {
+      "r": 0.15294117647058825,
+      "g": 0.09411764705882353,
+      "b": 0.09019607843137255,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/auburn/color/muted",
+    "reference": "base/color/dark/base/display/color/auburn/0",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "data/auburn/color",
     "value": {
@@ -7285,6 +7429,22 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "data/blue/color/muted",
+    "value": {
+      "r": 0,
+      "g": 0.10196078431372549,
+      "b": 0.2784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/data/blue/color/muted",
+    "reference": "base/color/dark/base/display/color/blue/0",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "data/blue/color",
     "value": {