@primer/primitives 7.10.0-rc.6459579 → 7.10.0-rc.e05ea69

package/dist/scss/colors/_dark.scss

@@ -283,6 +283,7 @@
     --color-segmented-control-button-active-bg: #21262d;
     --color-segmented-control-button-selected-border: #6e7681;
     --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
+    --color-tree-view-item-directory-fill: #8b949e;
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #6e7681;

package/dist/scss/colors/_dark_colorblind.scss

@@ -283,6 +283,7 @@
     --color-segmented-control-button-active-bg: #21262d;
     --color-segmented-control-button-selected-border: #6e7681;
     --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
+    --color-tree-view-item-directory-fill: #8b949e;
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #6e7681;

package/dist/scss/colors/_dark_dimmed.scss

@@ -283,6 +283,7 @@
     --color-segmented-control-button-active-bg: #373e47;
     --color-segmented-control-button-selected-border: #636e7b;
     --color-tree-view-item-chevron-hover-bg: rgba(144,157,171,0.12);
+    --color-tree-view-item-directory-fill: #768390;
     --color-fg-default: #adbac7;
     --color-fg-muted: #768390;
     --color-fg-subtle: #636e7b;

package/dist/scss/colors/_dark_high_contrast.scss

@@ -283,6 +283,7 @@
     --color-segmented-control-button-active-bg: #272b33;
     --color-segmented-control-button-selected-border: #9ea7b3;
     --color-tree-view-item-chevron-hover-bg: #525964;
+    --color-tree-view-item-directory-fill: #f0f3f6;
     --color-fg-default: #f0f3f6;
     --color-fg-muted: #f0f3f6;
     --color-fg-subtle: #9ea7b3;

package/dist/scss/colors/_dark_tritanopia.scss

@@ -283,6 +283,7 @@
     --color-segmented-control-button-active-bg: #21262d;
     --color-segmented-control-button-selected-border: #6e7681;
     --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
+    --color-tree-view-item-directory-fill: #8b949e;
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
     --color-fg-subtle: #6e7681;

package/dist/scss/colors/_light.scss

@@ -283,6 +283,7 @@
     --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
     --color-segmented-control-button-selected-border: #6e7781;
     --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
+    --color-tree-view-item-directory-fill: #54aeff;
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/scss/colors/_light_colorblind.scss

@@ -283,6 +283,7 @@
     --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
     --color-segmented-control-button-selected-border: #6e7781;
     --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
+    --color-tree-view-item-directory-fill: #54aeff;
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/scss/colors/_light_high_contrast.scss

@@ -283,6 +283,7 @@
     --color-segmented-control-button-active-bg: rgba(172,182,192,0.4);
     --color-segmented-control-button-selected-border: #66707b;
     --color-tree-view-item-chevron-hover-bg: #ced5dc;
+    --color-tree-view-item-directory-fill: #368cf9;
     --color-fg-default: #0e1116;
     --color-fg-muted: #0e1116;
     --color-fg-subtle: #66707b;

package/dist/scss/colors/_light_tritanopia.scss

@@ -283,6 +283,7 @@
     --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
     --color-segmented-control-button-selected-border: #6e7781;
     --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
+    --color-tree-view-item-directory-fill: #54aeff;
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/ts/colors/dark.ts

