@primer/primitives 7.10.0 → 7.11.0-rc.ecbdb39

package/tokens/base/color/dark/dark.dimmed.json5

@@ -0,0 +1,128 @@
+/**
+ * Dark dimmed
+ * @extends ./dark.json
+ */
+{
+  base: {
+    color: {
+      scale: {
+        black: {
+          $value: '#1c2128',
+          $type: 'color'
+        },
+        white: {
+          $value: '#cdd9e5',
+          $type: 'color'
+        },
+        gray: {
+          '0': {$value: '#cdd9e5', $type: 'color'},
+          '1': {$value: '#adbac7', $type: 'color'},
+          '2': {$value: '#909dab', $type: 'color'},
+          '3': {$value: '#768390', $type: 'color'},
+          '4': {$value: '#636e7b', $type: 'color'},
+          '5': {$value: '#545d68', $type: 'color'},
+          '6': {$value: '#444c56', $type: 'color'},
+          '7': {$value: '#373e47', $type: 'color'},
+          '8': {$value: '#2d333b', $type: 'color'},
+          '9': {$value: '#22272e', $type: 'color'}
+        },
+        blue: {
+          '0': {$value: '#c6e6ff', $type: 'color'},
+          '1': {$value: '#96d0ff', $type: 'color'},
+          '2': {$value: '#6cb6ff', $type: 'color'},
+          '3': {$value: '#539bf5', $type: 'color'},
+          '4': {$value: '#4184e4', $type: 'color'},
+          '5': {$value: '#316dca', $type: 'color'},
+          '6': {$value: '#255ab2', $type: 'color'},
+          '7': {$value: '#1b4b91', $type: 'color'},
+          '8': {$value: '#143d79', $type: 'color'},
+          '9': {$value: '#0f2d5c', $type: 'color'}
+        },
+        green: {
+          '0': {$value: '#b4f1b4', $type: 'color'},
+          '1': {$value: '#8ddb8c', $type: 'color'},
+          '2': {$value: '#6bc46d', $type: 'color'},
+          '3': {$value: '#57ab5a', $type: 'color'},
+          '4': {$value: '#46954a', $type: 'color'},
+          '5': {$value: '#347d39', $type: 'color'},
+          '6': {$value: '#2b6a30', $type: 'color'},
+          '7': {$value: '#245829', $type: 'color'},
+          '8': {$value: '#1b4721', $type: 'color'},
+          '9': {$value: '#113417', $type: 'color'}
+        },
+        yellow: {
+          '0': {$value: '#fbe090', $type: 'color'},
+          '1': {$value: '#eac55f', $type: 'color'},
+          '2': {$value: '#daaa3f', $type: 'color'},
+          '3': {$value: '#c69026', $type: 'color'},
+          '4': {$value: '#ae7c14', $type: 'color'},
+          '5': {$value: '#966600', $type: 'color'},
+          '6': {$value: '#805400', $type: 'color'},
+          '7': {$value: '#6c4400', $type: 'color'},
+          '8': {$value: '#593600', $type: 'color'},
+          '9': {$value: '#452700', $type: 'color'}
+        },
+        orange: {
+          '0': {$value: '#ffddb0', $type: 'color'},
+          '1': {$value: '#ffbc6f', $type: 'color'},
+          '2': {$value: '#f69d50', $type: 'color'},
+          '3': {$value: '#e0823d', $type: 'color'},
+          '4': {$value: '#cc6b2c', $type: 'color'},
+          '5': {$value: '#ae5622', $type: 'color'},
+          '6': {$value: '#94471b', $type: 'color'},
+          '7': {$value: '#7f3913', $type: 'color'},
+          '8': {$value: '#682d0f', $type: 'color'},
+          '9': {$value: '#4d210c', $type: 'color'}
+        },
+        red: {
+          '0': {$value: '#ffd8d3', $type: 'color'},
+          '1': {$value: '#ffb8b0', $type: 'color'},
+          '2': {$value: '#ff938a', $type: 'color'},
+          '3': {$value: '#f47067', $type: 'color'},
+          '4': {$value: '#e5534b', $type: 'color'},
+          '5': {$value: '#c93c37', $type: 'color'},
+          '6': {$value: '#ad2e2c', $type: 'color'},
+          '7': {$value: '#922323', $type: 'color'},
+          '8': {$value: '#78191b', $type: 'color'},
+          '9': {$value: '#5d0f12', $type: 'color'}
+        },
+        purple: {
+          '0': {$value: '#eedcff', $type: 'color'},
+          '1': {$value: '#dcbdfb', $type: 'color'},
+          '2': {$value: '#dcbdfb', $type: 'color'},
+          '3': {$value: '#b083f0', $type: 'color'},
+          '4': {$value: '#986ee2', $type: 'color'},
+          '5': {$value: '#8256d0', $type: 'color'},
+          '6': {$value: '#6b44bc', $type: 'color'},
+          '7': {$value: '#5936a2', $type: 'color'},
+          '8': {$value: '#472c82', $type: 'color'},
+          '9': {$value: '#352160', $type: 'color'}
+        },
+        pink: {
+          '0': {$value: '#ffd7eb', $type: 'color'},
+          '1': {$value: '#ffb3d8', $type: 'color'},
+          '2': {$value: '#fc8dc7', $type: 'color'},
+          '3': {$value: '#e275ad', $type: 'color'},
+          '4': {$value: '#c96198', $type: 'color'},
+          '5': {$value: '#ae4c82', $type: 'color'},
+          '6': {$value: '#983b6e', $type: 'color'},
+          '7': {$value: '#7e325a', $type: 'color'},
+          '8': {$value: '#69264a', $type: 'color'},
+          '9': {$value: '#551639', $type: 'color'}
+        },
+        coral: {
+          '0': {$value: '#ffdacf', $type: 'color'},
+          '1': {$value: '#ffb9a5', $type: 'color'},
+          '2': {$value: '#f79981', $type: 'color'},
+          '3': {$value: '#ec775c', $type: 'color'},
+          '4': {$value: '#de5b41', $type: 'color'},
+          '5': {$value: '#c2442d', $type: 'color'},
+          '6': {$value: '#a93524', $type: 'color'},
+          '7': {$value: '#8d291b', $type: 'color'},
+          '8': {$value: '#771d13', $type: 'color'},
+          '9': {$value: '#5d1008', $type: 'color'}
+        }
+      }
+    }
+  }
+}

