@primer/primitives 9.0.3 → 9.1.0-rc.c6c17c46

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

@@ -1,327 +0,0 @@
-/**
- * Light protanopia and deuteranopia (colorblind)
- * @extends all functional tokens
- * @description All overwrites for functional color tokens for light protanopia and deuteranopia color mode are in this file
- */
-{
-  fgColor: {
-    success: {
-      $value: '{base.color.blue.5}',
-      $type: 'color',
-    },
-    open: {
-      $value: '{base.color.orange.5}',
-      $type: 'color',
-    },
-    closed: {
-      $value: '{fgColor.muted}',
-      $type: 'color',
-    },
-    danger: {
-      $value: '{base.color.orange.5}',
-      $type: 'color',
-      mix: {
-        color: '{base.color.orange.4}',
-        weight: 0.05,
-      },
-    },
-  },
-  bgColor: {
-    success: {
-      muted: {
-        $value: '{base.color.blue.0}',
-        $type: 'color',
-      },
-      emphasis: {
-        $value: '{base.color.blue.5}',
-        $type: 'color',
-        mix: null
-      },
-    },
-    open: {
-      muted: {
-        $value: '{base.color.orange.3}',
-        $type: 'color',
-        alpha: 0.4,
-      },
-      emphasis: {
-        $value: '{base.color.orange.4}',
-        $type: 'color',
-      },
-    },
-    danger: {
-      muted: {
-        $value: '{base.color.orange.0}',
-        $type: 'color',
-      },
-      emphasis: {
-        $value: '{base.color.orange.5}',
-        $type: 'color',
-      },
-    },
-    closed: {
-      muted: {
-        $value: '{bgColor.neutral.muted}',
-        $type: 'color',
-      },
-      emphasis: {
-        $value: '{bgColor.neutral.emphasis}',
-        $type: 'color',
-      },
-    },
-  },
-  borderColor: {
-    open: {
-      muted: {
-        $value: '{base.color.orange.3}',
-        $type: 'color',
-        alpha: 0.4,
-      },
-      emphasis: {
-        $value: '{base.color.orange.4}',
-        $type: 'color',
-      },
-    },
-    closed: {
-      muted: {
-        $value: '{borderColor.default}',
-        $type: 'color',
-      },
-      emphasis: {
-        $value: '{borderColor.emphasis}',
-        $type: 'color',
-      },
-    },
-    success: {
-      muted: {
-        $value: '{base.color.blue.3}',
-        $type: 'color',
-        alpha: 0.4,
-      },
-      emphasis: {
-        $value: '{base.color.blue.5}',
-        $type: 'color',
-      },
-    },
-    danger: {
-      muted: {
-        $value: '{base.color.orange.3}',
-        $type: 'color',
-        alpha: 0.4,
-      },
-      emphasis: {
-        $value: '{base.color.orange.5}',
-        $type: 'color',
-      },
-    },
-  },
-  diffBlob: {
-    addition: {
-      bgColor: {
-        num: {
-          $value: '{base.color.blue.3}',
-          $type: 'color',
-          mix: null,
-          alpha: 0.4,
-        },
-        line: {
-          $value: '{base.color.blue.0}',
-          $type: 'color',
-          alpha: 0.5,
-        },
-        word: {
-          $value: '{base.color.blue.3}',
-          $type: 'color',
-          alpha: 0.4,
-        },
-      },
-    },
-    deletion: {
-      bgColor: {
-        num: {
-          $value: '{base.color.orange.3}',
-          $type: 'color',
-          alpha: 0.4,
-        },
-        line: {
-          $value: '{base.color.orange.0}',
-          $type: 'color',
-          alpha: 0.5,
-        },
-        word: {
-          $value: '{base.color.orange.2}',
-          $type: 'color',
-          alpha: 0.5,
-        },
-      },
-    },
-  },
-  codeMirror: {
-    syntax: {
-      fgColor: {
-        keyword: {
-          $value: '{base.color.orange.5}',
-          $type: 'color',
-        },
-        storage: {
-          $value: '{base.color.orange.5}',
-          $type: 'color',
-        },
-      },
-    },
-  },
-  button: {
-    primary: {
-      bgColor: {
-        hover: {
-          $value: '{bgColor.success.emphasis}',
-          $type: 'color',
-          mix: {
-            color: '{base.color.blue.6}',
-            weight: 0.2,
-          },
-        },
-        active: {
-          $value: '{bgColor.success.emphasis}',
-          $type: 'color',
-          mix: {
-            color: '{base.color.blue.6}',
-            weight: 0.4,
-          },
-        },
-        disabled: {
-          $value: '{base.color.blue.4}',
-          $type: 'color',
-          mix: {
-            color: '{base.color.blue.0}',
-            weight: 0.6,
-          },
-        },
-      },
-      shadow: {
-        selected: {
-          $value: [
-            {
-              color: '{base.color.blue.9}',
-              alpha: 0.3,
-              offsetX: '0px',
-              offsetY: '1px',
-              blur: '0px',
-              spread: '0px',
-              inset: true,
-            },
-          ],
-          $type: 'shadow',
-        },
-      },
-    },
-    danger: {
-      bgColor: {
-        hover: {
-          $value: '{base.color.orange.6}',
-          $type: 'color',
-        },
-        active: {
-          $value: '{base.color.orange.6}',
-          $type: 'color',
-          mix: {
-            color: '{base.color.orange.8}',
-            weight: 0.4,
-          },
-        },
-      },
-      shadow: {
-        selected: {
-          $value: [
-            {
-              color: '{base.color.orange.9}',
-              alpha: 0.2,
-              offsetX: '0px',
-              offsetY: '1px',
-              blur: '0px',
-              spread: '0px',
-              inset: true,
-            },
-          ],
-          $type: 'shadow',
-        },
-      },
-    },
-  },
-  color: {
-    ansi: {
-      green: {
-        $value: '{base.color.blue.6}',
-        $type: 'color',
-      },
-      'green-bright': {
-        $value: '{base.color.blue.5}',
-        $type: 'color',
-      },
-      red: {
-        $value: '{base.color.orange.5}',
-        $type: 'color',
-      },
-      'red-bright': {
-        $value: '{base.color.orange.6}',
-        $type: 'color',
-      },
-    },
-    prettylights: {
-      syntax: {
-        keyword: {
-          $value: '{base.color.orange.5}',
-          $type: 'color',
-        },
-        invalid: {
-          illegal: {
-            bg: {
-              $value: '{base.color.orange.7}',
-              $type: 'color',
-            },
-          },
-        },
-        carriage: {
-          return: {
-            bg: {
-              $value: '{base.color.orange.5}',
-              $type: 'color',
-            },
-          },
-        },
-        'string-regexp': {
-          $value: '{base.color.blue.6}',
-          $type: 'color',
-        },
-        brackethighlighter: {
-          unmatched: {
-            $value: '{base.color.orange.7}',
-            $type: 'color',
-          },
-        },
-        markup: {
-          deleted: {
-            text: {
-              $value: '{base.color.orange.7}',
-              $type: 'color',
-            },
-            bg: {
-              $value: '{base.color.orange.0}',
-              $type: 'color',
-            },
-          },
-          inserted: {
-            text: {
-              $value: '{base.color.blue.6}',
-              $type: 'color',
-            },
-            bg: {
-              $value: '{base.color.blue.0}',
-              $type: 'color',
-            },
-          },
-        },
-      },
-    },
-  },
-}

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

