feat(dataViz): add bar, line and donut colour tokens for graphs

Author: ljemmo

data/tokens/$themes.json

@@ -648,6 +648,7 @@
       "mode.color.colorcode.purple.muted": "e5e088b4797b1e4d4176bdaaf4ae0251f712f520",
       "mode.color.colorcode.slate.deep": "1a94d4588ed0aec01b883c7c7203c9c6851893fc",
       "mode.color.colorcode.slate.muted": "ef2f2ee5a4501237685549361d422b1c0d4f0647",
+      "mode.color.colorcode.gray.severe": "160404ca5b67950e1b94bdef13bf01a31dd90710",
       "mode.color.colorcode.gray.deep": "474e5697721aefef7a5c2958f930de30dde00201",
       "mode.color.colorcode.gray.muted": "f4562068ef38b47f36f9f613a48febe022c82411",
       "mode.color.generic.bg.nought": "5deaa19629fa6b9828bf8b7bbd88a604bc36cfcc",
@@ -916,8 +917,7 @@
       "mode.color.status.positive.inverse.default": "a5319c2f931a7874476dbdaefe52c83ee7c6652e",
       "mode.color.status.positive.inverse.defaultAlt": "1f8a4aea45ece970646752654d6aee0c7d9db0dd",
       "mode.color.status.positive.inverse.hover": "cbd7b89913dd2f87278715294ea70b5e6f34acef",
-      "mode.color.status.positive.inverse.hoverAlt": "d6357d283704592231c591976cebf0c95e517358",
-      "mode.color.generic.txt.inverse.faint-copy": "f3bb6fac2c08eda74d3f43e539238eacbad1c462"
+      "mode.color.status.positive.inverse.hoverAlt": "d6357d283704592231c591976cebf0c95e517358"
     },
     "group": "Mode"
   },
@@ -969,6 +969,7 @@
       "mode.color.colorcode.purple.muted": "e5e088b4797b1e4d4176bdaaf4ae0251f712f520",
       "mode.color.colorcode.slate.deep": "1a94d4588ed0aec01b883c7c7203c9c6851893fc",
       "mode.color.colorcode.slate.muted": "ef2f2ee5a4501237685549361d422b1c0d4f0647",
+      "mode.color.colorcode.gray.severe": "160404ca5b67950e1b94bdef13bf01a31dd90710",
       "mode.color.colorcode.gray.deep": "474e5697721aefef7a5c2958f930de30dde00201",
       "mode.color.colorcode.gray.muted": "f4562068ef38b47f36f9f613a48febe022c82411",
       "mode.color.generic.bg.nought": "5deaa19629fa6b9828bf8b7bbd88a604bc36cfcc",
@@ -1632,27 +1633,27 @@
       "profile.font.heading.L": "S:49909a7dd4eba640bd481f51680f4e12dd0f0048,",
       "profile.font.heading.XL": "S:0194729770576128e06c82068bd442b567817681,",
       "profile.font.heading.XXL": "S:200c6d8ee3d21aa1c1586b7fa391c4c2e4e8d231,",