@@ -378,6 +378,9 @@ export default {
   "treeViewItem": {
     "chevron": {
       "hoverBg": "rgba(177,186,196,0.12)"
+    },
+    "directory": {
+      "fill": "#8b949e"
     }
   },
   "fg": {

package/dist/ts/colors/dark_colorblind.ts

@@ -378,6 +378,9 @@ export default {
   "treeViewItem": {
     "chevron": {
       "hoverBg": "rgba(177,186,196,0.12)"
+    },
+    "directory": {
+      "fill": "#8b949e"
     }
   },
   "fg": {

package/dist/ts/colors/dark_dimmed.ts

@@ -378,6 +378,9 @@ export default {
   "treeViewItem": {
     "chevron": {
       "hoverBg": "rgba(144,157,171,0.12)"
+    },
+    "directory": {
+      "fill": "#768390"
     }
   },
   "fg": {

package/dist/ts/colors/dark_high_contrast.ts

@@ -378,6 +378,9 @@ export default {
   "treeViewItem": {
     "chevron": {
       "hoverBg": "#525964"
+    },
+    "directory": {
+      "fill": "#f0f3f6"
     }
   },
   "fg": {

package/dist/ts/colors/dark_tritanopia.ts

@@ -378,6 +378,9 @@ export default {
   "treeViewItem": {
     "chevron": {
       "hoverBg": "rgba(177,186,196,0.12)"
+    },
+    "directory": {
+      "fill": "#8b949e"
     }
   },
   "fg": {

package/dist/ts/colors/light.ts

@@ -378,6 +378,9 @@ export default {
   "treeViewItem": {
     "chevron": {
       "hoverBg": "rgba(208,215,222,0.32)"
+    },
+    "directory": {
+      "fill": "#54aeff"
     }
   },
   "fg": {

package/dist/ts/colors/light_colorblind.ts

@@ -378,6 +378,9 @@ export default {
   "treeViewItem": {
     "chevron": {
       "hoverBg": "rgba(208,215,222,0.32)"
+    },
+    "directory": {
+      "fill": "#54aeff"
     }
   },
   "fg": {

package/dist/ts/colors/light_high_contrast.ts

@@ -378,6 +378,9 @@ export default {
   "treeViewItem": {
     "chevron": {
       "hoverBg": "#ced5dc"
+    },
+    "directory": {
+      "fill": "#368cf9"
     }
   },
   "fg": {

package/dist/ts/colors/light_tritanopia.ts

@@ -378,6 +378,9 @@ export default {
   "treeViewItem": {
     "chevron": {
       "hoverBg": "rgba(208,215,222,0.32)"
+    },
+    "directory": {
+      "fill": "#54aeff"
     }
   },
   "fg": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.10.0-rc.6459579",
+  "version": "7.10.0-rc.e05ea69",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -26,13 +26,16 @@
   },
   "homepage": "https://github.com/primer/primitives#readme",
   "scripts": {
-    "build": "ts-node ./script/build.ts && tsc",
+    "build": "ts-node ./script/build.ts && tsc --project tsconfig.build.json",
     "build:tokens": "node -e \"require('./build')._init()\"",
+    "format": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
+    "lint": "eslint '**/*.{js,ts,tsx,md,mdx}' --max-warnings=0 --config .eslintrc.js",
+    "postbuild": "ts-node ./script/color-contrast.ts",
     "prebuild": "rm -rf dist",
     "prebuild:tokens": "rm -rf tokens-v2-private",
-    "postbuild": "ts-node ./script/color-contrast.ts",
     "prepack": "yarn build && yarn build:tokens",
     "release": "changeset publish",
+    "build:color-tokens": "ts-node ./script/tempColorTokenBuild.ts",
     "test": "jest --verbose --coverage",
     "watch": "ls data/**/*.scss script/**/*.ts | entr -s 'yarn build'"
   },
@@ -45,14 +48,18 @@
     "@babel/types": "^7.15.0",
     "@changesets/changelog-github": "^0.3.0",
     "@changesets/cli": "^2.22.0",
-    "@github/prettier-config": "0.0.4",
+    "@github/prettier-config": "^0.0.4",
     "@octokit/rest": "^18.5.3",
     "@types/babel__traverse": "^7.14.2",
     "@types/chalk": "^2.2.0",
     "@types/flat": "^5.0.1",
+    "@types/fs-extra": "^9.0.13",
     "@types/lodash": "^4.14.163",
     "@types/mkdirp": "^1.0.1",
     "@types/node": "^14.0.26",
+    "@types/react": "^17.0.50",
+    "@typescript-eslint/eslint-plugin": "^5.17.0",
+    "@typescript-eslint/parser": "^5.17.0",
     "camelcase-keys": "^6.2.2",
     "chalk": "^4.1.0",
     "color-blend": "^4.0.0",
@@ -60,13 +67,26 @@
     "console-table-printer": "^2.11.1",
     "deep-shape-equals": "^0.1.2",
     "deepmerge": "^4.2.2",
+    "eslint": "^8.12.0",
+    "eslint-import-resolver-typescript": "^2.7.0",
+    "eslint-plugin-github": "^4.3.6",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-mdx": "^1.17.0",
+    "eslint-plugin-primer-react": "^0.7.4",
+    "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-react-hooks": "^4.4.0",
+    "eslint-plugin-storybook": "^0.5.12",
     "flat": "^5.0.2",
+    "fs-extra": "^10.1.0",
     "jest": "^29.0.1",
+    "json5": "^2.2.1",
     "lodash": "^4.17.20",
     "mkdirp": "^1.0.4",
     "node-sass": "^7.0.0",
+    "prettier": "^2.7.1",
+    "react": "^17.0.2",
     "sass-extract": "^2.1.0",
-    "style-dictionary": "^3.1.1",
+    "style-dictionary": "3.7.1",
     "ts-node": "^8.10.2",
     "typescript": "^4.2.0"
   }

package/tokens/base/color/dark-colorblind.json

@@ -0,0 +1,44 @@
+{
+  "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-dimmed.json

@@ -0,0 +1,124 @@
+{
+  "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-high-contrast.json

@@ -0,0 +1,124 @@
+{
+  "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-tritanopia.json

@@ -0,0 +1,92 @@
+{
+  "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"
+          }
+        }
+      }
+    }
+  }
+}