@primer/primitives 8.1.0 → 8.1.1-rc.29cfc4ea

package/dist/css/functional/themes/light-tritanopia.css

@@ -72,6 +72,11 @@
   --display-purple-fgColor: #783ae4;
   --display-purple-borderColor-muted: #e6d2fe;
   --display-purple-borderColor-emphasis: #894ceb;
+  --display-plum-bgColor-muted: #f8e5ff;
+  --display-plum-bgColor-emphasis: #a830e8;
+  --display-plum-fgColor: #961edc;
+  --display-plum-borderColor-muted: #f0cdfe;
+  --display-plum-borderColor-emphasis: #a830e8;
   --display-red-bgColor-muted: #ffe2e0;
   --display-red-bgColor-emphasis: #df0c24;
   --display-red-fgColor: #c50d28;
@@ -620,6 +625,11 @@
     --display-purple-fgColor: #783ae4;
     --display-purple-borderColor-muted: #e6d2fe;
     --display-purple-borderColor-emphasis: #894ceb;
+    --display-plum-bgColor-muted: #f8e5ff;
+    --display-plum-bgColor-emphasis: #a830e8;
+    --display-plum-fgColor: #961edc;
+    --display-plum-borderColor-muted: #f0cdfe;
+    --display-plum-borderColor-emphasis: #a830e8;
     --display-red-bgColor-muted: #ffe2e0;
     --display-red-bgColor-emphasis: #df0c24;
     --display-red-fgColor: #c50d28;

package/dist/css/functional/themes/light.css

@@ -72,6 +72,11 @@
   --display-purple-fgColor: #783ae4;
   --display-purple-borderColor-muted: #e6d2fe;
   --display-purple-borderColor-emphasis: #894ceb;
+  --display-plum-bgColor-muted: #f8e5ff;
+  --display-plum-bgColor-emphasis: #a830e8;
+  --display-plum-fgColor: #961edc;
+  --display-plum-borderColor-muted: #f0cdfe;
+  --display-plum-borderColor-emphasis: #a830e8;
   --display-red-bgColor-muted: #ffe2e0;
   --display-red-bgColor-emphasis: #df0c24;
   --display-red-fgColor: #c50d28;
@@ -620,6 +625,11 @@
     --display-purple-fgColor: #783ae4;
     --display-purple-borderColor-muted: #e6d2fe;
     --display-purple-borderColor-emphasis: #894ceb;
+    --display-plum-bgColor-muted: #f8e5ff;
+    --display-plum-bgColor-emphasis: #a830e8;
+    --display-plum-fgColor: #961edc;
+    --display-plum-borderColor-muted: #f0cdfe;
+    --display-plum-borderColor-emphasis: #a830e8;
     --display-red-bgColor-muted: #ffe2e0;
     --display-red-bgColor-emphasis: #df0c24;
     --display-red-fgColor: #c50d28;

package/dist/deprecated/size.json

@@ -0,0 +1,8 @@
+{
+  "space.xxsmall": "Use --base-size-2 instead",
+  "space.xsmall": "Use --base-size-4 instead",
+  "space.small": "Use --base-size-6 instead",
+  "space.medium": "Use --base-size-8 instead",
+  "space.large": "Use --base-size-12 instead",
+  "space.xlarge": "Use --base-size-16 instead"
+}

package/dist/docs/base/size/size.json

@@ -1,4 +1,29 @@
 {
+  "base-size-2": {
+    "value": "0.125rem",
+    "$type": "dimension",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "base/size",
+        "scopes": ["size"]
+      }
+    },
+    "filePath": "src/tokens/base/size/size.json",
+    "isSource": true,
+    "original": {
+      "value": "2px",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "base/size",
+          "scopes": ["size"]
+        }
+      }
+    },
+    "name": "base-size-2",
+    "attributes": {},
+    "path": ["base", "size", "2"]
+  },
   "base-size-4": {
     "value": "0.25rem",
     "$type": "dimension",
@@ -24,6 +49,31 @@
     "attributes": {},
     "path": ["base", "size", "4"]
   },
