feat(repo): add data color tokens and brand page lockups

.changeset/data-colors.md

@@ -0,0 +1,9 @@
+---
+"@monospaced/set-system": minor
+"@monospaced/set-tokens": minor
+---
+
+Add a ten-slot `color.data.00`–`09` semantic palette to the mnsp brand
+for categorical data visualisation, with values for the default and
+brand contexts in both light and dark themes. Rebuilt system/tokens
+dist artifacts and the config catalog included.

apps/documentation/src/styles/docs.css

@@ -473,7 +473,6 @@ html {
     display: grid;
     gap: var(--set-spacing-vertical-300) var(--set-spacing-horizontal-300);
     grid-template-columns: 1fr;
-    max-inline-size: 80rem;
 
     @media (width >=40em) {
       grid-template-columns: 1fr 1fr;

docs/PLANNING.md

@@ -8,12 +8,15 @@ What we're working on now.
 
 ### Complete Brand page
 
-- semantic/data colours
-- adaptive treatment
-- iconography
-- digital applications
 - embroidered emblem
 
+#### Remove
+
+1920 adaptive SVG
+1280 scan webp
+960 scan webp
+1280 still PNG
+
 ## Next
 
 What we could be working on next.

packages/system/src/mnsp/semantic/color/theme/dark/brand.tokens.json

@@ -252,5 +252,37 @@
     "09": {
       "$value": "{primitive.color.orange.400}"
     }
+  },
+  "data": {
+    "00": {
+      "$value": "{primitive.color.cyan.600}"
+    },
+    "01": {
+      "$value": "{primitive.color.rose.700}"
+    },
+    "02": {
+      "$value": "{primitive.color.azure.400}"
+    },
+    "03": {
+      "$value": "{primitive.color.orange.700}"
+    },
+    "04": {
+      "$value": "{primitive.color.blue.600}"
+    },
+    "05": {
+      "$value": "{primitive.color.red.400}"
+    },
+    "06": {
+      "$value": "{primitive.color.chartreuse.600}"
+    },
+    "07": {
+      "$value": "{primitive.color.violet.700}"
+    },
+    "08": {
+      "$value": "{primitive.color.yellow.400}"
+    },
+    "09": {
+      "$value": "{primitive.color.magenta.600}"
+    }
   }
 }

packages/system/src/mnsp/semantic/color/theme/dark/default.tokens.json

@@ -252,5 +252,37 @@
     "09": {
       "$value": "{primitive.color.orange.400}"
     }
+  },
+  "data": {
+    "00": {
+      "$value": "{primitive.color.cyan.600}"
+    },
+    "01": {
+      "$value": "{primitive.color.rose.800}"
+    },
+    "02": {
+      "$value": "{primitive.color.azure.400}"
+    },
+    "03": {
+      "$value": "{primitive.color.orange.800}"
+    },
+    "04": {
+      "$value": "{primitive.color.blue.600}"
+    },
+    "05": {
+      "$value": "{primitive.color.red.400}"
+    },
+    "06": {
+      "$value": "{primitive.color.chartreuse.600}"
+    },
+    "07": {
+      "$value": "{primitive.color.violet.800}"
+    },
+    "08": {
+      "$value": "{primitive.color.yellow.400}"
+    },
+    "09": {
+      "$value": "{primitive.color.magenta.600}"
+    }
   }
 }

packages/system/src/mnsp/semantic/color/theme/light/brand.tokens.json

@@ -252,5 +252,37 @@
     "09": {
       "$value": "{primitive.color.orange.1100}"
     }
+  },
+  "data": {
+    "00": {
+      "$value": "{primitive.color.cyan.800}"
+    },
+    "01": {
+      "$value": "{primitive.color.rose.700}"
+    },
+    "02": {
+      "$value": "{primitive.color.azure.900}"
+    },
+    "03": {
+      "$value": "{primitive.color.orange.700}"
+    },
+    "04": {
+      "$value": "{primitive.color.blue.1100}"
+    },
+    "05": {
+      "$value": "{primitive.color.red.900}"
+    },
+    "06": {
+      "$value": "{primitive.color.chartreuse.1000}"
+    },
+    "07": {
+      "$value": "{primitive.color.violet.700}"
+    },
+    "08": {
+      "$value": "{primitive.color.yellow.900}"
+    },
+    "09": {
+      "$value": "{primitive.color.magenta.1100}"
+    }
   }
 }

packages/system/src/mnsp/semantic/color/theme/light/default.tokens.json

@@ -324,5 +324,47 @@
       "$description": "Avatar palette slot 09.",
       "$value": "{primitive.color.orange.1100}"
     }
+  },
+  "data": {
+    "00": {
+      "$description": "Data palette slot 00. The first categorical series color for charts and data visualisation. Slots 00–09 provide an ordered palette of distinguishable series colors, assigned in sequence.",
+      "$value": "{primitive.color.cyan.800}"
+    },
+    "01": {
+      "$description": "Data palette slot 01.",
+      "$value": "{primitive.color.rose.700}"
+    },
+    "02": {
+      "$description": "Data palette slot 02.",
+      "$value": "{primitive.color.azure.900}"
+    },
+    "03": {
+      "$description": "Data palette slot 03.",
+      "$value": "{primitive.color.orange.700}"
+    },
+    "04": {
+      "$description": "Data palette slot 04.",
+      "$value": "{primitive.color.blue.1100}"
+    },
+    "05": {
+      "$description": "Data palette slot 05.",
+      "$value": "{primitive.color.red.900}"
+    },
+    "06": {
+      "$description": "Data palette slot 06.",
+      "$value": "{primitive.color.chartreuse.1000}"
+    },
+    "07": {
+      "$description": "Data palette slot 07.",
+      "$value": "{primitive.color.violet.700}"
+    },
+    "08": {
+      "$description": "Data palette slot 08.",
+      "$value": "{primitive.color.yellow.900}"
+    },
+    "09": {
+      "$description": "Data palette slot 09.",
+      "$value": "{primitive.color.magenta.1100}"
+    }
   }
 }