@primer/primitives 9.1.2 → 10.0.0-rc.2963a70e

package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5

@@ -116,14 +116,6 @@
       },
     },
   },
-  diffBlob: {
-    expander: {
-      iconColor: {
-        $value: '{fgColor.default}',
-        $type: 'color',
-      },
-    },
-  },
   overlay: {
     backdrop: {
       bgColor: {

package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5

@@ -14,7 +14,7 @@
       $type: 'color',
     },
     disabled: {
-      $value: '{base.color.neutral.9}',
+      $value: '{base.color.neutral.8}',
       $type: 'color',
     },
     neutral: {
@@ -194,7 +194,7 @@
     },
     upsell: {
       muted: {
-          $value: '{borderColor.done.muted}',
+        $value: '{borderColor.done.muted}',
         $type: 'color',
         alpha: 1,
       },
@@ -441,7 +441,7 @@
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
-              mode: 'light',
+              mode: 'dark',
               group: 'component (internal)',
               scopes: ['fgColor'],
             },
@@ -468,7 +468,7 @@
         active: {
           $value: '{bgColor.danger.emphasis}',
           $type: 'color',
-          mix: null
+          mix: null,
         },
       },
     },
@@ -509,51 +509,64 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionLine: {
       fgColor: {
-        text: {
-          $value: '{fgColor.onEmphasis}',
-          $type: 'color',
-        },
+        $value: '{fgColor.onEmphasis}',
+        $type: 'color',
       },
       bgColor: {
-        word: {
-          $value: '{bgColor.success.emphasis}',
-          $type: 'color',
-          alpha: 1,
-        },
+        $value: '{bgColor.success.muted}',
+        $type: 'color',
+        alpha: 0.2,
+      },
+    },
+    additionWord: {
+      bgColor: {
+        $value: '{bgColor.success.emphasis}',
+        $type: 'color',
+        alpha: 1,
       },
     },