+  "base-size-6": {
+    "value": "0.375rem",
+    "$type": "dimension",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "base/size",
+        "scopes": ["size"]
+      }
+    },
+    "filePath": "src/tokens/base/size/size.json",
+    "isSource": true,
+    "original": {
+      "value": "6px",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "base/size",
+          "scopes": ["size"]
+        }
+      }
+    },
+    "name": "base-size-6",
+    "attributes": {},
+    "path": ["base", "size", "6"]
+  },
   "base-size-8": {
     "value": "0.5rem",
     "$type": "dimension",

package/dist/docs/functional/size/size.json

@@ -1027,6 +1027,7 @@
   "space-xxsmall": {
     "value": "0.125rem",
     "$type": "dimension",
+    "deprecated": "Use --base-size-2 instead",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -1038,6 +1039,7 @@
     "original": {
       "value": "2px",
       "$type": "dimension",
+      "deprecated": "Use --base-size-2 instead",
       "$extensions": {
         "org.primer.figma": {
           "collection": "functional/size",
@@ -1052,6 +1054,7 @@
   "space-xsmall": {
     "value": "0.25rem",
     "$type": "dimension",
+    "deprecated": "Use --base-size-4 instead",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -1063,6 +1066,7 @@
     "original": {
       "value": "{base.size.4}",
       "$type": "dimension",
+      "deprecated": "Use --base-size-4 instead",
       "$extensions": {
         "org.primer.figma": {
           "collection": "functional/size",
@@ -1077,6 +1081,7 @@
   "space-small": {
     "value": "0.375rem",
     "$type": "dimension",
+    "deprecated": "Use --base-size-6 instead",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -1088,6 +1093,7 @@
     "original": {
       "value": "6px",
       "$type": "dimension",
+      "deprecated": "Use --base-size-6 instead",
       "$extensions": {
         "org.primer.figma": {
           "collection": "functional/size",
@@ -1102,6 +1108,7 @@
   "space-medium": {
     "value": "0.5rem",
     "$type": "dimension",
+    "deprecated": "Use --base-size-8 instead",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -1113,6 +1120,7 @@
     "original": {
       "value": "{base.size.8}",
       "$type": "dimension",
+      "deprecated": "Use --base-size-8 instead",
       "$extensions": {
         "org.primer.figma": {
           "collection": "functional/size",
@@ -1127,6 +1135,7 @@
   "space-large": {
     "value": "0.75rem",
     "$type": "dimension",
+    "deprecated": "Use --base-size-12 instead",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -1138,6 +1147,7 @@
     "original": {
       "value": "{base.size.12}",
       "$type": "dimension",
+      "deprecated": "Use --base-size-12 instead",
       "$extensions": {
         "org.primer.figma": {
           "collection": "functional/size",
@@ -1152,6 +1162,7 @@
   "space-xlarge": {
     "value": "1rem",
     "$type": "dimension",
+    "deprecated": "Use --base-size-16 instead",
     "$extensions": {
       "org.primer.figma": {
         "collection": "functional/size",
@@ -1163,6 +1174,7 @@
     "original": {
       "value": "{base.size.16}",
       "$type": "dimension",
+      "deprecated": "Use --base-size-16 instead",
       "$extensions": {
         "org.primer.figma": {
           "collection": "functional/size",

package/dist/docs/functional/themes/dark-colorblind.json

@@ -424,7 +424,7 @@
     "path": ["diffBlob", "hunk", "bgColor", "num"]
   },
   "diffBlob-expander-iconColor": {
-    "value": "#848d97",
+    "value": "#8d96a0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -569,7 +569,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "default"]
   },
   "codeMirror-gutterMarker-fgColor-muted": {
-    "value": "#848d97",
+    "value": "#8d96a0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -598,7 +598,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
   },
   "codeMirror-lineNumber-fgColor": {
-    "value": "#848d97",
+    "value": "#8d96a0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2051,6 +2051,151 @@
     "attributes": {},
     "path": ["display", "purple", "borderColor", "emphasis"]
   },
+  "display-plum-bgColor-muted": {
+    "value": "#2a0e3f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.plum.0}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "display-plum-bgColor-muted",
+    "attributes": {},
+    "path": ["display", "plum", "bgColor", "muted"]
+  },
+  "display-plum-bgColor-emphasis": {
+    "value": "#b643ef",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.plum.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "display-plum-bgColor-emphasis",
+    "attributes": {},
+    "path": ["display", "plum", "bgColor", "emphasis"]
+  },
+  "display-plum-fgColor": {
+    "value": "#d07ef7",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.plum.6}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "display-plum-fgColor",
+    "attributes": {},
+    "path": ["display", "plum", "fgColor"]
+  },
+  "display-plum-borderColor-muted": {
+    "value": "#40125e",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.plum.1}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "display-plum-borderColor-muted",
+    "attributes": {},
+    "path": ["display", "plum", "borderColor", "muted"]
+  },
+  "display-plum-borderColor-emphasis": {
+    "value": "#b643ef",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/display-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.plum.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "display-plum-borderColor-emphasis",
+    "attributes": {},
+    "path": ["display", "plum", "borderColor", "emphasis"]
+  },
   "display-red-bgColor-muted": {
     "value": "#3c0614",
     "$type": "color",
@@ -4697,7 +4842,7 @@
     "path": ["control", "borderColor", "warning"]
   },
   "control-iconColor-rest": {
-    "value": "#848d97",
+    "value": "#8d96a0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5536,7 +5681,7 @@
     "path": ["controlTrack", "bgColor", "disabled"]
   },
   "controlTrack-fgColor-rest": {
-    "value": "#848d97",
+    "value": "#8d96a0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6647,7 +6792,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-iconColor-rest": {
-    "value": "#848d97",
+    "value": "#8d96a0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8638,7 +8783,7 @@
     "path": ["timelineBadge", "bgColor"]
   },
   "treeViewItem-leadingVisual-iconColor-rest": {
-    "value": "#848d97",
+    "value": "#8d96a0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8725,7 +8870,7 @@
     "path": ["underlineNav", "borderColor", "hover"]
   },
   "underlineNav-iconColor-rest": {
-    "value": "#848d97",
+    "value": "#8d96a0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12163,7 +12308,7 @@
     "path": ["fgColor", "default"]
   },
   "fgColor-muted": {
-    "value": "#848d97",
+    "value": "#8d96a0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12177,13 +12322,13 @@
       }
     },
     "mix": {
-      "color": "#6e7681",
-      "weight": 0.25
+      "color": "#8b949e",
+      "weight": 0.95
     },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12197,8 +12342,8 @@
         }
       },
       "mix": {
-        "color": "{base.color.neutral.4}",
-        "weight": 0.25
+        "color": "{base.color.neutral.3}",
+        "weight": 0.95
       }
     },
     "name": "fgColor-muted",