@primer/primitives 10.8.0-rc.f296f65b → 11.0.0-rc.a6a4b391

package/src/tokens/component/codeMirror.json5

@@ -124,6 +124,18 @@
               $value: '{base.color.blue.4}',
               alpha: 0.4,
             },
+            'dark-dimmed-high-contrast': {
+              $value: '{base.color.blue.4}',
+              alpha: 0.4,
+            },
+            'dark-tritanopia-high-contrast': {
+              $value: '{base.color.blue.4}',
+              alpha: 0.4,
+            },
+            'dark-protanopia-deuteranopia-high-contrast': {
+              $value: '{base.color.blue.4}',
+              alpha: 0.4,
+            },
           },
         },
       },
@@ -232,7 +244,9 @@
             'org.primer.overrides': {
               dark: '{base.color.red.3}',
               'light-protanopia-deuteranopia': '{base.color.orange.5}',
-              "dark-protanopia-deuteranopia": '{base.color.orange.3}',
+              'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
+              'dark-protanopia-deuteranopia': '{base.color.orange.3}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.3}',
             },
           },
         },
@@ -248,7 +262,9 @@
             'org.primer.overrides': {
               dark: '{base.color.red.3}',
               'light-protanopia-deuteranopia': '{base.color.orange.5}',
-              "dark-protanopia-deuteranopia": '{base.color.orange.3}',
+              'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
+              'dark-protanopia-deuteranopia': '{base.color.orange.3}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.3}',
             },
           },
         },
@@ -292,7 +308,9 @@
             'org.primer.overrides': {
               dark: '{base.color.orange.2}',
               'light-tritanopia': '{base.color.red.6}',
+              'light-tritanopia-high-contrast': '{base.color.red.6}',
               'dark-tritanopia': '{base.color.red.2}',
+              'dark-tritanopia-high-contrast': '{base.color.red.2}',
             },
           },
         },

package/src/tokens/component/contribution.json5

@@ -12,6 +12,12 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
+              'dark-high-contrast': '{base.color.neutral.0}',
+              'dark-tritanopia-high-contrast': '{base.color.neutral.0}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.0}',
+              'light-high-contrast': '{base.color.neutral.0}',
+              'light-tritanopia-high-contrast': '{base.color.neutral.0}',
+              'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.0}',
               'dark-dimmed': '{base.color.neutral.5}',
             },
           },
@@ -79,105 +85,77 @@
             'org.primer.figma': {
               collection: 'mode',
               group: 'component (internal)',
-              scopes: ['bgColor'],
+              scopes: ['borderColor'],
             },
             'org.primer.overrides': {
-              dark: {
+              'dark-high-contrast': {
+                $value: '{base.color.white}',
+                alpha: 1,
+              },
+              'light-high-contrast': {
+                $value: '{base.color.black}',
+                alpha: 1,
+              },
+              'dark-tritanopia-high-contrast': {
                 $value: '{base.color.white}',
-                alpha: 0.05,
+                alpha: 1,
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.black}',
+                alpha: 1,
               },
-              'dark-dimmed': {
+              'dark-protanopia-deuteranopia-high-contrast': {
                 $value: '{base.color.white}',
-                alpha: 0.05,
+                alpha: 1,
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.black}',
+                alpha: 1,
               },
             },
           },
         },
         '1': {
-          $value: '{base.color.black}',
-          alpha: 0.05,
+          $value: '{contribution.default.borderColor.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'component (internal)',
-              scopes: ['bgColor'],
-            },
-            'org.primer.overrides': {
-              dark: {
-                $value: '{base.color.white}',
-                alpha: 0.05,
-              },
-              'dark-dimmed': {
-                $value: '{base.color.white}',
-                alpha: 0.05,
-              },
+              scopes: ['borderColor'],
             },
           },
         },
         '2': {
-          $value: '{base.color.black}',
-          alpha: 0.05,
+          $value: '{contribution.default.borderColor.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'component (internal)',
-              scopes: ['bgColor'],
-            },
-            'org.primer.overrides': {
-              dark: {
-                $value: '{base.color.white}',
-                alpha: 0.05,
-              },
-              'dark-dimmed': {
-                $value: '{base.color.white}',
-                alpha: 0.05,
-              },
+              scopes: ['borderColor'],
             },
           },
         },
         '3': {
-          $value: '{base.color.black}',
-          alpha: 0.05,
+          $value: '{contribution.default.borderColor.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'component (internal)',
-              scopes: ['bgColor'],
-            },
-            'org.primer.overrides': {
-              dark: {
-                $value: '{base.color.white}',
-                alpha: 0.05,
-              },
-              'dark-dimmed': {
-                $value: '{base.color.white}',
-                alpha: 0.05,
-              },
+              scopes: ['borderColor'],
             },
           },
         },
         '4': {
-          $value: '{base.color.black}',
-          alpha: 0.05,
+          $value: '{contribution.default.borderColor.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'component (internal)',
-              scopes: ['bgColor'],
-            },
-            'org.primer.overrides': {
-              dark: {
-                $value: '{base.color.white}',
-                alpha: 0.05,
-              },
-              'dark-dimmed': {
-                $value: '{base.color.white}',
-                alpha: 0.05,
-              },
+              scopes: ['borderColor'],
             },
           },
         },

