Use default colors for high contrast contribution graph

.changeset/spotty-peas-buy.md

@@ -0,0 +1,5 @@
+---
+"@primer/primitives": patch
+---
+
+Use default colors for high contrast contribution graph

docs/storybook/stories/Size/Border.stories.tsx

@@ -133,7 +133,7 @@ export const BorderRadius = () => {
             field: 'original',
             rowHeader: true,
             renderCell: row => {
-              return <p>{row.value}</p>
+              return <p>{row.original.$value}</p>
             },
           },
         ]}
@@ -194,7 +194,7 @@ export const Outline = () => {
             field: 'original',
             rowHeader: true,
             renderCell: row => {
-              return <p>{row.value}</p>
+              return <p>{row.original.$value}</p>
             },
           },
         ]}

docs/storybook/stories/Size/Size.stories.tsx

@@ -15,12 +15,18 @@ export default {
 }
 
 export const Base = () => {
-  const data = getTokensByName(sizeTokens, 'base').map(token => {
-    return {
-      id: token.name,
-      ...token,
-    }
-  })
+  const data = getTokensByName(sizeTokens, 'base')
+    .map(token => {
+      return {
+        id: token.name,
+        ...token,
+      }
+    })
+    .sort((a, b) => {
+      const numA = parseInt(a.name.split('-').pop() || '0', 10)
+      const numB = parseInt(b.name.split('-').pop() || '0', 10)
+      return numA - numB
+    })
 
   return (
     <Table.Container>

src/tokens/component/contribution.json5

@@ -12,8 +12,6 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              'dark-high-contrast': '{base.color.neutral.3}',
-              'light-high-contrast': '{base.color.neutral.3}',
               'dark-dimmed': '{base.color.neutral.5}',
             },
           },
@@ -92,13 +90,6 @@
                 $value: '{base.color.white}',
                 alpha: 0.05,
               },
-              'dark-high-contrast': {
-                $value: '{base.color.white}',
-                alpha: 1,
-              },
-              'light-high-contrast': {
-                alpha: 1,
-              },
             },
           },
         },
@@ -121,13 +112,6 @@
                 $value: '{base.color.white}',
                 alpha: 0.05,
               },
-              'dark-high-contrast': {
-                $value: '{base.color.white}',
-                alpha: 1,
-              },
-              'light-high-contrast': {
-                alpha: 1,
-              },
             },
           },
         },
@@ -150,13 +134,6 @@
                 $value: '{base.color.white}',
                 alpha: 0.05,
               },
-              'dark-high-contrast': {
-                $value: '{base.color.white}',
-                alpha: 1,
-              },
-              'light-high-contrast': {
-                alpha: 1,
-              },
             },
           },
         },
@@ -179,13 +156,6 @@
                 $value: '{base.color.white}',
                 alpha: 0.05,
               },
-              'dark-high-contrast': {
-                $value: '{base.color.white}',
-                alpha: 1,
-              },
-              'light-high-contrast': {
-                alpha: 1,
-              },
             },
           },
         },
@@ -208,13 +178,6 @@
                 $value: '{base.color.white}',
                 alpha: 0.05,
               },
-              'dark-high-contrast': {
-                $value: '{base.color.white}',
-                alpha: 1,
-              },
-              'light-high-contrast': {
-                alpha: 1,
-              },
             },
           },
         },