@primer/primitives 8.2.4-rc.b28008e7 → 8.2.4-rc.cbbd0a9a

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

@@ -33,12 +33,9 @@
         $type: 'color',
       },
       emphasis: {
-        $value: '{base.color.blue.4}',
+        $value: '{base.color.blue.5}',
         $type: 'color',
-        mix: {
-          color: '{base.color.blue.5}',
-          weight: 0.75,
-        },
+        mix: null
       },
     },
     open: {
@@ -104,7 +101,7 @@
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.blue.4}',
+        $value: '{base.color.blue.5}',
         $type: 'color',
       },
     },

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

@@ -29,12 +29,9 @@
         $type: 'color',
       },
       emphasis: {
-        $value: '{base.color.blue.4}',
+        $value: '{base.color.blue.5}',
         $type: 'color',
-        mix: {
-          color: '{base.color.blue.5}',
-          weight: 0.75,
-        },
+        mix: null
       },
     },
     open: {
@@ -76,7 +73,7 @@
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.blue.4}',
+        $value: '{base.color.blue.5}',
         $type: 'color',
       },
     },

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

@@ -142,6 +142,21 @@
         },
       },
     },
+    open: {
+      $value: '{fgColor.success}',
+      $type: 'color',
+      $extensions: {
+        'org.primer.figma': {
+          collection: 'mode',
+          mode: 'light',
+          group: 'semantic',
+          scopes: ['fgColor'],
+          codeSyntax: {
+            web: 'var(--fgColor-open) /* utility class: .color-fg-open */',
+          },
+        },
+      },
+    },
     attention: {
       $value: '{base.color.yellow.5}',
       $type: 'color',
@@ -191,21 +206,6 @@
         weight: 0.05,
       },
     },
-    open: {
-      $value: '{fgColor.success}',
-      $type: 'color',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          mode: 'light',
-          group: 'semantic',
-          scopes: ['fgColor'],
-          codeSyntax: {
-            web: 'var(--fgColor-open) /* utility class: .color-fg-open */',
-          },
-        },
-      },
-    },
     closed: {
       $value: '{fgColor.danger}',
       $type: 'color',
@@ -237,7 +237,7 @@
       },
     },
     upsell: {
-      $value: '{base.color.purple.5}',
+      $value: '{fgColor.done}',
       $type: 'color',
       $extensions: {
         'org.primer.figma': {
@@ -487,9 +487,9 @@
         },
       },
     },
-    attention: {
+    open: {
       muted: {
-        $value: '{base.color.yellow.0}',
+        $value: '{bgColor.success.muted}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -498,13 +498,13 @@
             group: 'semantic',
             scopes: ['bgColor'],
             codeSyntax: {
-              web: 'var(--bgColor-attention-muted) /* utility class: .color-bg-attention */',
+              web: 'var(--bgColor-success-muted) /* utility class: .color-bg-success */',
             },
           },
         },
       },
       emphasis: {
-        $value: '{base.color.yellow.5}',
+        $value: '{bgColor.success.emphasis}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -513,15 +513,15 @@
             group: 'semantic',
             scopes: ['bgColor'],
             codeSyntax: {
-              web: 'var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */',
+              web: 'var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */',
             },
           },
         },
       },
     },
-    severe: {
+    attention: {
       muted: {
-        $value: '{base.color.orange.0}',
+        $value: '{base.color.yellow.0}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -530,13 +530,13 @@
             group: 'semantic',
             scopes: ['bgColor'],
             codeSyntax: {
-              web: 'var(--bgColor-severe-muted) /* utility class: .color-bg-severe */',
+              web: 'var(--bgColor-attention-muted) /* utility class: .color-bg-attention */',
             },
           },
         },
       },
       emphasis: {
-        $value: '{base.color.orange.5}',
+        $value: '{base.color.yellow.5}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -545,15 +545,15 @@
             group: 'semantic',
             scopes: ['bgColor'],
             codeSyntax: {
-              web: 'var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */',
+              web: 'var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */',
             },
           },
         },
       },
     },
-    danger: {
+    severe: {
       muted: {
-        $value: '{base.color.red.0}',
+        $value: '{base.color.orange.0}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -562,13 +562,13 @@
             group: 'semantic',
             scopes: ['bgColor'],
             codeSyntax: {
-              web: 'var(--bgColor-danger-muted) /* utility class: .color-bg-danger */',
+              web: 'var(--bgColor-severe-muted) /* utility class: .color-bg-severe */',
             },
           },
         },
       },
       emphasis: {
-        $value: '{base.color.red.5}',
+        $value: '{base.color.orange.5}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -577,15 +577,15 @@
             group: 'semantic',
             scopes: ['bgColor'],
             codeSyntax: {
-              web: 'var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */',
+              web: 'var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */',
             },
           },
         },
       },
     },