package/src/tokens/component/counter.json5

@@ -11,7 +11,12 @@
         },
         'org.primer.overrides': {
           'dark-high-contrast': '{borderColor.default}',
+          'dark-dimmed-high-contrast': '{borderColor.default}',
+          'dark-tritanopia-high-contrast': '{borderColor.default}',
+          'dark-protanopia-deuteranopia-high-contrast': '{borderColor.default}',
           'light-high-contrast': '{borderColor.default}',
+          'light-tritanopia-high-contrast': '{borderColor.default}',
+          'light-protanopia-deuteranopia-high-contrast': '{borderColor.default}',
         },
       },
     },

package/src/tokens/component/diffBlob.json5

@@ -12,6 +12,8 @@
           },
           'org.primer.overrides': {
             'dark-high-contrast': '{fgColor.onEmphasis}',
+            'dark-tritanopia-high-contrast': '{fgColor.onEmphasis}',
+            'dark-protanopia-deuteranopia-high-contrast': '{fgColor.onEmphasis}',
           },
         },
       },
@@ -32,6 +34,14 @@
               $value: '{bgColor.success.muted}',
               alpha: 0.2,
             },
+            'dark-tritanopia-high-contrast': {
+              $value: '{bgColor.success.muted}',
+              alpha: 0.2,
+            },
+            'dark-protanopia-deuteranopia-high-contrast': {
+              $value: '{bgColor.success.muted}',
+              alpha: 0.2,
+            },
           },
         },
       },
@@ -48,6 +58,8 @@
           },
           'org.primer.overrides': {
             'light-high-contrast': '{fgColor.onEmphasis}',
+            'light-tritanopia-high-contrast': '{fgColor.onEmphasis}',
+            'light-protanopia-deuteranopia-high-contrast': '{fgColor.onEmphasis}',
           },
         },
       },
@@ -66,17 +78,21 @@
               alpha: 0.4,
             },
             'light-protanopia-deuteranopia': '{base.color.blue.1}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.5}',
+            'light-high-contrast': '{base.color.green.5}',
+            'light-tritanopia': '{base.color.blue.1}',
+            'light-tritanopia-high-contrast': '{base.color.blue.5}',
             'dark-protanopia-deuteranopia': {
               $value: '{base.color.blue.4}',
               alpha: 0.4,
             },
-            'light-high-contrast': '{base.color.green.5}',
-            'dark-high-contrast': '{bgColor.success.emphasis}',
-            'light-tritanopia': '{base.color.blue.1}',
+            'dark-protanopia-deuteranopia-high-contrast': '{bgColor.success.emphasis}',
             'dark-tritanopia': {
               $value: '{base.color.blue.4}',
               alpha: 0.4,
             },
+            'dark-tritanopia-high-contrast': '{bgColor.success.emphasis}',
+            'dark-high-contrast': '{bgColor.success.emphasis}',
           },
         },
       },
@@ -108,7 +124,9 @@
               alpha: 0.3,
             },
             'light-protanopia-deuteranopia': '{base.color.blue.1}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.1}',
             'light-tritanopia': '{base.color.blue.1}',
+            'light-tritanopia-high-contrast': '{base.color.blue.1}',
             'dark-tritanopia': {
               $value: '{base.color.blue.3}',
               alpha: 0.3,
@@ -117,6 +135,14 @@
               $value: '{base.color.blue.3}',
               alpha: 0.3,
             },
+            'dark-tritanopia-high-contrast': {
+              $value: '{base.color.blue.3}',
+              alpha: 0.3,
+            },
+            'dark-protanopia-deuteranopia-high-contrast': {
+              $value: '{base.color.blue.3}',
+              alpha: 0.3,
+            },
           },
         },
       },
@@ -133,6 +159,8 @@
           },
           'org.primer.overrides': {
             'dark-high-contrast': '{fgColor.onEmphasis}',
+            'dark-tritanopia-high-contrast': '{fgColor.onEmphasis}',
+            'dark-protanopia-deuteranopia-high-contrast': '{fgColor.onEmphasis}',
           },
         },
       },
@@ -150,10 +178,18 @@
               $value: '{base.color.orange.4}',
               alpha: 0.15,
             },