-      "profile.font.fluid.initials.XS": "S:ce6c9fff2f2752a2123ea8fd1041b3e0d08c4d1d,",
-      "profile.font.fluid.initials.S": "S:76bd4c3eb287eba6627b13447457554d37299caf,",
-      "profile.font.fluid.initials.M": "S:e955ca2d66a57ea6b7446648225c765a38f071b2,",
-      "profile.font.fluid.initials.ML": "S:4327fced54d7dd8f328450639cf5792ae57ad9e0,",
-      "profile.font.fluid.initials.L": "S:39c306ba07aa972a7c721fd76753b0943cda0392,",
-      "profile.font.fluid.initials.XL": "S:21c189b86d87d75f518745a853e15fe22799313d,",
-      "profile.font.fluid.initials.XXL": "S:b227e9bbd95303a83a3851f5eeabcbbafe90c42e,",
-      "profile.font.fluid.def.XS": "S:fa422ed7cccd08c5d029898dc2961aa238a69c22,",
-      "profile.font.fluid.def.S": "S:81d73c434d05201634efe463b19817da85d948c7,",
-      "profile.font.fluid.def.M": "S:ff9eaea9a437e5ee87a510319980c3eb522c5166,",
-      "profile.font.fluid.def.ML": "S:e32d9898bd1b8dc6bcf3b0f1658404dace9a5752,",
-      "profile.font.fluid.def.L": "S:57f6e3f94f5209424de75c15a463a6659e1a9c59,",
-      "profile.font.fluid.def.XL": "S:19fca8ae2b1c9b2aa58e3e72010a9ce7461d1bb3,",
-      "profile.font.fluid.def.XXL": "S:6f269e295324d2efae4991217771bac8818b6bc5,",
-      "profile.font.fluid.heading.XS": "S:edef8a1110d0d12c5211edb5e027820f16b3ebdc,",
-      "profile.font.fluid.heading.S": "S:b3d5e2296ab61b1d794627705d6911919a757f6a,",
-      "profile.font.fluid.heading.M": "S:c0d3e517035f40b4eee2c97ffd7cff4c4ca08127,",
-      "profile.font.fluid.heading.ML": "S:26bc0db879fcb833b486af109fe45fd57d889644,",
-      "profile.font.fluid.heading.L": "S:cb968c288e03058f9a149261a494296227b20964,",
-      "profile.font.fluid.heading.XL": "S:0bed7b42efc2a4080b61406735db35d93a04093c,",
-      "profile.font.fluid.heading.XXL": "S:b6d818327cdac02cc0774876f7c268f43f8185e8,"
+      "profile.font.fluid.initials.XS": "S:7256b25ff7044a28f8e80818208e2fb23657a02b,",
+      "profile.font.fluid.initials.S": "S:148d725f8dfa2eb4edac5e1bc270274a80401c3a,",
+      "profile.font.fluid.initials.M": "S:9e379269e9c492aa279cc44f6461633a4ead122c,",
+      "profile.font.fluid.initials.ML": "S:df6807e32e79f1fb4a9e0baec0ed37b73de920c1,",
+      "profile.font.fluid.initials.L": "S:32a41cfb04805e3566dc71096564f914511c9065,",
+      "profile.font.fluid.initials.XL": "S:c3c0b9a7e4b483918b3ad1a954e77f909e54f683,",
+      "profile.font.fluid.initials.XXL": "S:25de64685e5ddb660df936f1c2253c56d6a11bae,",
+      "profile.font.fluid.def.XS": "S:b3b9198601641a03dc2b9ae789cbc2358cd0750f,",
+      "profile.font.fluid.def.S": "S:778da4be6da32f2938832bf96f1ed2bab6f984ee,",
+      "profile.font.fluid.def.M": "S:aefeb44b9e95db53f5635ab36e5378a969d616a8,",
+      "profile.font.fluid.def.ML": "S:3bb5bd4840ecb8159a5b766a483c709eef2ccaed,",
+      "profile.font.fluid.def.L": "S:177253e96f4bc882e00447387b752296ec20dec0,",
+      "profile.font.fluid.def.XL": "S:d849a0ac181046ceefb7299110b746f9619d1716,",
+      "profile.font.fluid.def.XXL": "S:21d61496f5189aeaf7d687a216ae87d8942eb351,",
+      "profile.font.fluid.heading.XS": "S:72f5b3bed57dd100507ca47838ae3178bc6a7aed,",
+      "profile.font.fluid.heading.S": "S:4fe23abf64e7651067ec3fd8ddba5ddc19f77468,",
+      "profile.font.fluid.heading.M": "S:b9d31cb51d19da05131fc15a81a97eb531b85fcf,",
+      "profile.font.fluid.heading.ML": "S:077d8e4364aaf3797f864a602c4cea2068211276,",
+      "profile.font.fluid.heading.L": "S:2e4f8c5c4c804b23366b3b0136f9c217b7514a42,",
+      "profile.font.fluid.heading.XL": "S:aa67adbaf47e67cb41027761528d59295c28243e,",
+      "profile.font.fluid.heading.XXL": "S:391bc385ccecda5a3399b220d72ab024f4a4dce2,"
     },
     "selectedTokenSets": {
       "global/borderwidth": "source",
@@ -1888,6 +1889,32 @@
       "container.size.sidebar.maxW.S": "8462a9ae7ae8f9788129b907b72da43196634c4c",
       "container.size.sidebar.maxW.M": "edd092eaf34f498833a8ceceab2807d262bc3736",
       "container.size.sidebar.minW": "ac7e3b7e16626084038d1ce03ca6bc76f1d78d2a",
+      "dataviz.chart.line.bg-default": "83aff90ebd286eb0e7125e0b1e043ba64714c64d",
+      "dataviz.chart.line.border": "5def32c60090d248f3e4dac888c19cecff5863af",
+      "dataviz.chart.bar.gray.bg-alt": "f821bbd4e90033a3102d0236c0647c14950a1b46",
+      "dataviz.chart.bar.gray.bg-default": "b954bc4c30b7ad851b96fc3834738e4164fe1f57",
+      "dataviz.chart.bar.gray.border": "f14acaedd8c0279b97cd2dd44922782df4156005",
+      "dataviz.chart.bar.gray.pattern": "2431cc63a5d7f51f895682c52f2cf8c26047ccf9",
+      "dataviz.chart.bar.green.bg-alt": "2167f7afd5f47b541838315d2ccc7268ddb9d786",
+      "dataviz.chart.bar.green.bg-default": "6a576d359b32074915f0a24f35b44733754f8bf6",
+      "dataviz.chart.bar.green.border": "acd0a6eafb374b8908165a8ff721eba8b57e3a30",
+      "dataviz.chart.bar.green.pattern": "51844e46711c152a4983480094f84d9907792be7",
+      "dataviz.chart.bar.orange.bg-alt": "b2472798c85d2f95b5f615b33f3dff555c88a1a0",
+      "dataviz.chart.bar.orange.bg-default": "2bd00d4f3e3affa006b8c9a8aed08341c81badc2",
+      "dataviz.chart.bar.orange.border": "4fa9226621581e71bf9b69042a641f4b8eee9ab3",
+      "dataviz.chart.bar.orange.pattern": "6174df4d6b04a40df25fa9f5be4bf4c5532b430d",
+      "dataviz.chart.donut.gray.bg-alt": "ad2ddce718ba2ad748acffa736af6414c8c12986",
+      "dataviz.chart.donut.gray.bg-default": "a9eefce31944e06c156754726896fa4b9cc085c5",
+      "dataviz.chart.donut.gray.border": "a5fdbd2e35c563e64374388d1590657c4236142b",
+      "dataviz.chart.donut.gray.pattern": "3e7f68f630fb6be6ab81b9ffa92dadcac41ac790",
+      "dataviz.chart.donut.green.bg-alt": "8b5855a4830e5c7f62df360208ccc6bd779a1606",
+      "dataviz.chart.donut.green.bg-default": "8dd3b6f885c6dbcd877dd36e3d51e0bba76adfaa",
+      "dataviz.chart.donut.green.border": "804de1570feae3c6a6dc8b6aea3292db6c49dc78",
+      "dataviz.chart.donut.green.pattern": "2bdd0cdf0c92148692919e7c1e2adea24562ea50",
+      "dataviz.chart.donut.orange.bg-alt": "9adc1109ac9b0c0b82e60823eeeb1154bb7083a3",
+      "dataviz.chart.donut.orange.bg-default": "010860e4f574847d296bd0417c0299a4dab58324",
+      "dataviz.chart.donut.orange.border": "b0deca5531c3f46727d738ce839e061d0f2809a5",
+      "dataviz.chart.donut.orange.pattern": "5434ac6ab4484d308769b903699a1b71b5dd4eeb",
       "dataviz.generic.label-alt": "6d1ad614eedde5e182560b0533b901632b3ca452",
       "dataviz.generic.label-default": "9adf8eeec6371180d7774743dbf4191a0cf19225",
       "dataviz.generic.blue.bg-alt": "cc27ee6d242972338103419c546b727f2f7c4107",
@@ -2250,6 +2277,16 @@
       "pill.green.inverse.bgAlt-hover": "7ebf9f3d2859d271774be23eae411df33ad4a7d5",
       "pill.green.inverse.bg-hover": "71d130a72e21f641f281185fffd0c66fbd410496",
       "pill.green.inverse.border-default": "048029b040c0cfee0eeeac92ba547645159abcc5",
+      "pill.gray.bg-default": "5f620258498d869074b3a59977f1925046686e50",
+      "pill.gray.bgAlt-default": "4d458928a5a14c06e6e75474898433bb987d8b8d",
+      "pill.gray.bgAlt-hover": "13a9def6b7ab8ede32e3d639228cba5533ce1467",
+      "pill.gray.bg-hover": "8fdbdcce23319b8217afd64e3250f0c50ddad10e",
+      "pill.gray.border-default": "8554fcc16b9b7e018da230428eef0ec8ce13632e",
+      "pill.gray.inverse.bg-default": "86fa40da5ea4d3a64122f1173c39d5a3c6b628c8",
+      "pill.gray.inverse.bgAlt-default": "f1a2a0b2dbcc82170abe4ab65908b38037dfbe73",
+      "pill.gray.inverse.bgAlt-hover": "65e21e3523ff8af045d7b114eef28373a5eb3580",
+      "pill.gray.inverse.bg-hover": "196a07aefd92a818e93d7e2fd5c7a8bb5b92e988",
+      "pill.gray.inverse.border-default": "722d3f12ae4e424eab0efe6a35e955d0da410658",
       "pill.lime.bg-default": "56903c04334b83844793c93629bfff30ce1935f7",
       "pill.lime.bgAlt-default": "e60caa1e2d06ef66c86758c1885ae5273d21dee0",
       "pill.lime.bgAlt-hover": "9aa41aa1d5b15599cf8b5487f96a58f3269b1d49",
@@ -2427,17 +2464,7 @@
       "table.row.label-selected": "8f04cb5f201de5de7455165417ad46be1122e1e8",
       "table.footer.bg-default": "809d1b8933636d3f4dd0a28c9d5359f7e781a17d",
       "table.footer.border-default": "7a8c88ae2ff3ed102db7714bb259be1c726ba032",
-      "table.footer.label-default": "c498033ed62c4ca930da89a73df6dfc8ea4a4215",
-      "pill.gray.bg-default": "5f620258498d869074b3a59977f1925046686e50",
-      "pill.gray.bgAlt-default": "4d458928a5a14c06e6e75474898433bb987d8b8d",
-      "pill.gray.bgAlt-hover": "13a9def6b7ab8ede32e3d639228cba5533ce1467",
-      "pill.gray.bg-hover": "8fdbdcce23319b8217afd64e3250f0c50ddad10e",
-      "pill.gray.border-default": "8554fcc16b9b7e018da230428eef0ec8ce13632e",
-      "pill.gray.inverse.bg-default": "86fa40da5ea4d3a64122f1173c39d5a3c6b628c8",
-      "pill.gray.inverse.bgAlt-default": "f1a2a0b2dbcc82170abe4ab65908b38037dfbe73",
-      "pill.gray.inverse.bgAlt-hover": "65e21e3523ff8af045d7b114eef28373a5eb3580",
-      "pill.gray.inverse.bg-hover": "196a07aefd92a818e93d7e2fd5c7a8bb5b92e988",
-      "pill.gray.inverse.border-default": "722d3f12ae4e424eab0efe6a35e955d0da410658"
+      "table.footer.label-default": "c498033ed62c4ca930da89a73df6dfc8ea4a4215"
     },
     "group": "Components"
   }

