@primer/primitives 7.10.0-rc.ff1c1d9 → 7.10.0

package/build.js

@@ -488,7 +488,7 @@ function _init() {
   const outputPath = 'tokens-v2-private'
   //build all tokens
   buildPrimitives({
-    source: [`tokens/**/*.json`, `!tokens/**/size-*.json`],
+    source: [`tokens/**/*.json`, `!tokens/**/size-*.json`, `!tokens/**/color/*.json`],
     outputPath
   })
 
@@ -547,7 +547,7 @@ function _init() {
 
   //build docs data
   buildPrimitives({
-    source: [`tokens/**/*.json`],
+    source: [`tokens/**/*.json`, `!tokens/**/color/*.json`],
     outputPath,
     platforms: {
       docs: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.10.0-rc.ff1c1d9",
+  "version": "7.10.0",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -28,13 +28,14 @@
   "scripts": {
     "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,json}'",
+    "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",
     "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'"
   },
@@ -52,6 +53,7 @@
     "@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",
@@ -75,14 +77,16 @@
     "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"
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/base/color/dark.json

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