+            'dark-protanopia-deuteranopia-high-contrast': {
+              $value: '{bgColor.danger.muted}',
+              alpha: 0.2,
+            },
             'dark-high-contrast': {
               $value: '{bgColor.danger.muted}',
               alpha: 0.2,
             },
+            'dark-tritanopia-high-contrast': {
+              $value: '{bgColor.danger.muted}',
+              alpha: 0.2,
+            },
           },
         },
       },
@@ -170,6 +206,8 @@
           },
           'org.primer.overrides': {
             'light-high-contrast': '{fgColor.onEmphasis}',
+            'light-tritanopia-high-contrast': '{fgColor.onEmphasis}',
+            'light-protanopia-deuteranopia-high-contrast': '{fgColor.onEmphasis}',
           },
         },
       },
@@ -188,13 +226,20 @@
               alpha: 0.4,
             },
             'light-protanopia-deuteranopia': '{base.color.orange.1}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
+            'light-high-contrast': '{base.color.red.5}',
+            'light-tritanopia': '{base.color.red.1}',
+            'light-tritanopia-high-contrast': '{base.color.red.5}',
+            'dark-high-contrast': '{bgColor.danger.emphasis}',
             'dark-protanopia-deuteranopia': {
               $value: '{base.color.orange.4}',
               alpha: 0.4,
             },
-            'light-high-contrast': '{base.color.red.5}',
-            'dark-high-contrast': '{bgColor.danger.emphasis}',
-            'light-tritanopia': '{base.color.red.1}',
+            'dark-protanopia-deuteranopia-high-contrast': {
+              $value: '{base.color.orange.4}',
+              alpha: 0.4,
+            },
+            'dark-tritanopia-high-contrast': '{bgColor.danger.emphasis}',
           },
         },
       },
@@ -225,12 +270,16 @@
               $value: '{base.color.red.4}',
               alpha: 0.3,
             },
-            'light-tritanopia': '{base.color.red.1}',
             'light-protanopia-deuteranopia': '{base.color.orange.1}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.1}',
             'dark-protanopia-deuteranopia': {
               $value: '{base.color.orange.4}',
               alpha: 0.3,
             },
+            'dark-protanopia-deuteranopia-high-contrast': {
+              $value: '{base.color.orange.4}',
+              alpha: 0.3,
+            },
           },
         },
       },
@@ -247,9 +296,13 @@
           },
           'org.primer.overrides': {
             'light-tritanopia': '{base.color.neutral.1}',
-            'dark-tritanopia': '{base.color.neutral.3}',
+            'light-tritanopia-high-contrast': '{base.color.neutral.1}',
             'light-protanopia-deuteranopia': '{base.color.neutral.1}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.1}',
             'dark-protanopia-deuteranopia': '{base.color.neutral.3}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
+            'dark-tritanopia': '{base.color.neutral.3}',
+            'dark-tritanopia-high-contrast': '{base.color.neutral.3}',
             'dark-high-contrast': {
               $value: '{bgColor.accent.muted}',
               alpha: 0.2,
@@ -294,6 +347,8 @@
             'org.primer.overrides': {
               'light-protanopia-deuteranopia': '{fgColor.default}',
               'light-tritanopia': '{fgColor.default}',
+              'light-protanopia-deuteranopia-high-contrast': '{fgColor.default}',
+              'light-tritanopia-high-contrast': '{fgColor.default}',
             },
           },
         },
@@ -312,8 +367,12 @@
               dark: '{base.color.blue.8}',
               'light-tritanopia': '{base.color.neutral.3}',
               'light-protanopia-deuteranopia': '{base.color.neutral.3}',
+              'light-tritanopia-high-contrast': '{base.color.neutral.3}',
+              'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
               'dark-protanopia-deuteranopia': '{base.color.neutral.6}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.6}',
               'dark-tritanopia': '{base.color.neutral.6}',
+              'dark-tritanopia-high-contrast': '{base.color.neutral.6}',
               'dark-high-contrast': {
                 $value: '{base.color.blue.4}',
                 alpha: 0.4,
@@ -335,6 +394,10 @@
               'dark-tritanopia': '{base.color.neutral.8}',
               'light-protanopia-deuteranopia': '{base.color.neutral.7}',
               'dark-protanopia-deuteranopia': '{base.color.neutral.8}',
+              'light-tritanopia-high-contrast': '{base.color.neutral.7}',
+              'dark-tritanopia-high-contrast': '{base.color.neutral.8}',
+              'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.7}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.8}',
             },
           },
         },
@@ -378,7 +441,11 @@
           },
           'org.primer.overrides': {
             'light-high-contrast': '{fgColor.default}',
+            'light-tritanopia-high-contrast': '{fgColor.default}',
+            'light-protanopia-deuteranopia-high-contrast': '{fgColor.default}',
             'dark-high-contrast': '{fgColor.default}',
+            'dark-tritanopia-high-contrast': '{fgColor.default}',
+            'dark-protanopia-deuteranopia-high-contrast': '{fgColor.default}',
           },
         },
       },

