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

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

@@ -396,8 +396,8 @@
           $value: '{base.color.neutral.11}',
           $type: 'color',
         },
-      }
-    }
+      },
+    },
   },
   buttonCounter: {
     default: {
@@ -410,45 +410,45 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionWord: {
       fgColor: {
-        text: {
-          $value: '{fgColor.onEmphasis}',
-          $type: 'color',
-        },
+        $value: '{fgColor.onEmphasis}',
+        $type: 'color',
       },
       bgColor: {
-        word: {
-          $value: '{base.color.green.4}',
-          $type: 'color',
-        },
+        $value: '{base.color.green.5}',
+        $type: 'color',
+        mix: null,
+        alpha: 1,
       },
     },
-    deletion: {
+    deletionWord: {
       fgColor: {
-        text: {
-          $value: '{fgColor.onEmphasis}',
-          $type: 'color',
-        },
+        $value: '{fgColor.onEmphasis}',
+        $type: 'color',
       },
       bgColor: {
-        word: {
-          $value: '{base.color.red.5}',
-          $type: 'color',
-          mix: null,
-          alpha: 1,
-        },
+        $value: '{base.color.red.5}',
+        $type: 'color',
+        mix: null,
+        alpha: 1,
       },
     },
-    hunk: {
+    hunkNum: {
       bgColor: {
-        num: {
+        rest: {
           $value: '{base.color.blue.1}',
           $type: 'color',
           alpha: 1,
         },
       },
     },
+    expander: {
+      iconColor: {
+        $value: '{fgColor.default}',
+        $type: 'color',
+      },
+    },
   },
   header: {
     borderColor: {
@@ -822,5 +822,5 @@
       $type: 'color',
       alpha: 1,
     },
-  }
+  },
 }

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

@@ -114,42 +114,75 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionNum: {
       bgColor: {
-        num: {
-          $value: '{base.color.blue.3}',
-          $type: 'color',
-          mix: null,
-          alpha: 0.4,
-        },
-        line: {
-          $value: '{base.color.blue.0}',
-          $type: 'color',
-          alpha: 0.5,
-        },
-        word: {
-          $value: '{base.color.blue.3}',
-          $type: 'color',
-          alpha: 0.4,
+        $value: '{base.color.blue.1}',
+        $type: 'color',
+      },
+    },
+    additionWord: {
+      bgColor: {
+        $value: '{base.color.blue.1}',
+        $type: 'color',
+      },
+    },
+    deletionNum: {
+      bgColor: {
+        $value: '{base.color.orange.1}',
+        $type: 'color',
+      },
+    },
+    deletionWord: {
+      bgColor: {
+        $value: '{base.color.orange.1}',
+        $type: 'color',
+      },
+    },
+    hunkLine: {
+      bgColor: {
+        $value: '{base.color.neutral.1}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
         },
       },
     },
-    deletion: {
+    hunkNum: {
       bgColor: {
-        num: {
-          $value: '{base.color.orange.3}',
+        rest: {
+          $value: '{base.color.neutral.3}',
           $type: 'color',
-          alpha: 0.4,
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component',
+              scopes: ['bgColor'],
+            },
+          },
         },
-        line: {
-          $value: '{base.color.orange.0}',
+        hover: {
+          $value: '{base.color.neutral.7}',
           $type: 'color',
-          alpha: 0.5,
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component',
+              scopes: ['bgColor'],
+            },
+          },
         },
-        word: {
-          $value: '{base.color.orange.2}',
+      },
+      fgColor: {
+        hover: {
+          $value: '{fgColor.default}',
           $type: 'color',
-          alpha: 0.5,
         },
       },
     },

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

@@ -114,22 +114,74 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionNum: {
       bgColor: {
-        num: {
-          $value: '{base.color.blue.1}',
+        $value: '{base.color.blue.1}',
+        $type: 'color',
+      },
+    },
+    additionWord: {
+      bgColor: {
+        $value: '{base.color.blue.1}',
+        $type: 'color',
+      },
+    },
+    deletionNum: {
+      bgColor: {
+        $value: '{base.color.red.1}',
+        $type: 'color',
+      },
+    },
+    deletionWord: {
+      bgColor: {
+        $value: '{base.color.red.1}',
+        $type: 'color',
+      },
+    },
+    hunkLine: {
+      bgColor: {
+        $value: '{base.color.neutral.1}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            mode: 'light',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
+    hunkNum: {
+      bgColor: {
+        rest: {
+          $value: '{base.color.neutral.3}',
           $type: 'color',
-          mix: {
-            color: '{base.color.blue.0}',
-            weight: 0.8,
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component',
+              scopes: ['bgColor'],
+            },
           },
         },
-        line: {
-          $value: '{base.color.blue.0}',
+        hover: {
+          $value: '{base.color.neutral.7}',
           $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component',
+              scopes: ['bgColor'],
+            },
+          },
         },
-        word: {
-          $value: '{base.color.blue.1}',
+      },
+      fgColor: {
+        hover: {
+          $value: '{fgColor.default}',
           $type: 'color',
         },
       },

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

@@ -772,7 +772,7 @@
             scopes: ['bgColor'],
           },
         },
-      }
+      },
     },
   },
   button: {
@@ -1079,6 +1079,18 @@
             },
           },
         },
+        active: {
+          $value: '{control.fgColor.rest}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              mode: 'light',
+              group: 'component (internal)',
+              scopes: ['fgColor'],
+            },
+          },
+        },
         disabled: {
           $value: '{control.fgColor.disabled}',
           $type: 'color',

package/src/tokens/functional/motion/loading.json5

@@ -7,7 +7,7 @@
     loading: {
       delay: {
         default: {
-          $value: '1000ms',
+          $value: '{base.duration.1000}',
           $type: 'duration',
           $description: 'The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies.',
         },

package/src/tokens/functional/motion/patterns.json5

@@ -7,17 +7,24 @@
     spinner: {
       duration: {
         rotation: {
-          $value: '1000ms',
+          $value: '{base.duration.1000}',
           $type: 'duration',
           $description: 'The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation',
         },
       },
+      easing: {
+        rotation: {
+          $value: '{base.easing.linear}',
+          $type: 'cubicBezier',
+          $description: 'The easing curve for the "Spinner" loading indicator rotation',
+        },
+      },
     },
     skeletonLoader: {
       shimmer: {
         duration: {
           scale: {
-            $value: '1000ms',
+            $value: '{base.duration.1000}',
             $type: 'duration',
             $description: 'The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right)',
           },