@primer/primitives 9.1.2 → 10.0.0-rc.1bc5b670

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

@@ -20,10 +20,6 @@
     danger: {
       $value: '{base.color.orange.5}',
       $type: 'color',
-      mix: {
-        color: '{base.color.orange.4}',
-        weight: 0.05,
-      },
     },
   },
   bgColor: {
@@ -35,17 +31,16 @@
       emphasis: {
         $value: '{base.color.blue.5}',
         $type: 'color',
-        mix: null
+        mix: null,
       },
     },
     open: {
       muted: {
-        $value: '{base.color.orange.3}',
+        $value: '{base.color.orange.0}',
         $type: 'color',
-        alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.orange.4}',
+        $value: '{base.color.orange.5}',
         $type: 'color',
       },
     },
@@ -86,6 +81,9 @@
       muted: {
         $value: '{borderColor.default}',
         $type: 'color',
+        $extensions: {
+          alpha: 0.4,
+        },
       },
       emphasis: {
         $value: '{borderColor.emphasis}',
@@ -116,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

@@ -31,7 +31,7 @@
       emphasis: {
         $value: '{base.color.blue.5}',
         $type: 'color',
-        mix: null
+        mix: null,
       },
     },
     open: {
@@ -103,6 +103,9 @@
       muted: {
         $value: '{borderColor.default}',
         $type: 'color',
+        $extensions: {
+          alpha: 0.4,
+        },
       },
       emphasis: {
         $value: '{borderColor.emphasis}',
@@ -111,22 +114,74 @@
     },
   },
   diffBlob: {
-    addition: {
+    additionNum: {
+      bgColor: {
+        $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: {
-        num: {
-          $value: '{base.color.blue.1}',
+        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/color/light/primitives-light.json5

@@ -118,7 +118,7 @@
           group: 'semantic',
           scopes: ['fgColor'],
         },
-      }
+      },
     },
     accent: {
       $value: '{base.color.blue.5}',
@@ -806,7 +806,7 @@
           scopes: ['borderColor'],
         },
       },
-      alpha: 0.1
+      alpha: 0.1,
     },
     transparent: {
       $value: '{base.color.transparent}',

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