package/tokens/base/color/dark/dark.high-contrast.json5

@@ -0,0 +1,128 @@
+/**
+ * Dark high contrast
+ * @extends ./dark.json
+ */
+{
+  base: {
+    color: {
+      scale: {
+        black: {
+          $value: '#010409',
+          $type: 'color'
+        },
+        white: {
+          $value: '#ffffff',
+          $type: 'color'
+        },
+        gray: {
+          '0': {$value: '#ffffff', $type: 'color'},
+          '1': {$value: '#f0f3f6', $type: 'color'},
+          '2': {$value: '#d9dee3', $type: 'color'},
+          '3': {$value: '#bdc4cc', $type: 'color'},
+          '4': {$value: '#9ea7b3', $type: 'color'},
+          '5': {$value: '#7a828e', $type: 'color'},
+          '6': {$value: '#525964', $type: 'color'},
+          '7': {$value: '#272b33', $type: 'color'},
+          '8': {$value: '#272b33', $type: 'color'},
+          '9': {$value: '#0a0c10', $type: 'color'}
+        },
+        blue: {
+          '0': {$value: '#caeaff', $type: 'color'},
+          '1': {$value: '#addcff', $type: 'color'},
+          '2': {$value: '#91cbff', $type: 'color'},
+          '3': {$value: '#71b7ff', $type: 'color'},
+          '4': {$value: '#409eff', $type: 'color'},
+          '5': {$value: '#409eff', $type: 'color'},
+          '6': {$value: '#318bf8', $type: 'color'},
+          '7': {$value: '#2672f3', $type: 'color'},
+          '8': {$value: '#1e60d5', $type: 'color'},
+          '9': {$value: '#194fb1', $type: 'color'}
+        },
+        green: {
+          '0': {$value: '#acf7b6', $type: 'color'},
+          '1': {$value: '#72f088', $type: 'color'},
+          '2': {$value: '#4ae168', $type: 'color'},
+          '3': {$value: '#26cd4d', $type: 'color'},
+          '4': {$value: '#09b43a', $type: 'color'},
+          '5': {$value: '#09b43a', $type: 'color'},
+          '6': {$value: '#02a232', $type: 'color'},
+          '7': {$value: '#008c2c', $type: 'color'},
+          '8': {$value: '#007728', $type: 'color'},
+          '9': {$value: '#006222', $type: 'color'}
+        },
+        yellow: {
+          '0': {$value: '#fbe59e', $type: 'color'},
+          '1': {$value: '#fbd669', $type: 'color'},
+          '2': {$value: '#f7c843', $type: 'color'},
+          '3': {$value: '#f0b72f', $type: 'color'},
+          '4': {$value: '#e09b13', $type: 'color'},
+          '5': {$value: '#e09b13', $type: 'color'},
+          '6': {$value: '#c88508', $type: 'color'},
+          '7': {$value: '#ae7104', $type: 'color'},
+          '8': {$value: '#945d02', $type: 'color'},
+          '9': {$value: '#7b4900', $type: 'color'}
+        },
+        orange: {
+          '0': {$value: '#ffe1b4', $type: 'color'},
+          '1': {$value: '#ffcf86', $type: 'color'},
+          '2': {$value: '#ffb757', $type: 'color'},
+          '3': {$value: '#fe9a2d', $type: 'color'},
+          '4': {$value: '#e7811d', $type: 'color'},
+          '5': {$value: '#e7811d', $type: 'color'},
+          '6': {$value: '#d57014', $type: 'color'},
+          '7': {$value: '#bf5e0a', $type: 'color'},
+          '8': {$value: '#a74c00', $type: 'color'},
+          '9': {$value: '#8f3c00', $type: 'color'}
+        },
+        red: {
+          '0': {$value: '#ffdedb', $type: 'color'},
+          '1': {$value: '#ffc9c7', $type: 'color'},
+          '2': {$value: '#ffb1af', $type: 'color'},
+          '3': {$value: '#ff9492', $type: 'color'},
+          '4': {$value: '#ff6a69', $type: 'color'},
+          '5': {$value: '#ff6a69', $type: 'color'},
+          '6': {$value: '#ff4445', $type: 'color'},
+          '7': {$value: '#e82a2f', $type: 'color'},
+          '8': {$value: '#cc1421', $type: 'color'},
+          '9': {$value: '#ad0116', $type: 'color'}
+        },
+        purple: {
+          '0': {$value: '#f0dfff', $type: 'color'},
+          '1': {$value: '#e6ccff', $type: 'color'},
+          '2': {$value: '#dbb7ff', $type: 'color'},
+          '3': {$value: '#cb9eff', $type: 'color'},
+          '4': {$value: '#b780ff', $type: 'color'},
+          '5': {$value: '#b87fff', $type: 'color'},
+          '6': {$value: '#a66bff', $type: 'color'},
+          '7': {$value: '#954ffd', $type: 'color'},
+          '8': {$value: '#8031f7', $type: 'color'},
+          '9': {$value: '#6921d7', $type: 'color'}
+        },
+        pink: {
+          '0': {$value: '#ffdceb', $type: 'color'},
+          '1': {$value: '#ffc7e1', $type: 'color'},
+          '2': {$value: '#ffadd4', $type: 'color'},
+          '3': {$value: '#ff8dc7', $type: 'color'},
+          '4': {$value: '#ef6eb1', $type: 'color'},
+          '5': {$value: '#ef6eb1', $type: 'color'},
+          '6': {$value: '#e456a3', $type: 'color'},
+          '7': {$value: '#d23d91', $type: 'color'},
+          '8': {$value: '#b72c7d', $type: 'color'},
+          '9': {$value: '#9c1d6a', $type: 'color'}
+        },
+        coral: {
+          '0': {$value: '#ffded4', $type: 'color'},
+          '1': {$value: '#ffcbb9', $type: 'color'},
+          '2': {$value: '#ffb39b', $type: 'color'},
+          '3': {$value: '#ff967d', $type: 'color'},
+          '4': {$value: '#fc704f', $type: 'color'},
+          '5': {$value: '#fc704f', $type: 'color'},
+          '6': {$value: '#f75133', $type: 'color'},
+          '7': {$value: '#e03b21', $type: 'color'},
+          '8': {$value: '#c62612', $type: 'color'},
+          '9': {$value: '#a91500', $type: 'color'}
+        }
+      }
+    }
+  }
+}

