Update foundation colors (#81)

* feat: update colors - closes #80 * changeset
green-labs · Nov 29, 2022 · 34a4950 · 34a4950
1 parent b0e73a1
commit 34a4950
Show file tree

Hide file tree

Showing 7 changed files with 254 additions and 249 deletions.
diff --git a/.changeset/forty-cougars-dream.md b/.changeset/forty-cougars-dream.md
@@ -0,0 +1,5 @@
+---
+"@greenlabs/formula-design-token": patch
+---
+
+update token colors
diff --git a/packages/design-token/dist/colorMap.js b/packages/design-token/dist/colorMap.js
@@ -16,10 +16,10 @@ export default {
   "gray-10A": "rgba(176, 179, 181, 0.12)",
   "green-5": "#EDFAF2",
   "green-10": "#DFF7EA",
-  "green-20": "#DCFAE0",
-  "green-30": "#A2F5B9",
-  "green-40": "#77E59D",
-  "green-50": "#38C776",
+  "green-20": "#CCF0DD",
+  "green-30": "#A4E0C1",
+  "green-40": "#74CF9D",
+  "green-50": "#5ABF86",
   "green-60": "#0BB25F",
   "green-70": "#009454",
   "green-80": "#037344",
@@ -29,10 +29,10 @@ export default {
   "green-10A": "rgba(11, 178, 95, 0.12)",
   "teal-5": "#F0FAF9",
   "teal-10": "#DFF7F5",
-  "teal-20": "#D7FAF7",
-  "teal-30": "#B0F5EF",
-  "teal-40": "#7BE8E3",
-  "teal-50": "#4CCFC2",
+  "teal-20": "#C7EDE4",
+  "teal-30": "#A4E0D5",
+  "teal-40": "#79D1C4",
+  "teal-50": "#56C2B7",
   "teal-60": "#00B5AC",
   "teal-70": "#009494",
   "teal-80": "#026E70",
@@ -42,10 +42,10 @@ export default {
   "teal-10A": "rgba(0, 181, 172, 0.12)",
   "lightblue-5": "#EFF7FC",
   "lightblue-10": "#E3F6FF",
-  "lightblue-20": "#D4F2FF",
-  "lightblue-30": "#ABE6FF",
-  "lightblue-40": "#83D7FF",
-  "lightblue-50": "#5AC6FA",
+  "lightblue-20": "#CAEAFA",
+  "lightblue-30": "#ADDCF7",
+  "lightblue-40": "#87CDF6",
+  "lightblue-50": "#68C3F7",
   "lightblue-60": "#2DB6F8",
   "lightblue-70": "#0090E0",
   "lightblue-80": "#0571AD",
@@ -55,10 +55,10 @@ export default {
   "lightblue-10A": "rgba(45, 182, 248, 0.12)",
   "blue-5": "#EFF3FC",
   "blue-10": "#E1ECFC",
-  "blue-20": "#D6E7FF",
-  "blue-30": "#B9CDFE",
-  "blue-40": "#91ABFA",
-  "blue-50": "#5B81F5",
+  "blue-20": "#D7E2F7",
+  "blue-30": "#B6CCF1",
+  "blue-40": "#8AAEF2",
+  "blue-50": "#618EE8",
   "blue-60": "#3B6DE3",
   "blue-70": "#2652C9",
   "blue-80": "#2446AB",
@@ -68,10 +68,10 @@ export default {
   "blue-10A": "rgba(59, 109, 227, 0.12)",
   "indigo-5": "#F2F2FC",
   "indigo-10": "#EEEDFC",
-  "indigo-20": "#E7E5FF",
-  "indigo-30": "#D0CCFF",
-  "indigo-40": "#A29EFC",
-  "indigo-50": "#7B77E8",
+  "indigo-20": "#DCDCF6",
+  "indigo-30": "#C6CBF1",
+  "indigo-40": "#A2AAF2",
+  "indigo-50": "#7582E5",
   "indigo-60": "#5C58E0",
   "indigo-70": "#5048BD",
   "indigo-80": "#3A36A8",
@@ -81,10 +81,10 @@ export default {
   "indigo-10A": "rgba(99, 94, 224, 0.12)",
   "purple-5": "#FAF4FC",
   "purple-10": "#F5EBFA",
-  "purple-20": "#F6E5FE",
-  "purple-30": "#EBC8FA",
-  "purple-40": "#DCA0F8",
-  "purple-50": "#BC79DB",
+  "purple-20": "#E8DEF6",
+  "purple-30": "#DDC7F2",
+  "purple-40": "#C79AE5",
+  "purple-50": "#BA78DF",
   "purple-60": "#AE56D6",
   "purple-70": "#912EBF",
   "purple-80": "#791DA3",
@@ -94,10 +94,10 @@ export default {
   "purple-10A": "rgba(174, 86, 214, 0.12)",
   "pink-5": "#FCF4FA",
   "pink-10": "#FCEBF6",
-  "pink-20": "#FFE0F7",
-  "pink-30": "#FFC9E4",
-  "pink-40": "#FF9FCF",
-  "pink-50": "#F078B3",
+  "pink-20": "#FADCF0",
+  "pink-30": "#F5C6E4",
+  "pink-40": "#F7A8D7",
+  "pink-50": "#F77EC0",
   "pink-60": "#F059A4",
   "pink-70": "#DB3985",
   "pink-80": "#C4236E",
@@ -106,37 +106,37 @@ export default {
   "pink-100": "#4D0033",
   "pink-10A": "rgba(240, 89, 164, 0.12)",
   "red-5": "#FCF4F4",
-  "red-10": "#FAE8E9",
-  "red-20": "#FFE8E8",
-  "red-30": "#FFCFD1",
-  "red-40": "#FF8F9A",
-  "red-50": "#E5606E",
+  "red-10": "#FDE7E9",
+  "red-20": "#FFDBDE",
+  "red-30": "#FFBAC1",
+  "red-40": "#FF99A0",
+  "red-50": "#F5626D",
   "red-60": "#ED394B",
   "red-70": "#CF1124",
   "red-80": "#B50719",
   "red-90": "#8F0007",
   "red-95": "#700000",
   "red-100": "#5C0505",
   "red-10A": "rgba(237, 57, 75, 0.12)",
-  "orange-5": "#FCF8F4",
-  "orange-10": "#FCF0E6",
-  "orange-20": "#FCECDE",
-  "orange-30": "#FFDDBD",
-  "orange-40": "#FFA680",
-  "orange-50": "#FC915B",
-  "orange-60": "#FF7A38",
-  "orange-70": "#E84A07",
-  "orange-80": "#B83904",
-  "orange-90": "#913000",
-  "orange-95": "#611F00",
-  "orange-100": "#4A1B00",
-  "orange-10A": "rgba(255, 122, 56, 0.12)",
+  "orange-5": "#FCF7F5",
+  "orange-10": "#FEEEE7",
+  "orange-20": "#FFE0D4",
+  "orange-30": "#FFCFBA",
+  "orange-40": "#FFA985",
+  "orange-50": "#FE8C5B",
+  "orange-60": "#F96E3B",
+  "orange-70": "#E84507",
+  "orange-80": "#B83704",
+  "orange-90": "#912B00",
+  "orange-95": "#632208",
+  "orange-100": "#4A1400",
+  "orange-10A": "rgba(254, 238, 231, 0.12)",
   "yellow-5": "#FCFBF2",
   "yellow-10": "#FCFAE5",
-  "yellow-20": "#FCF8D2",
+  "yellow-20": "#FCF7CF",
   "yellow-30": "#FEF39D",
-  "yellow-40": "#FFE87A",
-  "yellow-50": "#FEE156",
+  "yellow-40": "#F7EA88",
+  "yellow-50": "#FAE25E",
   "yellow-60": "#FEDA29",
   "yellow-70": "#F7CA00",
   "yellow-80": "#DE9B00",
@@ -158,7 +158,7 @@ export default {
   "inverse-container": "#1F2024",
   "inverse-container-contents": "white",
   "error-contents": "#CF1124",
-  "error-container": "#FAE8E9",
+  "error-container": "#FDE7E9",
   divider: "#F0F2F5",
   outline: "#DCDFE3",
   background: "white",

diff --git a/packages/design-token/dist/figma-tokens/ref.json b/packages/design-token/dist/figma-tokens/ref.json
@@ -20,10 +20,10 @@
     "green": {
       "5": { "value": "#EDFAF2", "type": "color" },
       "10": { "value": "#DFF7EA", "type": "color" },
-      "20": { "value": "#DCFAE0", "type": "color" },
-      "30": { "value": "#A2F5B9", "type": "color" },
-      "40": { "value": "#77E59D", "type": "color" },
-      "50": { "value": "#38C776", "type": "color" },
+      "20": { "value": "#CCF0DD", "type": "color" },
+      "30": { "value": "#A4E0C1", "type": "color" },
+      "40": { "value": "#74CF9D", "type": "color" },
+      "50": { "value": "#5ABF86", "type": "color" },
       "60": { "value": "#0BB25F", "type": "color" },
       "70": { "value": "#009454", "type": "color" },
       "80": { "value": "#037344", "type": "color" },
@@ -35,10 +35,10 @@
     "teal": {
       "5": { "value": "#F0FAF9", "type": "color" },
       "10": { "value": "#DFF7F5", "type": "color" },
-      "20": { "value": "#D7FAF7", "type": "color" },
-      "30": { "value": "#B0F5EF", "type": "color" },
-      "40": { "value": "#7BE8E3", "type": "color" },
-      "50": { "value": "#4CCFC2", "type": "color" },
+      "20": { "value": "#C7EDE4", "type": "color" },
+      "30": { "value": "#A4E0D5", "type": "color" },
+      "40": { "value": "#79D1C4", "type": "color" },
+      "50": { "value": "#56C2B7", "type": "color" },
       "60": { "value": "#00B5AC", "type": "color" },
       "70": { "value": "#009494", "type": "color" },
       "80": { "value": "#026E70", "type": "color" },
@@ -50,10 +50,10 @@
     "lightblue": {
       "5": { "value": "#EFF7FC", "type": "color" },
       "10": { "value": "#E3F6FF", "type": "color" },
-      "20": { "value": "#D4F2FF", "type": "color" },
-      "30": { "value": "#ABE6FF", "type": "color" },
-      "40": { "value": "#83D7FF", "type": "color" },
-      "50": { "value": "#5AC6FA", "type": "color" },
+      "20": { "value": "#CAEAFA", "type": "color" },
+      "30": { "value": "#ADDCF7", "type": "color" },
+      "40": { "value": "#87CDF6", "type": "color" },
+      "50": { "value": "#68C3F7", "type": "color" },
       "60": { "value": "#2DB6F8", "type": "color" },
       "70": { "value": "#0090E0", "type": "color" },
       "80": { "value": "#0571AD", "type": "color" },
@@ -65,10 +65,10 @@
     "blue": {
       "5": { "value": "#EFF3FC", "type": "color" },
       "10": { "value": "#E1ECFC", "type": "color" },
-      "20": { "value": "#D6E7FF", "type": "color" },
-      "30": { "value": "#B9CDFE", "type": "color" },
-      "40": { "value": "#91ABFA", "type": "color" },
-      "50": { "value": "#5B81F5", "type": "color" },
+      "20": { "value": "#D7E2F7", "type": "color" },
+      "30": { "value": "#B6CCF1", "type": "color" },
+      "40": { "value": "#8AAEF2", "type": "color" },
+      "50": { "value": "#618EE8", "type": "color" },
       "60": { "value": "#3B6DE3", "type": "color" },
       "70": { "value": "#2652C9", "type": "color" },
       "80": { "value": "#2446AB", "type": "color" },
@@ -80,10 +80,10 @@
     "indigo": {
       "5": { "value": "#F2F2FC", "type": "color" },
       "10": { "value": "#EEEDFC", "type": "color" },
-      "20": { "value": "#E7E5FF", "type": "color" },
-      "30": { "value": "#D0CCFF", "type": "color" },
-      "40": { "value": "#A29EFC", "type": "color" },
-      "50": { "value": "#7B77E8", "type": "color" },
+      "20": { "value": "#DCDCF6", "type": "color" },
+      "30": { "value": "#C6CBF1", "type": "color" },
+      "40": { "value": "#A2AAF2", "type": "color" },
+      "50": { "value": "#7582E5", "type": "color" },
       "60": { "value": "#5C58E0", "type": "color" },
       "70": { "value": "#5048BD", "type": "color" },
       "80": { "value": "#3A36A8", "type": "color" },
@@ -95,10 +95,10 @@
     "purple": {
       "5": { "value": "#FAF4FC", "type": "color" },
       "10": { "value": "#F5EBFA", "type": "color" },
-      "20": { "value": "#F6E5FE", "type": "color" },
-      "30": { "value": "#EBC8FA", "type": "color" },
-      "40": { "value": "#DCA0F8", "type": "color" },
-      "50": { "value": "#BC79DB", "type": "color" },
+      "20": { "value": "#E8DEF6", "type": "color" },
+      "30": { "value": "#DDC7F2", "type": "color" },
+      "40": { "value": "#C79AE5", "type": "color" },
+      "50": { "value": "#BA78DF", "type": "color" },
       "60": { "value": "#AE56D6", "type": "color" },
       "70": { "value": "#912EBF", "type": "color" },
       "80": { "value": "#791DA3", "type": "color" },
@@ -110,10 +110,10 @@
     "pink": {
       "5": { "value": "#FCF4FA", "type": "color" },
       "10": { "value": "#FCEBF6", "type": "color" },
-      "20": { "value": "#FFE0F7", "type": "color" },
-      "30": { "value": "#FFC9E4", "type": "color" },
-      "40": { "value": "#FF9FCF", "type": "color" },
-      "50": { "value": "#F078B3", "type": "color" },
+      "20": { "value": "#FADCF0", "type": "color" },
+      "30": { "value": "#F5C6E4", "type": "color" },
+      "40": { "value": "#F7A8D7", "type": "color" },
+      "50": { "value": "#F77EC0", "type": "color" },
       "60": { "value": "#F059A4", "type": "color" },
       "70": { "value": "#DB3985", "type": "color" },
       "80": { "value": "#C4236E", "type": "color" },
@@ -124,11 +124,11 @@
     },
     "red": {
       "5": { "value": "#FCF4F4", "type": "color" },
-      "10": { "value": "#FAE8E9", "type": "color" },
-      "20": { "value": "#FFE8E8", "type": "color" },
-      "30": { "value": "#FFCFD1", "type": "color" },
-      "40": { "value": "#FF8F9A", "type": "color" },
-      "50": { "value": "#E5606E", "type": "color" },
+      "10": { "value": "#FDE7E9", "type": "color" },
+      "20": { "value": "#FFDBDE", "type": "color" },
+      "30": { "value": "#FFBAC1", "type": "color" },
+      "40": { "value": "#FF99A0", "type": "color" },
+      "50": { "value": "#F5626D", "type": "color" },
       "60": { "value": "#ED394B", "type": "color" },
       "70": { "value": "#CF1124", "type": "color" },
       "80": { "value": "#B50719", "type": "color" },
@@ -138,27 +138,27 @@
       "10A": { "value": "rgba(237, 57, 75, 0.12)", "type": "color" }
     },
     "orange": {
-      "5": { "value": "#FCF8F4", "type": "color" },
-      "10": { "value": "#FCF0E6", "type": "color" },
-      "20": { "value": "#FCECDE", "type": "color" },
-      "30": { "value": "#FFDDBD", "type": "color" },
-      "40": { "value": "#FFA680", "type": "color" },
-      "50": { "value": "#FC915B", "type": "color" },
-      "60": { "value": "#FF7A38", "type": "color" },
-      "70": { "value": "#E84A07", "type": "color" },
-      "80": { "value": "#B83904", "type": "color" },
-      "90": { "value": "#913000", "type": "color" },
-      "95": { "value": "#611F00", "type": "color" },
-      "100": { "value": "#4A1B00", "type": "color" },
-      "10A": { "value": "rgba(255, 122, 56, 0.12)", "type": "color" }
+      "5": { "value": "#FCF7F5", "type": "color" },
+      "10": { "value": "#FEEEE7", "type": "color" },
+      "20": { "value": "#FFE0D4", "type": "color" },
+      "30": { "value": "#FFCFBA", "type": "color" },
+      "40": { "value": "#FFA985", "type": "color" },
+      "50": { "value": "#FE8C5B", "type": "color" },
+      "60": { "value": "#F96E3B", "type": "color" },
+      "70": { "value": "#E84507", "type": "color" },
+      "80": { "value": "#B83704", "type": "color" },
+      "90": { "value": "#912B00", "type": "color" },
+      "95": { "value": "#632208", "type": "color" },
+      "100": { "value": "#4A1400", "type": "color" },
+      "10A": { "value": "rgba(254, 238, 231, 0.12)", "type": "color" }
     },
     "yellow": {
       "5": { "value": "#FCFBF2", "type": "color" },
       "10": { "value": "#FCFAE5", "type": "color" },
-      "20": { "value": "#FCF8D2", "type": "color" },
+      "20": { "value": "#FCF7CF", "type": "color" },
       "30": { "value": "#FEF39D", "type": "color" },
-      "40": { "value": "#FFE87A", "type": "color" },
-      "50": { "value": "#FEE156", "type": "color" },
+      "40": { "value": "#F7EA88", "type": "color" },
+      "50": { "value": "#FAE25E", "type": "color" },
       "60": { "value": "#FEDA29", "type": "color" },
       "70": { "value": "#F7CA00", "type": "color" },
       "80": { "value": "#DE9B00", "type": "color" },

diff --git a/packages/design-token/dist/figma-tokens/sys.json b/packages/design-token/dist/figma-tokens/sys.json
@@ -16,7 +16,7 @@
     "neutral-secondary": { "value": "#F0F2F5", "type": "color" },
     "neutral-tertiary": { "value": "#F7F8FA", "type": "color" },
     "inverse": { "value": "#1F2024", "type": "color" },
-    "error": { "value": "#FAE8E9", "type": "color" },
+    "error": { "value": "#FDE7E9", "type": "color" },
     "divider": { "value": "#F0F2F5", "type": "color" },
     "outline": { "value": "#DCDFE3", "type": "color" },
     "background": { "value": "white", "type": "color" }