data/tokens/components/dataviz.json

@@ -1,5 +1,129 @@
 {
   "dataviz": {
+    "chart": {
+      "line": {
+        "bg-default": {
+          "$type": "color",
+          "$value": "{mode.color.colorcode.green.deep}"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{mode.color.colorcode.green.deep}"
+        }
+      },
+      "bar": {
+        "gray": {
+          "bg-alt": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.gray.muted}"
+          },
+          "bg-default": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.gray.severe}"
+          },
+          "border": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.gray.severe}"
+          },
+          "pattern": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.gray.severe}"
+          }
+        },
+        "green": {
+          "bg-alt": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.green.muted}"
+          },
+          "bg-default": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.green.deep}"
+          },
+          "border": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.green.deep}"
+          },
+          "pattern": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.green.deep}"
+          }
+        },
+        "orange": {
+          "bg-alt": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.orange.muted}"
+          },
+          "bg-default": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.orange.deep}"
+          },
+          "border": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.orange.deep}"
+          },
+          "pattern": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.orange.deep}"
+          }
+        }
+      },
+      "donut": {
+        "gray": {
+          "bg-alt": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.gray.muted}"
+          },
+          "bg-default": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.gray.severe}"
+          },
+          "border": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.gray.severe}"
+          },
+          "pattern": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.gray.severe}"
+          }
+        },
+        "green": {
+          "bg-alt": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.green.muted}"
+          },
+          "bg-default": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.green.deep}"
+          },
+          "border": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.green.deep}"
+          },
+          "pattern": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.green.deep}"
+          }
+        },
+        "orange": {
+          "bg-alt": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.orange.muted}"
+          },
+          "bg-default": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.orange.deep}"
+          },
+          "border": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.orange.deep}"
+          },
+          "pattern": {
+            "$type": "color",
+            "$value": "{mode.color.colorcode.orange.deep}"
+          }
+        }
+      }
+    },
     "generic": {
       "label-alt": {
         "$type": "color",

data/tokens/mode/dark.json

@@ -191,13 +191,17 @@
           }
         },
         "gray": {
+          "severe": {
+            "$type": "color",
+            "$value": "{core.color.storm.10}"
+          },
           "deep": {
             "$type": "color",
-            "$value": "{core.color.smoke.40}"
+            "$value": "{core.color.storm.40}"
           },
           "muted": {
             "$type": "color",
-            "$value": "{core.color.smoke.90}"
+            "$value": "{core.color.storm.95}"
           }
         }
       },

data/tokens/mode/light.json

@@ -191,13 +191,17 @@
           }
         },
         "gray": {
+          "severe": {
+            "$type": "color",
+            "$value": "{core.color.storm.90}"
+          },
           "deep": {
             "$type": "color",
-            "$value": "{core.color.smoke.60}"
+            "$value": "{core.color.storm.65}"
           },
           "muted": {
             "$type": "color",
-            "$value": "{core.color.smoke.10}"
+            "$value": "{core.color.storm.10}"
           }
         }
       },
@@ -496,20 +500,6 @@
               "$description": "accessible OBJECT against white."
             },
             "faint": {
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.3",
-                    "space": "lch"
-                  }
-                }
-              },
-              "$type": "color",
-              "$value": "{mode.color.generic.txt.inverse.extreme}",
-              "$description": "Used for disabled txt"
-            },
-            "faint-copy": {
               "$extensions": {
                 "studio.tokens": {
                   "modify": {