package/tokens/base/color/dark/dark.json5

@@ -0,0 +1,133 @@
+/**
+ * Default dark mode
+ * @description Also used as a base for all other dark mode themes
+ */
+{
+  base: {
+    color: {
+      scale: {
+        black: {
+          $value: '#010409',
+          $type: 'color'
+        },
+        white: {
+          $value: '#ffffff',
+          $type: 'color'
+        },
+        transparent: {
+          $value: '#000000',
+          $type: 'color',
+          alpha: 0
+        },
+        gray: {
+          '0': {$value: '#f0f6fc', $type: 'color'},
+          '1': {$value: '#c9d1d9', $type: 'color'},
+          '2': {$value: '#b1bac4', $type: 'color'},
+          '3': {$value: '#8b949e', $type: 'color'},
+          '4': {$value: '#6e7681', $type: 'color'},
+          '5': {$value: '#484f58', $type: 'color'},
+          '6': {$value: '#30363d', $type: 'color'},
+          '7': {$value: '#21262d', $type: 'color'},
+          '8': {$value: '#161b22', $type: 'color'},
+          '9': {$value: '#0d1117', $type: 'color'}
+        },
+        blue: {
+          '0': {$value: '#cae8ff', $type: 'color'},
+          '1': {$value: '#a5d6ff', $type: 'color'},
+          '2': {$value: '#79c0ff', $type: 'color'},
+          '3': {$value: '#58a6ff', $type: 'color'},
+          '4': {$value: '#388bfd', $type: 'color'},
+          '5': {$value: '#1f6feb', $type: 'color'},
+          '6': {$value: '#1158c7', $type: 'color'},
+          '7': {$value: '#0d419d', $type: 'color'},
+          '8': {$value: '#0c2d6b', $type: 'color'},
+          '9': {$value: '#051d4d', $type: 'color'}
+        },
+        green: {
+          '0': {$value: '#aff5b4', $type: 'color'},
+          '1': {$value: '#7ee787', $type: 'color'},
+          '2': {$value: '#56d364', $type: 'color'},
+          '3': {$value: '#3fb950', $type: 'color'},
+          '4': {$value: '#2ea043', $type: 'color'},
+          '5': {$value: '#238636', $type: 'color'},
+          '6': {$value: '#196c2e', $type: 'color'},
+          '7': {$value: '#0f5323', $type: 'color'},
+          '8': {$value: '#033a16', $type: 'color'},
+          '9': {$value: '#04260f', $type: 'color'}
+        },
+        yellow: {
+          '0': {$value: '#f8e3a1', $type: 'color'},
+          '1': {$value: '#f2cc60', $type: 'color'},
+          '2': {$value: '#e3b341', $type: 'color'},
+          '3': {$value: '#d29922', $type: 'color'},
+          '4': {$value: '#bb8009', $type: 'color'},
+          '5': {$value: '#9e6a03', $type: 'color'},
+          '6': {$value: '#845306', $type: 'color'},
+          '7': {$value: '#693e00', $type: 'color'},
+          '8': {$value: '#4b2900', $type: 'color'},
+          '9': {$value: '#341a00', $type: 'color'}
+        },
+        orange: {
+          '0': {$value: '#ffdfb6', $type: 'color'},
+          '1': {$value: '#ffc680', $type: 'color'},
+          '2': {$value: '#ffa657', $type: 'color'},
+          '3': {$value: '#f0883e', $type: 'color'},
+          '4': {$value: '#db6d28', $type: 'color'},
+          '5': {$value: '#bd561d', $type: 'color'},
+          '6': {$value: '#9b4215', $type: 'color'},
+          '7': {$value: '#762d0a', $type: 'color'},
+          '8': {$value: '#5a1e02', $type: 'color'},
+          '9': {$value: '#3d1300', $type: 'color'}
+        },
+        red: {
+          '0': {$value: '#ffdcd7', $type: 'color'},
+          '1': {$value: '#ffc1ba', $type: 'color'},
+          '2': {$value: '#ffa198', $type: 'color'},
+          '3': {$value: '#ff7b72', $type: 'color'},
+          '4': {$value: '#f85149', $type: 'color'},
+          '5': {$value: '#da3633', $type: 'color'},
+          '6': {$value: '#b62324', $type: 'color'},
+          '7': {$value: '#8e1519', $type: 'color'},
+          '8': {$value: '#67060c', $type: 'color'},
+          '9': {$value: '#490202', $type: 'color'}
+        },
+        purple: {
+          '0': {$value: '#eddeff', $type: 'color'},
+          '1': {$value: '#e2c5ff', $type: 'color'},
+          '2': {$value: '#d2a8ff', $type: 'color'},
+          '3': {$value: '#bc8cff', $type: 'color'},
+          '4': {$value: '#a371f7', $type: 'color'},
+          '5': {$value: '#8957e5', $type: 'color'},
+          '6': {$value: '#6e40c9', $type: 'color'},
+          '7': {$value: '#553098', $type: 'color'},
+          '8': {$value: '#3c1e70', $type: 'color'},
+          '9': {$value: '#271052', $type: 'color'}
+        },
+        pink: {
+          '0': {$value: '#ffdaec', $type: 'color'},
+          '1': {$value: '#ffbedd', $type: 'color'},
+          '2': {$value: '#ff9bce', $type: 'color'},
+          '3': {$value: '#f778ba', $type: 'color'},
+          '4': {$value: '#db61a2', $type: 'color'},
+          '5': {$value: '#bf4b8a', $type: 'color'},
+          '6': {$value: '#9e3670', $type: 'color'},
+          '7': {$value: '#7d2457', $type: 'color'},
+          '8': {$value: '#5e103e', $type: 'color'},
+          '9': {$value: '#42062a', $type: 'color'}
+        },
+        coral: {
+          '0': {$value: '#ffddd2', $type: 'color'},
+          '1': {$value: '#ffc2b2', $type: 'color'},
+          '2': {$value: '#ffa28b', $type: 'color'},
+          '3': {$value: '#f78166', $type: 'color'},
+          '4': {$value: '#ea6045', $type: 'color'},
+          '5': {$value: '#cf462d', $type: 'color'},
+          '6': {$value: '#ac3220', $type: 'color'},
+          '7': {$value: '#872012', $type: 'color'},
+          '8': {$value: '#640d04', $type: 'color'},
+          '9': {$value: '#460701', $type: 'color'}
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,48 @@
+/**
+ * Dark protanopia and deuteranopia (colorblind)
+ * @extends ./dark.json
+ */
+{
+  base: {
+    color: {
+      scale: {
+        green: {
+          '0': {$value: '#cae8ff', $type: 'color'},
+          '1': {$value: '#a5d6ff', $type: 'color'},
+          '2': {$value: '#79c0ff', $type: 'color'},
+          '3': {$value: '#58a6ff', $type: 'color'},
+          '4': {$value: '#388bfd', $type: 'color'},
+          '5': {$value: '#1f6feb', $type: 'color'},
+          '6': {$value: '#1158c7', $type: 'color'},
+          '7': {$value: '#0d419d', $type: 'color'},
+          '8': {$value: '#0c2d6b', $type: 'color'},
+          '9': {$value: '#051d4d', $type: 'color'}
+        },
+        orange: {
+          '0': {$value: '#ffe2bb', $type: 'color'},
+          '1': {$value: '#ffc981', $type: 'color'},
+          '2': {$value: '#fdac54', $type: 'color'},
+          '3': {$value: '#ec8e2c', $type: 'color'},
+          '4': {$value: '#d47616', $type: 'color'},
+          '5': {$value: '#b76100', $type: 'color'},
+          '6': {$value: '#914d04', $type: 'color'},
+          '7': {$value: '#6c3906', $type: 'color'},
+          '8': {$value: '#4e2906', $type: 'color'},
+          '9': {$value: '#331c04', $type: 'color'}
+        },
+        red: {
+          '0': {$value: '#ffe2bb', $type: 'color'},
+          '1': {$value: '#ffc981', $type: 'color'},
+          '2': {$value: '#fdac54', $type: 'color'},
+          '3': {$value: '#ec8e2c', $type: 'color'},
+          '4': {$value: '#d47616', $type: 'color'},
+          '5': {$value: '#b76100', $type: 'color'},
+          '6': {$value: '#914d04', $type: 'color'},
+          '7': {$value: '#6c3906', $type: 'color'},
+          '8': {$value: '#4e2906', $type: 'color'},
+          '9': {$value: '#331c04', $type: 'color'}
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,96 @@
+/**
+ * Dark tritanopia
+ * @extends ./dark.json
+ */
+{
+  base: {
+    color: {
+      scale: {
+        green: {
+          '0': {
+            $value: '#cae8ff',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#a5d6ff',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#79c0ff',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#58a6ff',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#388bfd',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#1f6feb',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#1158c7',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#0d419d',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#0c2d6b',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#051d4d',
+            $type: 'color'
+          }
+        },
+        orange: {
+          '0': {
+            $value: '#ffdcd7',
+            $type: 'color'
+          },
+          '1': {
+            $value: '#ffc1ba',
+            $type: 'color'
+          },
+          '2': {
+            $value: '#ffa198',
+            $type: 'color'
+          },
+          '3': {
+            $value: '#ff7b72',
+            $type: 'color'
+          },
+          '4': {
+            $value: '#f85149',
+            $type: 'color'
+          },
+          '5': {
+            $value: '#da3633',
+            $type: 'color'
+          },
+          '6': {
+            $value: '#b62324',
+            $type: 'color'
+          },
+          '7': {
+            $value: '#8e1519',
+            $type: 'color'
+          },
+          '8': {
+            $value: '#67060c',
+            $type: 'color'
+          },
+          '9': {
+            $value: '#490202',
+            $type: 'color'
+          }
+        }
+      }
+    }
+  }
+}