@primer/primitives 7.10.0 → 7.11.0-rc.ecbdb39

package/tokens/base/color/light/light.json5

@@ -0,0 +1,403 @@
+/**
+ * Default light mode
+ * @description Also used as a base for all other light mode themes
+ */
+{
+  base: {
+    color: {
+      scale: {
+        black: {
+          $value: '#1b1f24',
+          $type: 'color'
+        },
+        transparent: {
+          $value: '#ffffff',
+          $type: 'color',
+          alpha: 0
+        },
+        white: {
+          $value: '#ffffff',
+          $type: 'color'
+        },
+        gray: {
+          '0': {
+            $value: '#f6f8fa',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#eaeef2',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#d0d7de',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#afb8c1',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#8c959f',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#6e7781',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#57606a',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#424a53',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#32383f',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#24292f',
+            $type: 'color'
+          }
+        },
+        blue: {
+          '0': {
+            $value: '#ddf4ff',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#b6e3ff',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#80ccff',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#54aeff',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#218bff',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#0969da',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#0550ae',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#033d8b',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#0a3069',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#002155',
+            $type: 'color'
+          }
+        },
+        green: {
+          '0': {
+            $value: '#dafbe1',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#aceebb',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#6fdd8b',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#4ac26b',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#2da44e',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#1a7f37',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#116329',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#044f1e',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#003d16',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#002d11',
+            $type: 'color'
+          }
+        },
+        yellow: {
+          '0': {
+            $value: '#fff8c5',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#fae17d',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#eac54f',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#d4a72c',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#bf8700',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#9a6700',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#7d4e00',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#633c01',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#4d2d00',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#3b2300',
+            $type: 'color'
+          }
+        },
+        orange: {
+          '0': {
+            $value: '#fff1e5',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#ffd8b5',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#ffb77c',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#fb8f44',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#e16f24',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#bc4c00',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#953800',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#762c00',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#5c2200',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#471700',
+            $type: 'color'
+          }
+        },
+        red: {
+          '0': {
+            $value: '#ffebe9',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#ffcecb',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#ffaba8',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#ff8182',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#fa4549',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#cf222e',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#a40e26',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#82071e',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#660018',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#4c0014',
+            $type: 'color'
+          }
+        },
+        purple: {
+          '0': {
+            $value: '#fbefff',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#ecd8ff',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#d8b9ff',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#c297ff',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#a475f9',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#8250df',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#6639ba',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#512a97',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#3e1f79',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#2e1461',
+            $type: 'color'
+          }
+        },
+        pink: {
+          '0': {
+            $value: '#ffeff7',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#ffd3eb',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#ffadda',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#ff80c8',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#e85aad',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#bf3989',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#99286e',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#772057',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#611347',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#4d0336',
+            $type: 'color'
+          }
+        },
+        coral: {
+          '0': {
+            $value: '#fff0eb',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#ffd6cc',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#ffb4a1',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#fd8c73',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#ec6547',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#c4432b',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#9e2f1c',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#801f0f',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#691105',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#510901',
+            $type: 'color'
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/base/color/light/light.protanopia-deuteranopia.json5

@@ -0,0 +1,138 @@
+/**
+ * Light protanopia and deuteranopia (colorblind)
+ * @extends ./light.json
+ */
+{
+  base: {
+    color: {
+      scale: {
+        green: {
+          '0': {
+            $value: '#ddf4ff',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#b6e3ff',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#80ccff',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#54aeff',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#218bff',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#0969da',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#0550ae',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#033d8b',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#0a3069',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#002155',
+            $type: 'color'
+          }
+        },
+        orange: {
+          '0': {
+            $value: '#fff5e8',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#ffddb0',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#ffbc6d',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#f79939',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#dd7815',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#b35900',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#8a4600',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#6f3800',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#572c00',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#412000',
+            $type: 'color'
+          }
+        },
+        red: {
+          '0': {
+            $value: '#fff5e8',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#ffddb0',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#ffbc6d',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#f79939',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#dd7815',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#b35900',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#8a4600',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#6f3800',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#572c00',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#412000',
+            $type: 'color'
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/base/color/light/light.tritanopia.json5

@@ -0,0 +1,96 @@
+/**
+ * Light tritanopia
+ * @extends ./light.json
+ */
+{
+  base: {
+    color: {
+      scale: {
+        green: {
+          '0': {
+            $value: '#ddf4ff',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#b6e3ff',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#80ccff',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#54aeff',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#218bff',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#0969da',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#0550ae',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#033d8b',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#0a3069',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#002155',
+            $type: 'color'
+          }
+        },
+        orange: {
+          '0': {
+            $value: '#ffebe9',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#ffcecb',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#ffaba8',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#ff8182',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#fa4549',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#cf222e',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#a40e26',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#82071e',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#660018',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#4c0014',
+            $type: 'color'
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/functional/border/dark.json5

@@ -0,0 +1,12 @@
+{
+  outline: {
+    focus: {
+      $value: {
+        color: '{color.focus}',
+        style: 'solid',
+        width: '1px'
+      },
+      $type: 'border'
+    }
+  }
+}

package/tokens/functional/border/light.json5

@@ -0,0 +1,12 @@
+{
+  outline: {
+    focus: {
+      $value: {
+        color: '{color.focus}',
+        style: 'solid',
+        width: '1px'
+      },
+      $type: 'border'
+    }
+  }
+}

package/tokens/functional/color/dark/overrides/dark.dimmed.json5

@@ -0,0 +1,17 @@
+/**
+ * Dark dimmed
+ * @extends all functional tokens
+ * @description All overwrites for functional color tokens for dark dimmed color mode are in this file
+ */
+{
+  color: {
+    diffBlob: {
+      expander: {
+        icon: {
+          $value: '{color.fg.default}',
+          $type: 'color'
+        }
+      }
+    }
+  }
+}

package/tokens/functional/color/{exceptions-dark-high-contrast.json → dark/overrides/dark.high-contrast.json5}

@@ -1,3 +1,8 @@
+/**
+ * Dark high contrast
+ * @extends all functional tokens
+ * @description All overwrites for functional color tokens for dark high contrast color mode are in this file
+ */
 {
   "color": {
     "fg": {