package/src/tokens/component/header.json5

@@ -60,6 +60,8 @@
           },
           'org.primer.overrides': {
             'light-high-contrast': '{base.color.neutral.7}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.7}',
+            'light-tritanopia-high-contrast': '{base.color.neutral.7}',
           },
         },
       },

package/src/tokens/component/overlay.json5

@@ -35,10 +35,30 @@
             alpha: 1,
             $value: '{borderColor.default}',
           },
+          'light-protanopia-deuteranopia-high-contrast': {
+            alpha: 1,
+            $value: '{borderColor.default}',
+          },
+          'light-tritanopia-high-contrast': {
+            alpha: 1,
+            $value: '{borderColor.default}',
+          },
           'dark-high-contrast': {
             $value: '{borderColor.default}',
             alpha: 1,
           },
+          'dark-dimmed-high-contrast': {
+            $value: '{borderColor.default}',
+            alpha: 1,
+          },
+          'dark-protanopia-deuteranopia-high-contrast': {
+            $value: '{borderColor.default}',
+            alpha: 1,
+          },
+          'dark-tritanopia-high-contrast': {
+            $value: '{borderColor.default}',
+            alpha: 1,
+          },
         },
       },
       alpha: 0.5,
@@ -57,7 +77,12 @@
             dark: '{base.color.neutral.3}',
             'dark-dimmed': '{base.color.neutral.4}',
             'light-high-contrast': '{base.color.neutral.11}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}',
+            'light-tritanopia-high-contrast': '{base.color.neutral.11}',
             'dark-high-contrast': '{base.color.neutral.11}',
+            'dark-dimmed-high-contrast': '{base.color.neutral.9}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}',
+            'dark-tritanopia-high-contrast': '{base.color.neutral.11}',
           },
         },
         alpha: 0.4,

package/src/tokens/component/skeletonLoader.json5

@@ -17,10 +17,30 @@
             $value: '{base.color.neutral.5}',
             alpha: 1,
           },
+          'light-protanopia-deuteranopia-high-contrast': {
+            $value: '{base.color.neutral.5}',
+            alpha: 1,
+          },
+          'light-tritanopia-high-contrast': {
+            $value: '{base.color.neutral.5}',
+            alpha: 1,
+          },
           'dark-high-contrast': {
             $value: '{base.color.neutral.5}',
             alpha: 1,
           },
+          'dark-dimmed-high-contrast': {
+            $value: '{base.color.neutral.5}',
+            alpha: 1,
+          },
+          'dark-protanopia-deuteranopia-high-contrast': {
+            $value: '{base.color.neutral.5}',
+            alpha: 1,
+          },
+          'dark-tritanopia-high-contrast': {
+            $value: '{base.color.neutral.5}',
+            alpha: 1,
+          },
         },
       },
       alpha: 0.1,

package/src/tokens/component/tooltip.json5

@@ -10,7 +10,10 @@
           scopes: ['bgColor'],
         },
         'org.primer.overrides': {
-          "dark-high-contrast": '{bgColor.inverse}',
+          'dark-high-contrast': '{bgColor.inverse}',
+          'dark-dimmed-high-contrast': '{bgColor.inverse}',
+          'dark-protanopia-deuteranopia-high-contrast': '{bgColor.inverse}',
+          'dark-tritanopia-high-contrast': '{bgColor.inverse}',
         },
       },
     },
@@ -24,7 +27,10 @@
           scopes: ['fgColor'],
         },
         'org.primer.overrides': {
-          "dark-high-contrast": '{fgColor.onInverse}',
+          'dark-high-contrast': '{fgColor.onInverse}',
+          'dark-dimmed-high-contrast': '{fgColor.onInverse}',
+          'dark-protanopia-deuteranopia-high-contrast': '{fgColor.onInverse}',
+          'dark-tritanopia-high-contrast': '{fgColor.onInverse}',
         },
       },
     },

package/src/tokens/component/topicTag.json5

@@ -11,7 +11,12 @@
         },
         'org.primer.overrides': {
           'light-high-contrast': '{borderColor.accent.emphasis}',
+          'light-protanopia-deuteranopia-high-contrast': '{borderColor.accent.emphasis}',
+          'light-tritanopia-high-contrast': '{borderColor.accent.emphasis}',
           'dark-high-contrast': '{borderColor.accent.emphasis}',
+          'dark-dimmed-high-contrast': '{borderColor.accent.emphasis}',
+          'dark-protanopia-deuteranopia-high-contrast': '{borderColor.accent.emphasis}',
+          'dark-tritanopia-high-contrast': '{borderColor.accent.emphasis}',
         },
       },
     },