-    deletion: {
+    deletionLine: {
       fgColor: {
-        text: {
-          $value: '{fgColor.onEmphasis}',
-          $type: 'color',
-        },
+        $value: '{fgColor.onEmphasis}',
+        $type: 'color',
       },
       bgColor: {
-        word: {
-          $value: '{bgColor.danger.emphasis}',
-          $type: 'color',
-          alpha: 1,
-        },
+        $value: '{bgColor.danger.muted}',
+        $type: 'color',
+        alpha: 0.2,
       },
     },
-    expander: {
-      iconColor: {
-        $value: '{fgColor.default}',
+    deletionWord: {
+      bgColor: {
+        $value: '{bgColor.danger.emphasis}',
         $type: 'color',
+        alpha: 1,
       },
     },
-    hunk: {
+    hunkNum: {
       bgColor: {
-        num: {
+        rest: {
           $value: '{base.color.blue.4}',
           $type: 'color',
           alpha: 0.4,
         },
       },
     },
+    hunkLine: {
+      bgColor: {
+        $value: '{bgColor.accent.muted}',
+        $type: 'color',
+        alpha: 0.2,
+      },
+    },
+    expander: {
+      iconColor: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+      },
+    },
   },
   codeMirror: {
     selection: {
@@ -938,5 +951,5 @@
       $type: 'color',
       alpha: 1,
     },
-  }
+  },
 }

package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5

@@ -10,7 +10,7 @@
       $type: 'color',
     },
     danger: {
-      $value: '{base.color.orange.4}',
+      $value: '{base.color.orange.3}',
       $type: 'color',
     },
     open: {
@@ -49,7 +49,7 @@
       muted: {
         $value: '{base.color.orange.4}',
         $type: 'color',
-        alpha: 0.4,
+        alpha: 0.2,
       },
       emphasis: {
         $value: '{base.color.orange.5}',
@@ -60,6 +60,9 @@
       muted: {
         $value: '{bgColor.neutral.muted}',
         $type: 'color',
+        $extensions: {
+          alpha: 0.1,
+        },
       },
       emphasis: {
         $value: '{bgColor.neutral.emphasis}',
@@ -83,6 +86,9 @@
       muted: {
         $value: '{borderColor.muted}',
         $type: 'color',
+        $extensions: {
+          alpha: 0.4,
+        },
       },
       emphasis: {
         $value: '{borderColor.emphasis}',
@@ -186,43 +192,69 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionNum: {
       bgColor: {
-        num: {
-          $value: '{base.color.blue.3}',
-          $type: 'color',
-          alpha: 0.3,
-        },
-        line: {
-          $value: '{base.color.blue.4}',
-          $type: 'color',
-          alpha: 0.15,
-          mix: null,
-        },
-        word: {
-          $value: '{base.color.blue.4}',
-          $type: 'color',
-          alpha: 0.4,
-        },
+        $value: '{base.color.blue.3}',
+        $type: 'color',
+        alpha: 0.3,
+      },
+    },
+    additionWord: {
+      bgColor: {
+        $value: '{base.color.blue.4}',
+        $type: 'color',
+        alpha: 0.4,
       },
     },
-    deletion: {
+    deletionNum: {
       bgColor: {
-        num: {
-          $value: '{base.color.orange.4}',
+        $value: '{base.color.orange.4}',
+        $type: 'color',
+        alpha: 0.3,
+      },
+    },
+    deletionLine: {
+      bgColor: {
+        $value: '{base.color.orange.4}',
+        $type: 'color',
+        alpha: 0.15,
+        mix: null,
+      },
+    },
+    deletionWord: {
+      bgColor: {
+        $value: '{base.color.orange.4}',
+        $type: 'color',
+        alpha: 0.4,
+      },
+    },
+    hunkNum: {
+      bgColor: {
+        rest: {
+          $value: '{base.color.neutral.6}',
           $type: 'color',
-          alpha: 0.3,
+          mix: null,
+          $extensions: {
+            alpha: 1,
+          },
         },
-        line: {
-          $value: '{base.color.orange.4}',
+        hover: {
+          $value: '{base.color.neutral.8}',
           $type: 'color',
-          alpha: 0.15,
           mix: null,
+          $extensions: {
+            alpha: 1,
+          },
         },
-        word: {
-          $value: '{base.color.orange.4}',
-          $type: 'color',
-          alpha: 0.4,
+      },
+    },
+    hunkLine: {
+      bgColor: {
+        $value: '{base.color.neutral.3}',
+        $type: 'color',
+        mix: null,
+        $extensions: {
+          alpha: 1,
         },
       },
     },

package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5

@@ -49,7 +49,7 @@
       muted: {
         $value: '{base.color.red.4}',
         $type: 'color',
-        alpha: 0.15,
+        alpha: 0.1,
       },
       emphasis: {
         $value: '{base.color.red.5}',
@@ -73,7 +73,9 @@
       muted: {
         $value: '{base.color.blue.4}',
         $type: 'color',
-        alpha: 0.4,
+        $extensions: {
+          alpha: 0.4,
+        },
       },
       emphasis: {
         $value: '{base.color.blue.5}',
@@ -84,7 +86,9 @@
       muted: {
         $value: '{base.color.red.4}',
         $type: 'color',
-        alpha: 0.4,
+        $extensions: {
+          alpha: 0.4,
+        },
       },
       emphasis: {
         $value: '{base.color.red.5}',
@@ -95,7 +99,9 @@
       muted: {
         $value: '{base.color.red.4}',
         $type: 'color',
-        alpha: 0.4,
+        $extensions: {
+          alpha: 0.4,
+        },
       },
       emphasis: {
         $value: '{base.color.red.5}',
@@ -106,6 +112,9 @@
       muted: {
         $value: '{borderColor.default}',
         $type: 'color',
+        $extensions: {
+          alpha: 0.4,
+        },
       },
       emphasis: {
         $value: '{borderColor.emphasis}',
@@ -114,19 +123,51 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionNum: {
       bgColor: {
-        num: {
-          $value: '{base.color.blue.3}',
-          $type: 'color',
+        $value: '{base.color.blue.3}',
+        $type: 'color',
+        $extensions: {
+          alpha: 0.3,
         },
-        line: {
-          $value: '{base.color.blue.4}',
+      },
+    },
+    additionWord: {
+      bgColor: {
+        $value: '{base.color.blue.4}',
+        $type: 'color',
+        $extensions: {
+          alpha: 0.4,
+        },
+      },
+    },
+    hunkNum: {
+      bgColor: {
+        rest: {
+          $value: '{base.color.neutral.6}',
           $type: 'color',
+          mix: null,
+          $extensions: {
+            alpha: 1,
+          },
         },
-        word: {
-          $value: '{base.color.blue.4}',
+        hover: {
+          $value: '{base.color.neutral.8}',
           $type: 'color',
+          mix: null,
+          $extensions: {
+            alpha: 1,
+          },
+        },
+      },
+    },
+    hunkLine: {
+      bgColor: {
+        $value: '{base.color.neutral.3}',
+        $type: 'color',
+        mix: null,
+        $extensions: {
+          alpha: 1,
         },
       },
     },

package/src/tokens/functional/color/dark/patterns-dark.json5

@@ -773,7 +773,7 @@
             scopes: ['bgColor'],
           },
         },
-      }
+      },
     },
   },
   button: {
@@ -1087,6 +1087,18 @@
             },
           },
         },
+        active: {
+          $value: '{control.fgColor.rest}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'dark',
+              group: 'component (internal)',
+              scopes: ['fgColor'],
+            },
+          },
+        },
         disabled: {
           $value: '{control.fgColor.disabled}',
           $type: 'color',
@@ -1131,7 +1143,7 @@
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
-              mode: 'light',
+              mode: 'dark',
               group: 'component (internal)',
               scopes: ['fgColor'],
             },
@@ -1538,7 +1550,7 @@
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
-            mode: 'light',
+            mode: 'dark',
             group: 'component (internal)',
             scopes: ['fgColor'],
           },
@@ -1550,7 +1562,7 @@
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
-            mode: 'light',
+            mode: 'dark',
             group: 'component (internal)',
             scopes: ['bgColor'],
           },

package/src/tokens/functional/color/dark/primitives-dark.json5

@@ -63,7 +63,7 @@
       $extensions: {
         'org.primer.figma': {
           collection: 'mode',
-          mode: 'light',
+          mode: 'dark',
           group: 'semantic',
           scopes: ['fgColor'],
         },
@@ -85,6 +85,7 @@
       $value: '{base.color.neutral.8}',
       $type: 'color',
       $extensions: {
+        alpha: 0.6,
         'org.primer.figma': {
           collection: 'mode',
           mode: 'dark',
@@ -92,7 +93,6 @@
           scopes: ['fgColor'],
         },
       },
-      alpha: 0.6,
     },
     link: {
       $value: '{fgColor.accent}',
@@ -597,6 +597,7 @@
         $value: '{base.color.red.4}',
         $type: 'color',
         $extensions: {
+          alpha: 0.1,
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
@@ -607,7 +608,6 @@
             },
           },
         },
-        alpha: 0.1,
       },
       emphasis: {
         $value: '{base.color.red.5}',
@@ -630,6 +630,7 @@
         $value: '{bgColor.danger.muted}',
         $type: 'color',
         $extensions: {
+          alpha: 0.1,
           'org.primer.figma': {
             collection: 'mode',
             mode: 'dark',
@@ -640,7 +641,6 @@
             },
           },
         },
-        alpha: 0.1,
       },
       emphasis: {
         $value: '{bgColor.danger.emphasis}',