-    open: {
+    danger: {
       muted: {
-        $value: '{bgColor.success.muted}',
+        $value: '{base.color.red.0}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -594,13 +594,13 @@
             group: 'semantic',
             scopes: ['bgColor'],
             codeSyntax: {
-              web: 'var(--bgColor-success-muted) /* utility class: .color-bg-success */',
+              web: 'var(--bgColor-danger-muted) /* utility class: .color-bg-danger */',
             },
           },
         },
       },
       emphasis: {
-        $value: '{bgColor.success.emphasis}',
+        $value: '{base.color.red.5}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -609,7 +609,7 @@
             group: 'semantic',
             scopes: ['bgColor'],
             codeSyntax: {
-              web: 'var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */',
+              web: 'var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */',
             },
           },
         },
@@ -617,7 +617,7 @@
     },
     closed: {
       muted: {
-        $value: '{base.color.red.0}',
+        $value: '{bgColor.danger.muted}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -632,7 +632,7 @@
         },
       },
       emphasis: {
-        $value: '{base.color.red.5}',
+        $value: '{bgColor.danger.emphasis}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -681,7 +681,7 @@
     },
     upsell: {
       muted: {
-        $value: '{base.color.purple.0}',
+        $value: '{bgColor.done.muted}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -696,7 +696,7 @@
         },
       },
       emphasis: {
-        $value: '{base.color.purple.5}',
+        $value: '{bgColor.done.emphasis}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -918,9 +918,9 @@
         },
       },
     },
-    attention: {
+    open: {
       muted: {
-        $value: '{base.color.yellow.3}',
+        $value: '{borderColor.success.muted}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -929,14 +929,14 @@
             group: 'semantic',
             scopes: ['borderColor'],
             codeSyntax: {
-              web: 'var(--borderColor-attention-muted) /* utility class: .color-border-attention */',
+              web: 'var(--borderColor-open-muted) /* utility class: .color-border-open */',
             },
           },
         },
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.yellow.4}',
+        $value: '{borderColor.success.emphasis}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -945,15 +945,15 @@
             group: 'semantic',
             scopes: ['borderColor'],
             codeSyntax: {
-              web: 'var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */',
+              web: 'var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */',
             },
           },
         },
       },
     },
-    severe: {
+    attention: {
       muted: {
-        $value: '{base.color.orange.3}',
+        $value: '{base.color.yellow.3}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -962,14 +962,14 @@
             group: 'semantic',
             scopes: ['borderColor'],
             codeSyntax: {
-              web: 'var(--borderColor-severe-muted) /* utility class: .color-border-severe */',
+              web: 'var(--borderColor-attention-muted) /* utility class: .color-border-attention */',
             },
           },
         },
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.orange.5}',
+        $value: '{base.color.yellow.4}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -978,15 +978,15 @@
             group: 'semantic',
             scopes: ['borderColor'],
             codeSyntax: {
-              web: 'var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */',
+              web: 'var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */',
             },
           },
         },
       },
     },
-    danger: {
+    severe: {
       muted: {
-        $value: '{base.color.red.3}',
+        $value: '{base.color.orange.3}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -995,14 +995,14 @@
             group: 'semantic',
             scopes: ['borderColor'],
             codeSyntax: {
-              web: 'var(--borderColor-danger-muted) /* utility class: .color-border-danger */',
+              web: 'var(--borderColor-severe-muted) /* utility class: .color-border-severe */',
             },
           },
         },
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.red.5}',
+        $value: '{base.color.orange.5}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -1011,15 +1011,15 @@
             group: 'semantic',
             scopes: ['borderColor'],
             codeSyntax: {
-              web: 'var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */',
+              web: 'var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */',
             },
           },
         },
       },
     },
-    open: {
+    danger: {
       muted: {
-        $value: '{borderColor.success.muted}',
+        $value: '{base.color.red.3}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -1028,13 +1028,14 @@
             group: 'semantic',
             scopes: ['borderColor'],
             codeSyntax: {
-              web: 'var(--borderColor-open-muted) /* utility class: .color-border-open */',
+              web: 'var(--borderColor-danger-muted) /* utility class: .color-border-danger */',
             },
           },
         },
+        alpha: 0.4,
       },
       emphasis: {
-        $value: '{borderColor.success.emphasis}',
+        $value: '{base.color.red.5}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -1043,7 +1044,7 @@
             group: 'semantic',
             scopes: ['borderColor'],
             codeSyntax: {
-              web: 'var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */',
+              web: 'var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */',
             },
           },
         },
@@ -1117,7 +1118,7 @@
     },
     upsell: {
       muted: {
-        $value: '{base.color.purple.3}',
+        $value: '{borderColor.done.muted}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -1133,7 +1134,7 @@
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.purple.5}',
+        $value: '{borderColor.done.emphasis}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {