@primer/primitives 10.0.0-rc.e413e85d → 10.0.0-rc.eb6fe33a

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

@@ -441,7 +441,7 @@
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
-              mode: 'light',
+              mode: 'dark',
               group: 'component (internal)',
               scopes: ['fgColor'],
             },
@@ -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: {

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

@@ -192,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,
       },
     },
-    deletion: {
+    additionWord: {
       bgColor: {
-        num: {
-          $value: '{base.color.orange.4}',
+        $value: '{base.color.blue.4}',
+        $type: 'color',
+        alpha: 0.4,
+      },
+    },
+    deletionNum: {
+      bgColor: {
+        $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

@@ -123,31 +123,54 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionNum: {
       bgColor: {
-        num: {
-          $value: '{base.color.blue.3}',
-          $type: 'color',
-          $extensions: {
-            alpha: 0.3,
-          },
+        $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: 0.15,
+            alpha: 1,
           },
         },
-        word: {
-          $value: '{base.color.blue.4}',
+        hover: {
+          $value: '{base.color.neutral.8}',
           $type: 'color',
+          mix: null,
           $extensions: {
-            alpha: 0.4,
+            alpha: 1,
           },
         },
       },
     },
+    hunkLine: {
+      bgColor: {
+        $value: '{base.color.neutral.3}',
+        $type: 'color',
+        mix: null,
+        $extensions: {
+          alpha: 1,
+        },
+      },
+    },
   },
   codeMirror: {
     syntax: {

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'],
         },

package/src/tokens/functional/color/light/app-light.json5

@@ -46,79 +46,191 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionLine: {
       fgColor: {
-        text: {
-          $value: '{fgColor.default}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'light',
-              group: 'component',
-              scopes: ['fgColor'],
-            },
+        $value: '{fgColor.default}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['fgColor'],
           },
         },
-        num: {
-          $value: '{fgColor.default}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'light',
-              group: 'component',
-              scopes: ['fgColor'],
-            },
+      },
+      bgColor: {
+        $value: '{bgColor.success.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
+    additionWord: {
+      fgColor: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['fgColor'],
           },
         },
       },
       bgColor: {
-        num: {
-          $value: '{base.color.green.1}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'light',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+        $value: '{base.color.green.1}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
           },
-          mix: {
-            color: '{base.color.green.0}',
-            weight: 0.8,
+        },
+      },
+    },
+    additionNum: {
+      fgColor: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['fgColor'],
           },
         },
-        line: {
-          $value: '{base.color.green.0}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'light',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+      },
+      bgColor: {
+        $value: '{base.color.green.1}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
           },
         },
-        word: {
-          $value: '{base.color.green.1}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'light',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+      },
+    },
+    deletionLine: {
+      fgColor: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      bgColor: {
+        $value: '{bgColor.danger.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
+    deletionWord: {
+      fgColor: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      bgColor: {
+        $value: '{base.color.red.1}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
           },
         },
       },
     },
-    deletion: {
+    deletionNum: {
       fgColor: {
-        text: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+      bgColor: {
+        $value: '{base.color.red.1}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
+    hunkLine: {
+      bgColor: {
+        $value: '{bgColor.accent.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+      fgColor: {
+        $value: '{fgColor.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['fgColor'],
+          },
+        },
+      },
+    },
+    hunkNum: {
+      fgColor: {
+        rest: {
           $value: '{fgColor.default}',
           $type: 'color',
           $extensions: {
@@ -130,8 +242,8 @@
             },
           },
         },
-        num: {
-          $value: '{fgColor.default}',
+        hover: {
+          $value: '{fgColor.onEmphasis}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -144,8 +256,8 @@
         },
       },
       bgColor: {
-        num: {
-          $value: '{base.color.red.1}',
+        rest: {
+          $value: '{base.color.blue.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -156,8 +268,8 @@
             },
           },
         },
-        line: {
-          $value: '{base.color.red.0}',
+        hover: {
+          $value: '{bgColor.accent.emphasis}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -168,35 +280,33 @@
             },
           },
         },
-        word: {
-          $value: '{base.color.red.3}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'light',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+      },
+    },
+    emptyNum: {
+      bgColor: {
+        $value: '{bgColor.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
           },
-          alpha: 0.4,
         },
       },
     },
-    hunk: {
+    emptyLine: {
       bgColor: {
-        num: {
-          $value: '{base.color.blue.3}',
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              mode: 'light',
-              group: 'component',
-              scopes: ['bgColor'],
-            },
+        $value: '{bgColor.muted}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
           },
-          alpha: 0.4,
         },
       },
     },