@@ -1,237 +0,0 @@
-/**
- * Light tritanopia theme
- * @extends all functional tokens
- * @description All overwrites for functional color tokens for this theme are in this file
- */
-{
-  fgColor: {
-    success: {
-      $value: '{base.color.blue.5}',
-      $type: 'color',
-    },
-    severe: {
-      $value: '{base.color.red.5}',
-      $type: 'color',
-    },
-    open: {
-      $value: '{base.color.red.5}',
-      $type: 'color',
-    },
-    closed: {
-      $value: '{fgColor.muted}',
-      $type: 'color',
-    },
-  },
-  bgColor: {
-    success: {
-      muted: {
-        $value: '{base.color.blue.0}',
-        $type: 'color',
-      },
-      emphasis: {
-        $value: '{base.color.blue.5}',
-        $type: 'color',
-        mix: null
-      },
-    },
-    open: {
-      muted: {
-        $value: '{base.color.red.0}',
-        $type: 'color',
-      },
-      emphasis: {
-        $value: '{base.color.red.5}',
-        $type: 'color',
-      },
-    },
-    severe: {
-      muted: {
-        $value: '{base.color.red.0}',
-        $type: 'color',
-      },
-      emphasis: {
-        $value: '{base.color.red.5}',
-        $type: 'color',
-      },
-    },
-    closed: {
-      muted: {
-        $value: '{bgColor.neutral.muted}',
-        $type: 'color',
-      },
-      emphasis: {
-        $value: '{bgColor.neutral.emphasis}',
-        $type: 'color',
-      },
-    },
-  },
-  borderColor: {
-    success: {
-      muted: {
-        $value: '{base.color.blue.3}',
-        $type: 'color',
-        alpha: 0.4,
-      },
-      emphasis: {
-        $value: '{base.color.blue.5}',
-        $type: 'color',
-      },
-    },
-    severe: {
-      muted: {
-        $value: '{base.color.red.3}',
-        $type: 'color',
-        alpha: 0.4,
-      },
-      emphasis: {
-        $value: '{base.color.red.5}',
-        $type: 'color',
-      },
-    },
-    open: {
-      muted: {
-        $value: '{base.color.red.3}',
-        $type: 'color',
-        alpha: 0.4,
-      },
-      emphasis: {
-        $value: '{base.color.red.5}',
-        $type: 'color',
-      },
-    },
-    closed: {
-      muted: {
-        $value: '{borderColor.default}',
-        $type: 'color',
-      },
-      emphasis: {
-        $value: '{borderColor.emphasis}',
-        $type: 'color',
-      },
-    },
-  },
-  diffBlob: {
-    addition: {
-      bgColor: {
-        num: {
-          $value: '{base.color.blue.1}',
-          $type: 'color',
-          mix: {
-            color: '{base.color.blue.0}',
-            weight: 0.8,
-          },
-        },
-        line: {
-          $value: '{base.color.blue.0}',
-          $type: 'color',
-        },
-        word: {
-          $value: '{base.color.blue.1}',
-          $type: 'color',
-        },
-      },
-    },
-  },
-  codeMirror: {
-    syntax: {
-      fgColor: {
-        variable: {
-          $value: '{base.color.red.6}',
-          $type: 'color',
-        },
-      },
-    },
-  },
-  button: {
-    primary: {
-      bgColor: {
-        hover: {
-          $value: '{bgColor.success.emphasis}',
-          $type: 'color',
-          mix: {
-            color: '{base.color.blue.6}',
-            weight: 0.2,
-          },
-        },
-        active: {
-          $value: '{bgColor.success.emphasis}',
-          $type: 'color',
-          mix: {
-            color: '{base.color.blue.6}',
-            weight: 0.4,
-          },
-        },
-        disabled: {
-          $value: '{base.color.blue.4}',
-          $type: 'color',
-          mix: {
-            color: '{base.color.blue.0}',
-            weight: 0.6,
-          },
-        },
-      },
-      shadow: {
-        selected: {
-          $value: [
-            {
-              color: '{base.color.blue.9}',
-              alpha: 0.3,
-              offsetX: '0px',
-              offsetY: '1px',
-              blur: '0px',
-              spread: '0px',
-              inset: true,
-            },
-          ],
-          $type: 'shadow',
-        },
-      },
-    },
-  },
-  color: {
-    ansi: {
-      green: {
-        $value: '{base.color.blue.6}',
-        $type: 'color',
-      },
-      'green-bright': {
-        $value: '{base.color.blue.5}',
-        $type: 'color',
-      },
-    },
-    prettylights: {
-      syntax: {
-        'string-regexp': {
-          $value: '{base.color.blue.6}',
-          $type: 'color',
-        },
-        variable: {
-          $value: '{base.color.red.6}',
-          $type: 'color',
-        },
-        markup: {
-          inserted: {
-            text: {
-              $value: '{base.color.blue.6}',
-              $type: 'color',
-            },
-            bg: {
-              $value: '{base.color.blue.0}',
-              $type: 'color',
-            },
-          },
-          changed: {
-            text: {
-              $value: '{base.color.red.6}',
-              $type: 'color',
-            },
-            bg: {
-              $value: '{base.color.red.1}',
-              $type: 'color',
-            },
-          },
-        },
-      },
-    },
-  },
-}