npm - @atlaskit/tokens - Versions diffs - 0.10.24 → 0.10.26 - Mend

@atlaskit/tokens 0.10.24 → 0.10.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (104) hide show

package/dist/cjs/artifacts/tokens-raw/atlassian-light.js CHANGED Viewed

@@ -7,7 +7,7 @@ exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3e1535e99114e3ceefa050ae548283a1>>
+ * @codegen <<SignedSource::47205df5ad0c00f62bcd307009504921>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -27,7 +27,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for blue text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "B800"
+    "value": "Blue800"
   },
   "name": "color.text.accent.blue.[default]",
   "path": ["color", "text", "accent", "blue", "[default]"]
@@ -48,7 +48,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use on bold blue accent backgrounds."
     },
-    "value": "B900"
+    "value": "Blue900"
   },
   "name": "color.text.accent.blue.bolder",
   "path": ["color", "text", "accent", "blue", "bolder"]
@@ -69,7 +69,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for red text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "R800"
+    "value": "Red800"
   },
   "name": "color.text.accent.red.[default]",
   "path": ["color", "text", "accent", "red", "[default]"]
@@ -90,7 +90,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use on bold red accent backgrounds."
     },
-    "value": "R900"
+    "value": "Red900"
   },
   "name": "color.text.accent.red.bolder",
   "path": ["color", "text", "accent", "red", "bolder"]
@@ -111,7 +111,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for orange text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "O800"
+    "value": "Orange800"
   },
   "name": "color.text.accent.orange.[default]",
   "path": ["color", "text", "accent", "orange", "[default]"]
@@ -132,7 +132,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use on bold orange accent backgrounds."
     },
-    "value": "O900"
+    "value": "Orange900"
   },
   "name": "color.text.accent.orange.bolder",
   "path": ["color", "text", "accent", "orange", "bolder"]
@@ -153,7 +153,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for yellow text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "Y800"
+    "value": "Yellow800"
   },
   "name": "color.text.accent.yellow.[default]",
   "path": ["color", "text", "accent", "yellow", "[default]"]
@@ -174,7 +174,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use on bold yellow accent backgrounds."
     },
-    "value": "Y900"
+    "value": "Yellow900"
   },
   "name": "color.text.accent.yellow.bolder",
   "path": ["color", "text", "accent", "yellow", "bolder"]
@@ -195,7 +195,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for green text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "G800"
+    "value": "Green800"
   },
   "name": "color.text.accent.green.[default]",
   "path": ["color", "text", "accent", "green", "[default]"]
@@ -216,7 +216,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use on bold green accent backgrounds."
     },
-    "value": "G900"
+    "value": "Green900"
   },
   "name": "color.text.accent.green.bolder",
   "path": ["color", "text", "accent", "green", "bolder"]
@@ -237,7 +237,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for purple text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "P800"
+    "value": "Purple800"
   },
   "name": "color.text.accent.purple.[default]",
   "path": ["color", "text", "accent", "purple", "[default]"]
@@ -258,7 +258,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use on bold purple accent backgrounds."
     },
-    "value": "P900"
+    "value": "Purple900"
   },
   "name": "color.text.accent.purple.bolder",
   "path": ["color", "text", "accent", "purple", "bolder"]
@@ -279,7 +279,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for teal text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "T800"
+    "value": "Teal800"
   },
   "name": "color.text.accent.teal.[default]",
   "path": ["color", "text", "accent", "teal", "[default]"]
@@ -300,7 +300,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use on bold teal accent backgrounds."
     },
-    "value": "T900"
+    "value": "Teal900"
   },
   "name": "color.text.accent.teal.bolder",
   "path": ["color", "text", "accent", "teal", "bolder"]
@@ -321,7 +321,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for magenta text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "M800"
+    "value": "Magenta800"
   },
   "name": "color.text.accent.magenta.[default]",
   "path": ["color", "text", "accent", "magenta", "[default]"]
@@ -342,7 +342,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use on bold magenta accent backgrounds."
     },
-    "value": "M900"
+    "value": "Magenta900"
   },
   "name": "color.text.accent.magenta.bolder",
   "path": ["color", "text", "accent", "magenta", "bolder"]
@@ -363,7 +363,7 @@ var tokens = [{
       "introduced": "0.10.5",
       "description": "Use for text on non-bold gray accent backgrounds, such as colored tags."
     },
-    "value": "N800"
+    "value": "Neutral800"
   },
   "name": "color.text.accent.gray.[default]",
   "path": ["color", "text", "accent", "gray", "[default]"]
@@ -384,7 +384,7 @@ var tokens = [{
       "introduced": "0.10.5",
       "description": "Use for text and icons on gray subtle accent backgrounds."
     },
-    "value": "N1000"
+    "value": "Neutral1000"
   },
   "name": "color.text.accent.gray.bolder",
   "path": ["color", "text", "accent", "gray", "bolder"]
@@ -405,7 +405,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
     },
-    "value": "N1000"
+    "value": "Neutral1000"
   },
   "name": "color.text.[default]",
   "path": ["color", "text", "[default]"]
@@ -426,7 +426,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings."
     },
-    "value": "N800"
+    "value": "Neutral800"
   },
   "name": "color.text.subtle",
   "path": ["color", "text", "subtle"]
@@ -447,7 +447,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
     },
-    "value": "N700"
+    "value": "Neutral700"
   },
   "name": "color.text.subtlest",
   "path": ["color", "text", "subtlest"]
@@ -468,7 +468,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for text in a disabled state."
     },
-    "value": "N400A"
+    "value": "Neutral400A"
   },
   "name": "color.text.disabled",
   "path": ["color", "text", "disabled"]
@@ -489,7 +489,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for text on bold backgrounds."
     },
-    "value": "N0"
+    "value": "Neutral0"
   },
   "name": "color.text.inverse",
   "path": ["color", "text", "inverse"]
@@ -510,7 +510,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for text that reinforces our brand."
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.text.brand",
   "path": ["color", "text", "brand"]
@@ -531,7 +531,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.text.selected",
   "path": ["color", "text", "selected"]
@@ -552,7 +552,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for critical text, such as input field error messaging."
     },
-    "value": "R800"
+    "value": "Red800"
   },
   "name": "color.text.danger",
   "path": ["color", "text", "danger"]
@@ -573,7 +573,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for text to emphasize caution, such as in moved lozenges."
     },
-    "value": "O800"
+    "value": "Orange800"
   },
   "name": "color.text.warning.[default]",
   "path": ["color", "text", "warning", "[default]"]
@@ -594,7 +594,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for text when on bold warning backgrounds."
     },
-    "value": "N1000"
+    "value": "Neutral1000"
   },
   "name": "color.text.warning.inverse",
   "path": ["color", "text", "warning", "inverse"]
@@ -615,7 +615,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for text to communicate a favourable outcome, such as input field success messaging."
     },
-    "value": "G800"
+    "value": "Green800"
   },
   "name": "color.text.success",
   "path": ["color", "text", "success"]
@@ -636,7 +636,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for text to emphasize change or something new, such as in new lozenges."
     },
-    "value": "P800"
+    "value": "Purple800"
   },
   "name": "color.text.discovery",
   "path": ["color", "text", "discovery"]
@@ -657,7 +657,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges."
     },
-    "value": "B800"
+    "value": "Blue800"
   },
   "name": "color.text.information",
   "path": ["color", "text", "information"]
@@ -684,7 +684,7 @@ var tokens = [{
       "replacement": "color.text.[default]",
       "description": "Use for primary text, such as body copy, sentence case headers, and buttons"
     },
-    "value": "N1000"
+    "value": "Neutral1000"
   },
   "name": "color.text.highEmphasis",
   "path": ["color", "text", "highEmphasis"]
@@ -711,7 +711,7 @@ var tokens = [{
       "replacement": "color.link.pressed",
       "description": "Use for links in a pressed state"
     },
-    "value": "B800"
+    "value": "Blue800"
   },
   "name": "color.text.link.pressed",
   "path": ["color", "text", "link", "pressed"]
@@ -738,7 +738,7 @@ var tokens = [{
       "replacement": "color.link.[default]",
       "description": "Use for links in a resting or hover state. Add an underline for hover states"
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.text.link.resting",
   "path": ["color", "text", "link", "resting"]
@@ -765,7 +765,7 @@ var tokens = [{
       "replacement": "color.text.subtlest",
       "description": "\nUse for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text.\n\nUse for icons that are paired with text.medEmphasis text"
     },
-    "value": "N700"
+    "value": "Neutral700"
   },
   "name": "color.text.lowEmphasis",
   "path": ["color", "text", "lowEmphasis"]
@@ -792,7 +792,7 @@ var tokens = [{
       "replacement": "color.text.subtle",
       "description": "\nUse for secondary text, such navigation, subtle button links, input field labels, and all caps subheadings.\n\nUse for icon-only buttons, or icons paired with text.highEmphasis text\n          "
     },
-    "value": "N800"
+    "value": "Neutral800"
   },
   "name": "color.text.mediumEmphasis",
   "path": ["color", "text", "mediumEmphasis"]
@@ -819,7 +819,7 @@ var tokens = [{
       "replacement": "color.text.inverse",
       "description": "Use for text and icons when on bold backgrounds"
     },
-    "value": "N0"
+    "value": "Neutral0"
   },
   "name": "color.text.onBold",
   "path": ["color", "text", "onBold"]
@@ -846,7 +846,7 @@ var tokens = [{
       "replacement": "color.text.warning.inverse",
       "description": "Use for text and icons when on bold warning backgrounds"
     },
-    "value": "N1000"
+    "value": "Neutral1000"
   },
   "name": "color.text.onBoldWarning",
   "path": ["color", "text", "onBoldWarning"]
@@ -867,7 +867,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for blue icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
     },
-    "value": "B600"
+    "value": "Blue600"
   },
   "name": "color.icon.accent.blue",
   "path": ["color", "icon", "accent", "blue"]
@@ -888,7 +888,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for red icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
     },
-    "value": "R600"
+    "value": "Red600"
   },
   "name": "color.icon.accent.red",
   "path": ["color", "icon", "accent", "red"]
@@ -909,7 +909,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for orange icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
     },
-    "value": "O600"
+    "value": "Orange600"
   },
   "name": "color.icon.accent.orange",
   "path": ["color", "icon", "accent", "orange"]
@@ -930,7 +930,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for yellow icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
     },
-    "value": "Y600"
+    "value": "Yellow600"
   },
   "name": "color.icon.accent.yellow",
   "path": ["color", "icon", "accent", "yellow"]
@@ -951,7 +951,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for green icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
     },
-    "value": "G600"
+    "value": "Green600"
   },
   "name": "color.icon.accent.green",
   "path": ["color", "icon", "accent", "green"]
@@ -972,7 +972,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for purple icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
     },
-    "value": "P600"
+    "value": "Purple600"
   },
   "name": "color.icon.accent.purple",
   "path": ["color", "icon", "accent", "purple"]
@@ -993,7 +993,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for teal icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
     },
-    "value": "T600"
+    "value": "Teal600"
   },
   "name": "color.icon.accent.teal",
   "path": ["color", "icon", "accent", "teal"]
@@ -1014,7 +1014,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
     },
-    "value": "M600"
+    "value": "Magenta600"
   },
   "name": "color.icon.accent.magenta",
   "path": ["color", "icon", "accent", "magenta"]
@@ -1035,7 +1035,7 @@ var tokens = [{
       "introduced": "0.10.5",
       "description": "Use for icons on non-bold gray accent backgrounds, such as file type icons."
     },
-    "value": "N600"
+    "value": "Neutral600"
   },
   "name": "color.icon.accent.gray",
   "path": ["color", "icon", "accent", "gray"]
@@ -1056,7 +1056,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icon-only buttons, or icons paired with color.text"
     },
-    "value": "N800"
+    "value": "Neutral800"
   },
   "name": "color.icon.[default]",
   "path": ["color", "icon", "[default]"]
@@ -1077,7 +1077,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons paired with color.text.subtle"
     },
-    "value": "N700"
+    "value": "Neutral700"
   },
   "name": "color.icon.subtle",
   "path": ["color", "icon", "subtle"]
@@ -1098,7 +1098,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons on bold backgrounds."
     },
-    "value": "N0"
+    "value": "Neutral0"
   },
   "name": "color.icon.inverse",
   "path": ["color", "icon", "inverse"]
@@ -1119,7 +1119,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons in a disabled state."
     },
-    "value": "N400A"
+    "value": "Neutral400A"
   },
   "name": "color.icon.disabled",
   "path": ["color", "icon", "disabled"]
@@ -1140,7 +1140,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons that reinforce our brand."
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.icon.brand",
   "path": ["color", "icon", "brand"]
@@ -1161,7 +1161,7 @@ var tokens = [{
       "introduced": "0.6.2",
       "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.icon.selected",
   "path": ["color", "icon", "selected"]
@@ -1182,7 +1182,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons communicating critical information, such as those used in error handing."
     },
-    "value": "R600"
+    "value": "Red600"
   },
   "name": "color.icon.danger",
   "path": ["color", "icon", "danger"]
@@ -1203,7 +1203,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons communicating caution, such as those used in warning section messages."
     },
-    "value": "O600"
+    "value": "Orange600"
   },
   "name": "color.icon.warning.[default]",
   "path": ["color", "icon", "warning", "[default]"]
@@ -1224,7 +1224,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons when on bold warning backgrounds."
     },
-    "value": "N1000"
+    "value": "Neutral1000"
   },
   "name": "color.icon.warning.inverse",
   "path": ["color", "icon", "warning", "inverse"]
@@ -1245,7 +1245,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons communicating a favourable outcome, such as those used in success section messaged."
     },
-    "value": "G600"
+    "value": "Green600"
   },
   "name": "color.icon.success",
   "path": ["color", "icon", "success"]
@@ -1266,7 +1266,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons communicating change or something new, such as discovery section messages."
     },
-    "value": "P600"
+    "value": "Purple600"
   },
   "name": "color.icon.discovery",
   "path": ["color", "icon", "discovery"]
@@ -1287,7 +1287,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons communicating information or something in-progress, such as information section messages."
     },
-    "value": "B600"
+    "value": "Blue600"
   },
   "name": "color.icon.information",
   "path": ["color", "icon", "information"]
@@ -1308,7 +1308,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
     },
-    "value": "B600"
+    "value": "Blue600"
   },
   "name": "color.border.accent.blue",
   "path": ["color", "border", "accent", "blue"]
@@ -1329,7 +1329,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
     },
-    "value": "R600"
+    "value": "Red600"
   },
   "name": "color.border.accent.red",
   "path": ["color", "border", "accent", "red"]
@@ -1350,7 +1350,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color."
     },
-    "value": "O600"
+    "value": "Orange600"
   },
   "name": "color.border.accent.orange",
   "path": ["color", "border", "accent", "orange"]
@@ -1371,7 +1371,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color."
     },
-    "value": "Y600"
+    "value": "Yellow600"
   },
   "name": "color.border.accent.yellow",
   "path": ["color", "border", "accent", "yellow"]
@@ -1392,7 +1392,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for green borders on non-bold backgrounds when there is no meaning tied to the color."
     },
-    "value": "G600"
+    "value": "Green600"
   },
   "name": "color.border.accent.green",
   "path": ["color", "border", "accent", "green"]
@@ -1413,7 +1413,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for purple borders on non-bold backgrounds when there is no meaning tied to the color."
     },
-    "value": "P600"
+    "value": "Purple600"
   },
   "name": "color.border.accent.purple",
   "path": ["color", "border", "accent", "purple"]
@@ -1434,7 +1434,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for teal borders on non-bold backgrounds when there is no meaning tied to the color."
     },
-    "value": "T600"
+    "value": "Teal600"
   },
   "name": "color.border.accent.teal",
   "path": ["color", "border", "accent", "teal"]
@@ -1455,7 +1455,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for magenta borders on non-bold backgrounds when there is no meaning tied to the color."
     },
-    "value": "M600"
+    "value": "Magenta600"
   },
   "name": "color.border.accent.magenta",
   "path": ["color", "border", "accent", "magenta"]
@@ -1476,7 +1476,7 @@ var tokens = [{
       "introduced": "0.10.5",
       "description": "Use for borders on non-bold gray accent backgrounds."
     },
-    "value": "N600"
+    "value": "Neutral600"
   },
   "name": "color.border.accent.gray",
   "path": ["color", "border", "accent", "gray"]
@@ -1497,7 +1497,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
     },
-    "value": "N300A"
+    "value": "Neutral300A"
   },
   "name": "color.border.[default]",
   "path": ["color", "border", "[default]"]
@@ -1518,7 +1518,7 @@ var tokens = [{
       "introduced": "0.10.8",
       "description": "A neutral border option that passes min 3:1 contrast ratios."
     },
-    "value": "N600"
+    "value": "Neutral600"
   },
   "name": "color.border.bold",
   "path": ["color", "border", "bold"]
@@ -1539,7 +1539,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for borders on bold backgrounds."
     },
-    "value": "N0"
+    "value": "Neutral0"
   },
   "name": "color.border.inverse",
   "path": ["color", "border", "inverse"]
@@ -1560,7 +1560,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for focus rings of elements in a focus state."
     },
-    "value": "B500"
+    "value": "Blue500"
   },
   "name": "color.border.focused",
   "path": ["color", "border", "focused"]
@@ -1581,7 +1581,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
     },
-    "value": "N300A"
+    "value": "Neutral300A"
   },
   "name": "color.border.input",
   "path": ["color", "border", "input"]
@@ -1602,7 +1602,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for borders of elements in a disabled state."
     },
-    "value": "N200A"
+    "value": "Neutral200A"
   },
   "name": "color.border.disabled",
   "path": ["color", "border", "disabled"]
@@ -1623,7 +1623,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.border.brand",
   "path": ["color", "border", "brand"]
@@ -1644,7 +1644,7 @@ var tokens = [{
       "introduced": "0.6.2",
       "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.border.selected",
   "path": ["color", "border", "selected"]
@@ -1665,7 +1665,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
     },
-    "value": "R600"
+    "value": "Red600"
   },
   "name": "color.border.danger",
   "path": ["color", "border", "danger"]
@@ -1686,7 +1686,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for borders communicating caution."
     },
-    "value": "O600"
+    "value": "Orange600"
   },
   "name": "color.border.warning",
   "path": ["color", "border", "warning"]
@@ -1707,7 +1707,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for borders communicating a favourable outcome, such as the borders on validated text fields."
     },
-    "value": "G600"
+    "value": "Green600"
   },
   "name": "color.border.success",
   "path": ["color", "border", "success"]
@@ -1728,7 +1728,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
     },
-    "value": "P600"
+    "value": "Purple600"
   },
   "name": "color.border.discovery",
   "path": ["color", "border", "discovery"]
@@ -1749,7 +1749,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for borders communicating information or something in-progress."
     },
-    "value": "B600"
+    "value": "Blue600"
   },
   "name": "color.border.information",
   "path": ["color", "border", "information"]
@@ -1776,7 +1776,7 @@ var tokens = [{
       "replacement": "color.border.focused",
       "description": "Use for focus rings of elements in a focus state"
     },
-    "value": "B500"
+    "value": "Blue500"
   },
   "name": "color.border.focus",
   "path": ["color", "border", "focus"]
@@ -1803,7 +1803,7 @@ var tokens = [{
       "replacement": "color.border.[default]",
       "description": "Use to create borders around UI elements such as text fields, checkboxes, and radio buttons, or to visually group or separate UI elements, such as flat cards or side panel dividers"
     },
-    "value": "N300A"
+    "value": "Neutral300A"
   },
   "name": "color.border.neutral",
   "path": ["color", "border", "neutral"]
@@ -1824,7 +1824,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
     },
-    "value": "B100"
+    "value": "Blue100"
   },
   "name": "color.background.accent.blue.subtlest",
   "path": ["color", "background", "accent", "blue", "subtlest"]
@@ -1845,7 +1845,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for blue backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "B200"
+    "value": "Blue200"
   },
   "name": "color.background.accent.blue.subtler",
   "path": ["color", "background", "accent", "blue", "subtler"]
@@ -1866,7 +1866,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "B400"
+    "value": "Blue400"
   },
   "name": "color.background.accent.blue.subtle",
   "path": ["color", "background", "accent", "blue", "subtle"]
@@ -1887,7 +1887,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.background.accent.blue.bolder",
   "path": ["color", "background", "accent", "blue", "bolder"]
@@ -1914,7 +1914,7 @@ var tokens = [{
       "replacement": "color.background.accent.blue.subtler",
       "description": "Use for blue backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "B200"
+    "value": "Blue200"
   },
   "name": "color.background.accent.blue.[default]",
   "path": ["color", "background", "accent", "blue", "[default]"]
@@ -1941,7 +1941,7 @@ var tokens = [{
       "replacement": "color.background.accent.blue.subtle",
       "description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "B400"
+    "value": "Blue400"
   },
   "name": "color.background.accent.blue.bold",
   "path": ["color", "background", "accent", "blue", "bold"]
@@ -1962,7 +1962,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
     },
-    "value": "R100"
+    "value": "Red100"
   },
   "name": "color.background.accent.red.subtlest",
   "path": ["color", "background", "accent", "red", "subtlest"]
@@ -1983,7 +1983,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "R200"
+    "value": "Red200"
   },
   "name": "color.background.accent.red.subtler",
   "path": ["color", "background", "accent", "red", "subtler"]
@@ -2004,7 +2004,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "R400"
+    "value": "Red400"
   },
   "name": "color.background.accent.red.subtle",
   "path": ["color", "background", "accent", "red", "subtle"]
@@ -2025,7 +2025,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "R700"
+    "value": "Red700"
   },
   "name": "color.background.accent.red.bolder",
   "path": ["color", "background", "accent", "red", "bolder"]
@@ -2052,7 +2052,7 @@ var tokens = [{
       "replacement": "color.background.accent.red.subtler",
       "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "R200"
+    "value": "Red200"
   },
   "name": "color.background.accent.red.[default]",
   "path": ["color", "background", "accent", "red", "[default]"]
@@ -2079,7 +2079,7 @@ var tokens = [{
       "replacement": "color.background.accent.red.subtle",
       "description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "R400"
+    "value": "Red400"
   },
   "name": "color.background.accent.red.bold",
   "path": ["color", "background", "accent", "red", "bold"]
@@ -2100,7 +2100,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
     },
-    "value": "O100"
+    "value": "Orange100"
   },
   "name": "color.background.accent.orange.subtlest",
   "path": ["color", "background", "accent", "orange", "subtlest"]
@@ -2121,7 +2121,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "O200"
+    "value": "Orange200"
   },
   "name": "color.background.accent.orange.subtler",
   "path": ["color", "background", "accent", "orange", "subtler"]
@@ -2142,7 +2142,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "O400"
+    "value": "Orange400"
   },
   "name": "color.background.accent.orange.subtle",
   "path": ["color", "background", "accent", "orange", "subtle"]
@@ -2163,7 +2163,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "O700"
+    "value": "Orange700"
   },
   "name": "color.background.accent.orange.bolder",
   "path": ["color", "background", "accent", "orange", "bolder"]
@@ -2190,7 +2190,7 @@ var tokens = [{
       "replacement": "color.background.accent.orange.subtler",
       "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "O200"
+    "value": "Orange200"
   },
   "name": "color.background.accent.orange.[default]",
   "path": ["color", "background", "accent", "orange", "[default]"]
@@ -2217,7 +2217,7 @@ var tokens = [{
       "replacement": "color.background.accent.orange.subtle",
       "description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "O400"
+    "value": "Orange400"
   },
   "name": "color.background.accent.orange.bold",
   "path": ["color", "background", "accent", "orange", "bold"]
@@ -2238,7 +2238,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
     },
-    "value": "Y100"
+    "value": "Yellow100"
   },
   "name": "color.background.accent.yellow.subtlest",
   "path": ["color", "background", "accent", "yellow", "subtlest"]
@@ -2259,7 +2259,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "Y200"
+    "value": "Yellow200"
   },
   "name": "color.background.accent.yellow.subtler",
   "path": ["color", "background", "accent", "yellow", "subtler"]
@@ -2280,7 +2280,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "Y400"
+    "value": "Yellow400"
   },
   "name": "color.background.accent.yellow.subtle",
   "path": ["color", "background", "accent", "yellow", "subtle"]
@@ -2301,7 +2301,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "Y700"
+    "value": "Yellow700"
   },
   "name": "color.background.accent.yellow.bolder",
   "path": ["color", "background", "accent", "yellow", "bolder"]
@@ -2328,7 +2328,7 @@ var tokens = [{
       "replacement": "color.background.accent.yellow.subtler",
       "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "Y200"
+    "value": "Yellow200"
   },
   "name": "color.background.accent.yellow.[default]",
   "path": ["color", "background", "accent", "yellow", "[default]"]
@@ -2355,7 +2355,7 @@ var tokens = [{
       "replacement": "color.background.accent.yellow.subtle",
       "description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "Y400"
+    "value": "Yellow400"
   },
   "name": "color.background.accent.yellow.bold",
   "path": ["color", "background", "accent", "yellow", "bold"]
@@ -2376,7 +2376,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
     },
-    "value": "G100"
+    "value": "Green100"
   },
   "name": "color.background.accent.green.subtlest",
   "path": ["color", "background", "accent", "green", "subtlest"]
@@ -2397,7 +2397,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "G200"
+    "value": "Green200"
   },
   "name": "color.background.accent.green.subtler",
   "path": ["color", "background", "accent", "green", "subtler"]
@@ -2418,7 +2418,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "G400"
+    "value": "Green400"
   },
   "name": "color.background.accent.green.subtle",
   "path": ["color", "background", "accent", "green", "subtle"]
@@ -2439,7 +2439,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "G700"
+    "value": "Green700"
   },
   "name": "color.background.accent.green.bolder",
   "path": ["color", "background", "accent", "green", "bolder"]
@@ -2466,7 +2466,7 @@ var tokens = [{
       "replacement": "color.background.accent.green.subtler",
       "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "G200"
+    "value": "Green200"
   },
   "name": "color.background.accent.green.[default]",
   "path": ["color", "background", "accent", "green", "[default]"]
@@ -2493,7 +2493,7 @@ var tokens = [{
       "replacement": "color.background.accent.green.subtle",
       "description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "G400"
+    "value": "Green400"
   },
   "name": "color.background.accent.green.bold",
   "path": ["color", "background", "accent", "green", "bold"]
@@ -2514,7 +2514,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
     },
-    "value": "T100"
+    "value": "Teal100"
   },
   "name": "color.background.accent.teal.subtlest",
   "path": ["color", "background", "accent", "teal", "subtlest"]
@@ -2535,7 +2535,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "T200"
+    "value": "Teal200"
   },
   "name": "color.background.accent.teal.subtler",
   "path": ["color", "background", "accent", "teal", "subtler"]
@@ -2556,7 +2556,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "T400"
+    "value": "Teal400"
   },
   "name": "color.background.accent.teal.subtle",
   "path": ["color", "background", "accent", "teal", "subtle"]
@@ -2577,7 +2577,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "T700"
+    "value": "Teal700"
   },
   "name": "color.background.accent.teal.bolder",
   "path": ["color", "background", "accent", "teal", "bolder"]
@@ -2604,7 +2604,7 @@ var tokens = [{
       "replacement": "color.background.accent.teal.subtler",
       "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "T200"
+    "value": "Teal200"
   },
   "name": "color.background.accent.teal.[default]",
   "path": ["color", "background", "accent", "teal", "[default]"]
@@ -2631,7 +2631,7 @@ var tokens = [{
       "replacement": "color.background.accent.teal.subtle",
       "description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "T400"
+    "value": "Teal400"
   },
   "name": "color.background.accent.teal.bold",
   "path": ["color", "background", "accent", "teal", "bold"]
@@ -2652,7 +2652,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
     },
-    "value": "P100"
+    "value": "Purple100"
   },
   "name": "color.background.accent.purple.subtlest",
   "path": ["color", "background", "accent", "purple", "subtlest"]
@@ -2673,7 +2673,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "P200"
+    "value": "Purple200"
   },
   "name": "color.background.accent.purple.subtler",
   "path": ["color", "background", "accent", "purple", "subtler"]
@@ -2694,7 +2694,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "P400"
+    "value": "Purple400"
   },
   "name": "color.background.accent.purple.subtle",
   "path": ["color", "background", "accent", "purple", "subtle"]
@@ -2715,7 +2715,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "P700"
+    "value": "Purple700"
   },
   "name": "color.background.accent.purple.bolder",
   "path": ["color", "background", "accent", "purple", "bolder"]
@@ -2742,7 +2742,7 @@ var tokens = [{
       "replacement": "color.background.accent.purple.subtler",
       "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "P200"
+    "value": "Purple200"
   },
   "name": "color.background.accent.purple.[default]",
   "path": ["color", "background", "accent", "purple", "[default]"]
@@ -2769,7 +2769,7 @@ var tokens = [{
       "replacement": "color.background.accent.purple.subtle",
       "description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "P400"
+    "value": "Purple400"
   },
   "name": "color.background.accent.purple.bold",
   "path": ["color", "background", "accent", "purple", "bold"]
@@ -2790,7 +2790,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
     },
-    "value": "M100"
+    "value": "Magenta100"
   },
   "name": "color.background.accent.magenta.subtlest",
   "path": ["color", "background", "accent", "magenta", "subtlest"]
@@ -2811,7 +2811,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "M200"
+    "value": "Magenta200"
   },
   "name": "color.background.accent.magenta.subtler",
   "path": ["color", "background", "accent", "magenta", "subtler"]
@@ -2832,7 +2832,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "M400"
+    "value": "Magenta400"
   },
   "name": "color.background.accent.magenta.subtle",
   "path": ["color", "background", "accent", "magenta", "subtle"]
@@ -2853,7 +2853,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "M700"
+    "value": "Magenta700"
   },
   "name": "color.background.accent.magenta.bolder",
   "path": ["color", "background", "accent", "magenta", "bolder"]
@@ -2880,7 +2880,7 @@ var tokens = [{
       "replacement": "color.background.accent.magenta.subtler",
       "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "M200"
+    "value": "Magenta200"
   },
   "name": "color.background.accent.magenta.[default]",
   "path": ["color", "background", "accent", "magenta", "[default]"]
@@ -2907,7 +2907,7 @@ var tokens = [{
       "replacement": "color.background.accent.magenta.subtle",
       "description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "M400"
+    "value": "Magenta400"
   },
   "name": "color.background.accent.magenta.bold",
   "path": ["color", "background", "accent", "magenta", "bold"]
@@ -2928,7 +2928,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for gray backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
     },
-    "value": "N200"
+    "value": "Neutral200"
   },
   "name": "color.background.accent.gray.subtlest",
   "path": ["color", "background", "accent", "gray", "subtlest"]
@@ -2949,7 +2949,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for gray backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "N300"
+    "value": "Neutral300"
   },
   "name": "color.background.accent.gray.subtler",
   "path": ["color", "background", "accent", "gray", "subtler"]
@@ -2970,7 +2970,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "N500"
+    "value": "Neutral500"
   },
   "name": "color.background.accent.gray.subtle",
   "path": ["color", "background", "accent", "gray", "subtle"]
@@ -2991,7 +2991,7 @@ var tokens = [{
       "introduced": "0.7.0",
       "description": "Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "N700"
+    "value": "Neutral700"
   },
   "name": "color.background.accent.gray.bolder",
   "path": ["color", "background", "accent", "gray", "bolder"]
@@ -3012,7 +3012,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for backgrounds of elements in a disabled state."
     },
-    "value": "N100A"
+    "value": "Neutral100A"
   },
   "name": "color.background.disabled",
   "path": ["color", "background", "disabled"]
@@ -3123,7 +3123,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for background of form UI elements, such as text fields, checkboxes, and radio buttons."
     },
-    "value": "N0"
+    "value": "Neutral0"
   },
   "name": "color.background.input.[default]",
   "path": ["color", "background", "input", "[default]"]
@@ -3144,7 +3144,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state for color.background.input"
     },
-    "value": "N100"
+    "value": "Neutral100"
   },
   "name": "color.background.input.hovered",
   "path": ["color", "background", "input", "hovered"]
@@ -3165,7 +3165,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state for color.background.input"
     },
-    "value": "N0"
+    "value": "Neutral0"
   },
   "name": "color.background.input.pressed",
   "path": ["color", "background", "input", "pressed"]
@@ -3186,7 +3186,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "The default background for neutral elements, such as default buttons."
     },
-    "value": "N200A"
+    "value": "Neutral200A"
   },
   "name": "color.background.neutral.[default].[default]",
   "path": ["color", "background", "neutral", "[default]", "[default]"]
@@ -3207,7 +3207,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state for color.background.neutral"
     },
-    "value": "N300A"
+    "value": "Neutral300A"
   },
   "name": "color.background.neutral.[default].hovered",
   "path": ["color", "background", "neutral", "[default]", "hovered"]
@@ -3228,7 +3228,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state for color.background.neutral"
     },
-    "value": "N400A"
+    "value": "Neutral400A"
   },
   "name": "color.background.neutral.[default].pressed",
   "path": ["color", "background", "neutral", "[default]", "pressed"]
@@ -3270,7 +3270,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state for color.background.neutral.subtle"
     },
-    "value": "N200A"
+    "value": "Neutral200A"
   },
   "name": "color.background.neutral.subtle.hovered",
   "path": ["color", "background", "neutral", "subtle", "hovered"]
@@ -3291,7 +3291,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state for color.background.neutral.subtle"
     },
-    "value": "N300A"
+    "value": "Neutral300A"
   },
   "name": "color.background.neutral.subtle.pressed",
   "path": ["color", "background", "neutral", "subtle", "pressed"]
@@ -3312,7 +3312,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "A vibrant background option for neutral UI elements, such as announcement banners."
     },
-    "value": "N800"
+    "value": "Neutral800"
   },
   "name": "color.background.neutral.bold.[default]",
   "path": ["color", "background", "neutral", "bold", "[default]"]
@@ -3333,7 +3333,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state of color.background.neutral.bold"
     },
-    "value": "N900"
+    "value": "Neutral900"
   },
   "name": "color.background.neutral.bold.hovered",
   "path": ["color", "background", "neutral", "bold", "hovered"]
@@ -3354,7 +3354,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state of color.background.neutral.bold"
     },
-    "value": "N1000"
+    "value": "Neutral1000"
   },
   "name": "color.background.neutral.bold.pressed",
   "path": ["color", "background", "neutral", "bold", "pressed"]
@@ -3375,7 +3375,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.background.brand.bold.[default]",
   "path": ["color", "background", "brand", "bold", "[default]"]
@@ -3396,7 +3396,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state of color.background.brand.bold"
     },
-    "value": "B800"
+    "value": "Blue800"
   },
   "name": "color.background.brand.bold.hovered",
   "path": ["color", "background", "brand", "bold", "hovered"]
@@ -3417,7 +3417,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state of color.background.brand.bold"
     },
-    "value": "B900"
+    "value": "Blue900"
   },
   "name": "color.background.brand.bold.pressed",
   "path": ["color", "background", "brand", "bold", "pressed"]
@@ -3444,7 +3444,7 @@ var tokens = [{
       "replacement": "color.background.selected.[default].[default]",
       "description": "Use for the background of elements used to reinforce our brand."
     },
-    "value": "B100"
+    "value": "Blue100"
   },
   "name": "color.background.brand.[default].[default]",
   "path": ["color", "background", "brand", "[default]", "[default]"]
@@ -3471,7 +3471,7 @@ var tokens = [{
       "replacement": "color.background.selected.[default].hovered",
       "description": "Hovered state for color.background.brand"
     },
-    "value": "B200"
+    "value": "Blue200"
   },
   "name": "color.background.brand.[default].hovered",
   "path": ["color", "background", "brand", "[default]", "hovered"]
@@ -3498,7 +3498,7 @@ var tokens = [{
       "replacement": "color.background.selected.[default].pressed",
       "description": "Pressed state for color.background.brand"
     },
-    "value": "B300"
+    "value": "Blue300"
   },
   "name": "color.background.brand.[default].pressed",
   "path": ["color", "background", "brand", "[default]", "pressed"]
@@ -3519,7 +3519,7 @@ var tokens = [{
       "introduced": "0.6.2",
       "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
     },
-    "value": "B100"
+    "value": "Blue100"
   },
   "name": "color.background.selected.[default].[default]",
   "path": ["color", "background", "selected", "[default]", "[default]"]
@@ -3540,7 +3540,7 @@ var tokens = [{
       "introduced": "0.6.2",
       "description": "Hovered state for color.background.selected"
     },
-    "value": "B200"
+    "value": "Blue200"
   },
   "name": "color.background.selected.[default].hovered",
   "path": ["color", "background", "selected", "[default]", "hovered"]
@@ -3561,7 +3561,7 @@ var tokens = [{
       "introduced": "0.6.2",
       "description": "Pressed state for color.background.selected"
     },
-    "value": "B300"
+    "value": "Blue300"
   },
   "name": "color.background.selected.[default].pressed",
   "path": ["color", "background", "selected", "[default]", "pressed"]
@@ -3582,7 +3582,7 @@ var tokens = [{
       "introduced": "0.6.2",
       "description": "Use for the backgrounds of elements in a selected state, such as checkboxes and radio buttons."
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.background.selected.bold.[default]",
   "path": ["color", "background", "selected", "bold", "[default]"]
@@ -3603,7 +3603,7 @@ var tokens = [{
       "introduced": "0.6.2",
       "description": "Hovered state of color.background.selected.bold"
     },
-    "value": "B800"
+    "value": "Blue800"
   },
   "name": "color.background.selected.bold.hovered",
   "path": ["color", "background", "selected", "bold", "hovered"]
@@ -3624,7 +3624,7 @@ var tokens = [{
       "introduced": "0.6.2",
       "description": "Pressed state of color.background.selected.bold"
     },
-    "value": "B900"
+    "value": "Blue900"
   },
   "name": "color.background.selected.bold.pressed",
   "path": ["color", "background", "selected", "bold", "pressed"]
@@ -3651,7 +3651,7 @@ var tokens = [{
       "replacement": "color.background.selected.[default].[default]",
       "description": "Use for backgrounds of elements in a selected state"
     },
-    "value": "B100"
+    "value": "Blue100"
   },
   "name": "color.background.selected.resting",
   "path": ["color", "background", "selected", "resting"]
@@ -3678,7 +3678,7 @@ var tokens = [{
       "replacement": "color.background.selected.[default].hovered",
       "description": "Hover state for color.background.selected"
     },
-    "value": "B200"
+    "value": "Blue200"
   },
   "name": "color.background.selected.hover",
   "path": ["color", "background", "selected", "hover"]
@@ -3699,7 +3699,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for backgrounds communicating critical information, such in error section messages."
     },
-    "value": "R100"
+    "value": "Red100"
   },
   "name": "color.background.danger.[default].[default]",
   "path": ["color", "background", "danger", "[default]", "[default]"]
@@ -3720,7 +3720,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state for color.background.danger"
     },
-    "value": "R200"
+    "value": "Red200"
   },
   "name": "color.background.danger.[default].hovered",
   "path": ["color", "background", "danger", "[default]", "hovered"]
@@ -3741,7 +3741,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state for color.background.danger"
     },
-    "value": "R300"
+    "value": "Red300"
   },
   "name": "color.background.danger.[default].pressed",
   "path": ["color", "background", "danger", "[default]", "pressed"]
@@ -3762,7 +3762,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "A vibrant background option for communicating critical information, such as in danger buttons and error banners."
     },
-    "value": "R700"
+    "value": "Red700"
   },
   "name": "color.background.danger.bold.[default]",
   "path": ["color", "background", "danger", "bold", "[default]"]
@@ -3783,7 +3783,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state of color.background.danger.bold"
     },
-    "value": "R800"
+    "value": "Red800"
   },
   "name": "color.background.danger.bold.hovered",
   "path": ["color", "background", "danger", "bold", "hovered"]
@@ -3804,7 +3804,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state of color.background.danger.bold"
     },
-    "value": "R900"
+    "value": "Red900"
   },
   "name": "color.background.danger.bold.pressed",
   "path": ["color", "background", "danger", "bold", "pressed"]
@@ -3825,7 +3825,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for backgrounds communicating caution, such as in warning section messages."
     },
-    "value": "Y100"
+    "value": "Yellow100"
   },
   "name": "color.background.warning.[default].[default]",
   "path": ["color", "background", "warning", "[default]", "[default]"]
@@ -3846,7 +3846,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state for color.background.warning"
     },
-    "value": "Y200"
+    "value": "Yellow200"
   },
   "name": "color.background.warning.[default].hovered",
   "path": ["color", "background", "warning", "[default]", "hovered"]
@@ -3867,7 +3867,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state for color.background.warning"
     },
-    "value": "Y300"
+    "value": "Yellow300"
   },
   "name": "color.background.warning.[default].pressed",
   "path": ["color", "background", "warning", "[default]", "pressed"]
@@ -3888,7 +3888,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "A vibrant background option for communicating caution, such as in warning buttons and warning banners."
     },
-    "value": "Y400"
+    "value": "Yellow400"
   },
   "name": "color.background.warning.bold.[default]",
   "path": ["color", "background", "warning", "bold", "[default]"]
@@ -3909,7 +3909,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state of color.background.warning.bold"
     },
-    "value": "Y500"
+    "value": "Yellow500"
   },
   "name": "color.background.warning.bold.hovered",
   "path": ["color", "background", "warning", "bold", "hovered"]
@@ -3930,7 +3930,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state of color.background.warning.bold"
     },
-    "value": "Y600"
+    "value": "Yellow600"
   },
   "name": "color.background.warning.bold.pressed",
   "path": ["color", "background", "warning", "bold", "pressed"]
@@ -3951,7 +3951,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for backgrounds communicating a favourable outcome, such as in success section messages."
     },
-    "value": "G100"
+    "value": "Green100"
   },
   "name": "color.background.success.[default].[default]",
   "path": ["color", "background", "success", "[default]", "[default]"]
@@ -3972,7 +3972,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state for color.background.success"
     },
-    "value": "G200"
+    "value": "Green200"
   },
   "name": "color.background.success.[default].hovered",
   "path": ["color", "background", "success", "[default]", "hovered"]
@@ -3993,7 +3993,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state for color.background.success"
     },
-    "value": "G300"
+    "value": "Green300"
   },
   "name": "color.background.success.[default].pressed",
   "path": ["color", "background", "success", "[default]", "pressed"]
@@ -4014,7 +4014,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "A vibrant background option for communicating a favourable outcome, such as in checked toggles."
     },
-    "value": "G700"
+    "value": "Green700"
   },
   "name": "color.background.success.bold.[default]",
   "path": ["color", "background", "success", "bold", "[default]"]
@@ -4035,7 +4035,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state of color.background.success.bold"
     },
-    "value": "G800"
+    "value": "Green800"
   },
   "name": "color.background.success.bold.hovered",
   "path": ["color", "background", "success", "bold", "hovered"]
@@ -4056,7 +4056,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state of color.background.success.bold"
     },
-    "value": "G900"
+    "value": "Green900"
   },
   "name": "color.background.success.bold.pressed",
   "path": ["color", "background", "success", "bold", "pressed"]
@@ -4077,7 +4077,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for backgrounds communicating change or something new, such as in discovery section messages."
     },
-    "value": "P100"
+    "value": "Purple100"
   },
   "name": "color.background.discovery.[default].[default]",
   "path": ["color", "background", "discovery", "[default]", "[default]"]
@@ -4098,7 +4098,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hover state for color.background.discovery"
     },
-    "value": "P200"
+    "value": "Purple200"
   },
   "name": "color.background.discovery.[default].hovered",
   "path": ["color", "background", "discovery", "[default]", "hovered"]
@@ -4119,7 +4119,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state for color.background.discovery"
     },
-    "value": "P300"
+    "value": "Purple300"
   },
   "name": "color.background.discovery.[default].pressed",
   "path": ["color", "background", "discovery", "[default]", "pressed"]
@@ -4140,7 +4140,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "A vibrant background option communicating change or something new, such as in onboarding spotlights."
     },
-    "value": "P700"
+    "value": "Purple700"
   },
   "name": "color.background.discovery.bold.[default]",
   "path": ["color", "background", "discovery", "bold", "[default]"]
@@ -4161,7 +4161,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state of color.background.discovery.bold"
     },
-    "value": "P800"
+    "value": "Purple800"
   },
   "name": "color.background.discovery.bold.hovered",
   "path": ["color", "background", "discovery", "bold", "hovered"]
@@ -4182,7 +4182,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state of color.background.discovery.bold"
     },
-    "value": "P900"
+    "value": "Purple900"
   },
   "name": "color.background.discovery.bold.pressed",
   "path": ["color", "background", "discovery", "bold", "pressed"]
@@ -4203,7 +4203,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for backgrounds communicating information or something in-progress, such as in information section messages."
     },
-    "value": "B100"
+    "value": "Blue100"
   },
   "name": "color.background.information.[default].[default]",
   "path": ["color", "background", "information", "[default]", "[default]"]
@@ -4224,7 +4224,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state of color.background.information"
     },
-    "value": "B200"
+    "value": "Blue200"
   },
   "name": "color.background.information.[default].hovered",
   "path": ["color", "background", "information", "[default]", "hovered"]
@@ -4245,7 +4245,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state of color.background.information"
     },
-    "value": "B300"
+    "value": "Blue300"
   },
   "name": "color.background.information.[default].pressed",
   "path": ["color", "background", "information", "[default]", "pressed"]
@@ -4266,7 +4266,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "A vibrant background option for communicating information or something in-progress."
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.background.information.bold.[default]",
   "path": ["color", "background", "information", "bold", "[default]"]
@@ -4287,7 +4287,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state of color.background.information.bold"
     },
-    "value": "B800"
+    "value": "Blue800"
   },
   "name": "color.background.information.bold.hovered",
   "path": ["color", "background", "information", "bold", "hovered"]
@@ -4308,7 +4308,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state of color.background.information.bold"
     },
-    "value": "B900"
+    "value": "Blue900"
   },
   "name": "color.background.information.bold.pressed",
   "path": ["color", "background", "information", "bold", "pressed"]
@@ -4335,7 +4335,7 @@ var tokens = [{
       "replacement": "color.blanket.[default]",
       "description": "Use for the screen overlay that appears with modal dialogs"
     },
-    "value": "N500A"
+    "value": "Neutral500A"
   },
   "name": "color.background.blanket",
   "path": ["color", "background", "blanket"]
@@ -4362,7 +4362,7 @@ var tokens = [{
       "replacement": "color.background.brand.bold.hovered",
       "description": "Hover state of background.boldBrand"
     },
-    "value": "B800"
+    "value": "Blue800"
   },
   "name": "color.background.boldBrand.hover",
   "path": ["color", "background", "boldBrand", "hover"]
@@ -4389,7 +4389,7 @@ var tokens = [{
       "replacement": "color.background.brand.bold.pressed",
       "description": "Pressed state of background.boldBrand"
     },
-    "value": "B900"
+    "value": "Blue900"
   },
   "name": "color.background.boldBrand.pressed",
   "path": ["color", "background", "boldBrand", "pressed"]
@@ -4416,7 +4416,7 @@ var tokens = [{
       "replacement": "color.background.brand.bold.[default]",
       "description": "A vibrant background for small UI elements like primary buttons and bold in progress lozenges."
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.background.boldBrand.resting",
   "path": ["color", "background", "boldBrand", "resting"]
@@ -4443,7 +4443,7 @@ var tokens = [{
       "replacement": "color.background.danger.bold.hovered",
       "description": "Hover state of background.boldDanger"
     },
-    "value": "R800"
+    "value": "Red800"
   },
   "name": "color.background.boldDanger.hover",
   "path": ["color", "background", "boldDanger", "hover"]
@@ -4470,7 +4470,7 @@ var tokens = [{
       "replacement": "color.background.danger.bold.pressed",
       "description": "Pressed state of background.boldDanger"
     },
-    "value": "R900"
+    "value": "Red900"
   },
   "name": "color.background.boldDanger.pressed",
   "path": ["color", "background", "boldDanger", "pressed"]
@@ -4497,7 +4497,7 @@ var tokens = [{
       "replacement": "color.background.danger.bold.[default]",
       "description": "A vibrant background for small UI elements like danger buttons and bold removed lozenges."
     },
-    "value": "R700"
+    "value": "Red700"
   },
   "name": "color.background.boldDanger.resting",
   "path": ["color", "background", "boldDanger", "resting"]
@@ -4524,7 +4524,7 @@ var tokens = [{
       "replacement": "color.background.discovery.bold.hovered",
       "description": "Hover state of background.boldDiscovery"
     },
-    "value": "P800"
+    "value": "Purple800"
   },
   "name": "color.background.boldDiscovery.hover",
   "path": ["color", "background", "boldDiscovery", "hover"]
@@ -4551,7 +4551,7 @@ var tokens = [{
       "replacement": "color.background.discovery.bold.pressed",
       "description": "Pressed state of background.boldDiscovery"
     },
-    "value": "P900"
+    "value": "Purple900"
   },
   "name": "color.background.boldDiscovery.pressed",
   "path": ["color", "background", "boldDiscovery", "pressed"]
@@ -4578,7 +4578,7 @@ var tokens = [{
       "replacement": "color.background.discovery.bold.[default]",
       "description": "A vibrant background for small UI elements like onboarding buttons and bold new lozenges."
     },
-    "value": "P700"
+    "value": "Purple700"
   },
   "name": "color.background.boldDiscovery.resting",
   "path": ["color", "background", "boldDiscovery", "resting"]
@@ -4605,7 +4605,7 @@ var tokens = [{
       "replacement": "color.background.neutral.bold.hovered",
       "description": "Hover state of background.boldNeutral"
     },
-    "value": "N900"
+    "value": "Neutral900"
   },
   "name": "color.background.boldNeutral.hover",
   "path": ["color", "background", "boldNeutral", "hover"]
@@ -4632,7 +4632,7 @@ var tokens = [{
       "replacement": "color.background.neutral.bold.pressed",
       "description": "Pressed state of background.boldNeutral"
     },
-    "value": "N1000"
+    "value": "Neutral1000"
   },
   "name": "color.background.boldNeutral.pressed",
   "path": ["color", "background", "boldNeutral", "pressed"]
@@ -4659,7 +4659,7 @@ var tokens = [{
       "replacement": "color.background.neutral.bold.[default]",
       "description": "A vibrant background for small UI elements like unchecked toggles and bold default lozenges."
     },
-    "value": "N800"
+    "value": "Neutral800"
   },
   "name": "color.background.boldNeutral.resting",
   "path": ["color", "background", "boldNeutral", "resting"]
@@ -4686,7 +4686,7 @@ var tokens = [{
       "replacement": "color.background.success.bold.hovered",
       "description": "Hover state of background.boldSuccess"
     },
-    "value": "G800"
+    "value": "Green800"
   },
   "name": "color.background.boldSuccess.hover",
   "path": ["color", "background", "boldSuccess", "hover"]
@@ -4713,7 +4713,7 @@ var tokens = [{
       "replacement": "color.background.success.bold.pressed",
       "description": "Pressed state of background.boldSuccess"
     },
-    "value": "G900"
+    "value": "Green900"
   },
   "name": "color.background.boldSuccess.pressed",
   "path": ["color", "background", "boldSuccess", "pressed"]
@@ -4740,7 +4740,7 @@ var tokens = [{
       "replacement": "color.background.success.bold.[default]",
       "description": "A vibrant background for small UI elements like checked toggles and bold success lozenges."
     },
-    "value": "G700"
+    "value": "Green700"
   },
   "name": "color.background.boldSuccess.resting",
   "path": ["color", "background", "boldSuccess", "resting"]
@@ -4767,7 +4767,7 @@ var tokens = [{
       "replacement": "color.background.warning.bold.hovered",
       "description": "Hover state of background.boldWarning"
     },
-    "value": "Y500"
+    "value": "Yellow500"
   },
   "name": "color.background.boldWarning.hover",
   "path": ["color", "background", "boldWarning", "hover"]
@@ -4794,7 +4794,7 @@ var tokens = [{
       "replacement": "color.background.warning.bold.pressed",
       "description": "Pressed state of background.boldWarning"
     },
-    "value": "Y600"
+    "value": "Yellow600"
   },
   "name": "color.background.boldWarning.pressed",
   "path": ["color", "background", "boldWarning", "pressed"]
@@ -4821,7 +4821,7 @@ var tokens = [{
       "replacement": "color.background.warning.bold.[default]",
       "description": "A vibrant background for small UI elements like warning buttons and bold moved lozenges."
     },
-    "value": "Y400"
+    "value": "Yellow400"
   },
   "name": "color.background.boldWarning.resting",
   "path": ["color", "background", "boldWarning", "resting"]
@@ -4848,7 +4848,7 @@ var tokens = [{
       "replacement": "elevation.surface.raised.[default]",
       "description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
     },
-    "value": "N0"
+    "value": "Neutral0"
   },
   "name": "color.background.card",
   "path": ["color", "background", "card"]
@@ -4875,7 +4875,7 @@ var tokens = [{
       "replacement": "elevation.surface.[default].[default]",
       "description": "Use as the primary background for the UI"
     },
-    "value": "N0"
+    "value": "Neutral0"
   },
   "name": "color.background.default",
   "path": ["color", "background", "default"]
@@ -4902,7 +4902,7 @@ var tokens = [{
       "replacement": "elevation.surface.overlay.[default]",
       "description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
     },
-    "value": "N0"
+    "value": "Neutral0"
   },
   "name": "color.background.overlay",
   "path": ["color", "background", "overlay"]
@@ -4929,7 +4929,7 @@ var tokens = [{
       "replacement": "color.background.input.pressed",
       "description": "Pressed state for background.subtleBorderedNeutral"
     },
-    "value": "N200A"
+    "value": "Neutral200A"
   },
   "name": "color.background.subtleBorderedNeutral.pressed",
   "path": ["color", "background", "subtleBorderedNeutral", "pressed"]
@@ -4956,7 +4956,7 @@ var tokens = [{
       "replacement": "color.background.input.[default]",
       "description": "Hover state for background.subtleBorderedNeutral"
     },
-    "value": "N100A"
+    "value": "Neutral100A"
   },
   "name": "color.background.subtleBorderedNeutral.resting",
   "path": ["color", "background", "subtleBorderedNeutral", "resting"]
@@ -4983,7 +4983,7 @@ var tokens = [{
       "replacement": "color.background.selected.[default].hovered",
       "description": "Hover state for background.subtleBrand"
     },
-    "value": "B200"
+    "value": "Blue200"
   },
   "name": "color.background.subtleBrand.hover",
   "path": ["color", "background", "subtleBrand", "hover"]
@@ -5010,7 +5010,7 @@ var tokens = [{
       "replacement": "color.background.selected.[default].pressed",
       "description": "Pressed state for background.subtleBrand"
     },
-    "value": "B300"
+    "value": "Blue300"
   },
   "name": "color.background.subtleBrand.pressed",
   "path": ["color", "background", "subtleBrand", "pressed"]
@@ -5037,7 +5037,7 @@ var tokens = [{
       "replacement": "color.background.selected.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
     },
-    "value": "B100"
+    "value": "Blue100"
   },
   "name": "color.background.subtleBrand.resting",
   "path": ["color", "background", "subtleBrand", "resting"]
@@ -5064,7 +5064,7 @@ var tokens = [{
       "replacement": "color.background.danger.[default].hovered",
       "description": "Hover state for background.subtleDanger"
     },
-    "value": "R200"
+    "value": "Red200"
   },
   "name": "color.background.subtleDanger.hover",
   "path": ["color", "background", "subtleDanger", "hover"]
@@ -5091,7 +5091,7 @@ var tokens = [{
       "replacement": "color.background.danger.[default].pressed",
       "description": "Pressed state for background.subtleDanger"
     },
-    "value": "R300"
+    "value": "Red300"
   },
   "name": "color.background.subtleDanger.pressed",
   "path": ["color", "background", "subtleDanger", "pressed"]
@@ -5118,7 +5118,7 @@ var tokens = [{
       "replacement": "color.background.danger.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like error section messages and removed lozenges."
     },
-    "value": "R100"
+    "value": "Red100"
   },
   "name": "color.background.subtleDanger.resting",
   "path": ["color", "background", "subtleDanger", "resting"]
@@ -5145,7 +5145,7 @@ var tokens = [{
       "replacement": "color.background.discovery.[default].hovered",
       "description": "Hover state for background.subtleDiscovery"
     },
-    "value": "P200"
+    "value": "Purple200"
   },
   "name": "color.background.subtleDiscovery.hover",
   "path": ["color", "background", "subtleDiscovery", "hover"]
@@ -5172,7 +5172,7 @@ var tokens = [{
       "replacement": "color.background.discovery.[default].pressed",
       "description": "Pressed state for background.subtleDiscovery"
     },
-    "value": "P300"
+    "value": "Purple300"
   },
   "name": "color.background.subtleDiscovery.pressed",
   "path": ["color", "background", "subtleDiscovery", "pressed"]
@@ -5199,7 +5199,7 @@ var tokens = [{
       "replacement": "color.background.discovery.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like discovery section messages and new lozenges."
     },
-    "value": "P100"
+    "value": "Purple100"
   },
   "name": "color.background.subtleDiscovery.resting",
   "path": ["color", "background", "subtleDiscovery", "resting"]
@@ -5226,7 +5226,7 @@ var tokens = [{
       "replacement": "color.background.neutral.[default].hovered",
       "description": "Hover state for background.subtleNeutral"
     },
-    "value": "N300A"
+    "value": "Neutral300A"
   },
   "name": "color.background.subtleNeutral.hover",
   "path": ["color", "background", "subtleNeutral", "hover"]
@@ -5253,7 +5253,7 @@ var tokens = [{
       "replacement": "color.background.neutral.[default].pressed",
       "description": "Pressed state for background.subtleNeutral"
     },
-    "value": "N400A"
+    "value": "Neutral400A"
   },
   "name": "color.background.subtleNeutral.pressed",
   "path": ["color", "background", "subtleNeutral", "pressed"]
@@ -5280,7 +5280,7 @@ var tokens = [{
       "replacement": "color.background.neutral.[default].[default]",
       "description": "Use as the default background of UI elements like buttons, lozenges, and tags."
     },
-    "value": "N200A"
+    "value": "Neutral200A"
   },
   "name": "color.background.subtleNeutral.resting",
   "path": ["color", "background", "subtleNeutral", "resting"]
@@ -5307,7 +5307,7 @@ var tokens = [{
       "replacement": "color.background.success.[default].hovered",
       "description": "Hover state for background.subtleSuccess"
     },
-    "value": "G200"
+    "value": "Green200"
   },
   "name": "color.background.subtleSuccess.hover",
   "path": ["color", "background", "subtleSuccess", "hover"]
@@ -5334,7 +5334,7 @@ var tokens = [{
       "replacement": "color.background.success.[default].pressed",
       "description": "Pressed state for background.subtleSuccess"
     },
-    "value": "G300"
+    "value": "Green300"
   },
   "name": "color.background.subtleSuccess.pressed",
   "path": ["color", "background", "subtleSuccess", "pressed"]
@@ -5361,7 +5361,7 @@ var tokens = [{
       "replacement": "color.background.success.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like success section messages and success lozenges."
     },
-    "value": "G100"
+    "value": "Green100"
   },
   "name": "color.background.subtleSuccess.resting",
   "path": ["color", "background", "subtleSuccess", "resting"]
@@ -5388,7 +5388,7 @@ var tokens = [{
       "replacement": "color.background.warning.[default].hovered",
       "description": "Hover state for background.subtleWarning"
     },
-    "value": "Y200"
+    "value": "Yellow200"
   },
   "name": "color.background.subtleWarning.hover",
   "path": ["color", "background", "subtleWarning", "hover"]
@@ -5415,7 +5415,7 @@ var tokens = [{
       "replacement": "color.background.warning.[default].pressed",
       "description": "Pressed state for background.subtleWarning"
     },
-    "value": "Y300"
+    "value": "Yellow300"
   },
   "name": "color.background.subtleWarning.pressed",
   "path": ["color", "background", "subtleWarning", "pressed"]
@@ -5442,7 +5442,7 @@ var tokens = [{
       "replacement": "color.background.warning.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like warning section messages and moved lozenges."
     },
-    "value": "Y100"
+    "value": "Yellow100"
   },
   "name": "color.background.subtleWarning.resting",
   "path": ["color", "background", "subtleWarning", "resting"]
@@ -5469,7 +5469,7 @@ var tokens = [{
       "replacement": "elevation.surface.sunken",
       "description": "Use as a secondary background for the UI"
     },
-    "value": "N100A"
+    "value": "Neutral100A"
   },
   "name": "color.background.sunken",
   "path": ["color", "background", "sunken"]
@@ -5496,7 +5496,7 @@ var tokens = [{
       "replacement": "color.background.neutral.subtle.hovered",
       "description": "Hover state for UIs that do not have a default background, such as menu items or subtle buttons."
     },
-    "value": "N200A"
+    "value": "Neutral200A"
   },
   "name": "color.background.transparentNeutral.hover",
   "path": ["color", "background", "transparentNeutral", "hover"]
@@ -5523,7 +5523,7 @@ var tokens = [{
       "replacement": "color.background.neutral.subtle.pressed",
       "description": "Pressed state for UIs that do not have a default background, such as menu items or subtle buttons."
     },
-    "value": "N300A"
+    "value": "Neutral300A"
   },
   "name": "color.background.transparentNeutral.pressed",
   "path": ["color", "background", "transparentNeutral", "pressed"]
@@ -5544,7 +5544,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for the screen overlay that appears with modal dialogs"
     },
-    "value": "N500A"
+    "value": "Neutral500A"
   },
   "name": "color.blanket.[default]",
   "path": ["color", "blanket", "[default]"]
@@ -5703,7 +5703,7 @@ var tokens = [{
       "introduced": "0.8.0",
       "description": "Use for skeleton loading states"
     },
-    "value": "N200A"
+    "value": "Neutral200A"
   },
   "name": "color.skeleton.[default]",
   "path": ["color", "skeleton", "[default]"]
@@ -5724,7 +5724,7 @@ var tokens = [{
       "introduced": "0.8.0",
       "description": "Use for the pulse or shimmer effect in skeleton loading states"
     },
-    "value": "N100A"
+    "value": "Neutral100A"
   },
   "name": "color.skeleton.subtle",
   "path": ["color", "skeleton", "subtle"]
@@ -5745,7 +5745,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for links in a default or hovered state. Add an underline for hovered states."
     },
-    "value": "B700"
+    "value": "Blue700"
   },
   "name": "color.link.[default]",
   "path": ["color", "link", "[default]"]
@@ -5766,7 +5766,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for links in a pressed state."
     },
-    "value": "B800"
+    "value": "Blue800"
   },
   "name": "color.link.pressed",
   "path": ["color", "link", "pressed"]
@@ -5793,7 +5793,7 @@ var tokens = [{
       "replacement": "color.background.accent.blue.bolder",
       "description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
     },
-    "value": "B400"
+    "value": "Blue400"
   },
   "name": "color.accent.boldBlue",
   "path": ["color", "accent", "boldBlue"]
@@ -5820,7 +5820,7 @@ var tokens = [{
       "replacement": "color.background.accent.green.bolder",
       "description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
     },
-    "value": "G400"
+    "value": "Green400"
   },
   "name": "color.accent.boldGreen",
   "path": ["color", "accent", "boldGreen"]
@@ -5847,7 +5847,7 @@ var tokens = [{
       "replacement": "color.background.accent.orange.bolder",
       "description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
     },
-    "value": "O400"
+    "value": "Orange400"
   },
   "name": "color.accent.boldOrange",
   "path": ["color", "accent", "boldOrange"]
@@ -5874,7 +5874,7 @@ var tokens = [{
       "replacement": "color.background.accent.purple.bolder",
       "description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
     },
-    "value": "P400"
+    "value": "Purple400"
   },
   "name": "color.accent.boldPurple",
   "path": ["color", "accent", "boldPurple"]
@@ -5901,7 +5901,7 @@ var tokens = [{
       "replacement": "color.background.accent.red.bolder",
       "description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
     },
-    "value": "R400"
+    "value": "Red400"
   },
   "name": "color.accent.boldRed",
   "path": ["color", "accent", "boldRed"]
@@ -5928,7 +5928,7 @@ var tokens = [{
       "replacement": "color.background.accent.teal.bolder",
       "description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
     },
-    "value": "T400"
+    "value": "Teal400"
   },
   "name": "color.accent.boldTeal",
   "path": ["color", "accent", "boldTeal"]
@@ -5955,7 +5955,7 @@ var tokens = [{
       "replacement": "color.background.accent.blue.subtler",
       "description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "B200"
+    "value": "Blue200"
   },
   "name": "color.accent.subtleBlue",
   "path": ["color", "accent", "subtleBlue"]
@@ -5982,7 +5982,7 @@ var tokens = [{
       "replacement": "color.background.accent.green.subtler",
       "description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "G200"
+    "value": "Green200"
   },
   "name": "color.accent.subtleGreen",
   "path": ["color", "accent", "subtleGreen"]
@@ -6009,7 +6009,7 @@ var tokens = [{
       "replacement": "color.background.accent.magenta.subtler",
       "description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "M200"
+    "value": "Magenta200"
   },
   "name": "color.accent.subtleMagenta",
   "path": ["color", "accent", "subtleMagenta"]
@@ -6036,7 +6036,7 @@ var tokens = [{
       "replacement": "color.background.accent.orange.subtler",
       "description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "O200"
+    "value": "Orange200"
   },
   "name": "color.accent.subtleOrange",
   "path": ["color", "accent", "subtleOrange"]
@@ -6063,7 +6063,7 @@ var tokens = [{
       "replacement": "color.background.accent.purple.subtler",
       "description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "P200"
+    "value": "Purple200"
   },
   "name": "color.accent.subtlePurple",
   "path": ["color", "accent", "subtlePurple"]
@@ -6090,7 +6090,7 @@ var tokens = [{
       "replacement": "color.background.accent.red.subtler",
       "description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "R200"
+    "value": "Red200"
   },
   "name": "color.accent.subtleRed",
   "path": ["color", "accent", "subtleRed"]
@@ -6117,7 +6117,7 @@ var tokens = [{
       "replacement": "color.background.accent.teal.subtler",
       "description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "T200"
+    "value": "Teal200"
   },
   "name": "color.accent.subtleTeal",
   "path": ["color", "accent", "subtleTeal"]
@@ -6144,7 +6144,7 @@ var tokens = [{
       "replacement": "color.icon.brand",
       "description": "\nUse rarely for icons or borders representing brand, in-progress, or information, such as the icons in information sections messages.\n\nAlso use for blue icons or borders when there is no meaning tied to the color, such as file type icons."
     },
-    "value": "B600"
+    "value": "Blue600"
   },
   "name": "color.iconBorder.brand",
   "path": ["color", "iconBorder", "brand"]
@@ -6171,7 +6171,7 @@ var tokens = [{
       "replacement": "color.icon.danger",
       "description": "\nUse rarely for icons and borders representing critical information, such the icons in error section messages or the borders on invalid text fields.\n\nAlso use for red icons or borders when there is no meaning tied to the color, such as file type icons."
     },
-    "value": "R600"
+    "value": "Red600"
   },
   "name": "color.iconBorder.danger",
   "path": ["color", "iconBorder", "danger"]
@@ -6198,7 +6198,7 @@ var tokens = [{
       "replacement": "color.icon.discovery",
       "description": "\nUse rarely for icons and borders representing new information, such as the icons in discovery section mesages or the borders in onboarding spotlights.\n\nAlso use for purple icons or borders when there is no meaning tied to the color, such as file type icons.\n"
     },
-    "value": "P600"
+    "value": "Purple600"
   },
   "name": "color.iconBorder.discovery",
   "path": ["color", "iconBorder", "discovery"]
@@ -6225,7 +6225,7 @@ var tokens = [{
       "replacement": "color.icon.success",
       "description": "\nUse rarely for icons and borders representing positive information, such as the icons in success section messages or the borders on validated text fields.\n\nAlso use for green icons or borders when there is no meaning tied to the color, such as file type icons.\n"
     },
-    "value": "G600"
+    "value": "Green600"
   },
   "name": "color.iconBorder.success",
   "path": ["color", "iconBorder", "success"]
@@ -6252,7 +6252,7 @@ var tokens = [{
       "replacement": "color.icon.warning.[default]",
       "description": "\nUse rarely for icons and borders representing semi-urgent information, such as the icons in warning section messages.\n\nAlso use for yellow icons or borders when there is no meaning tied to the color, such as file type icons.\n"
     },
-    "value": "O600"
+    "value": "Orange600"
   },
   "name": "color.iconBorder.warning",
   "path": ["color", "iconBorder", "warning"]
@@ -6279,7 +6279,7 @@ var tokens = [{
       "replacement": "color.interaction.hovered",
       "description": "Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars."
     },
-    "value": "N400A"
+    "value": "Neutral400A"
   },
   "name": "color.overlay.hover",
   "path": ["color", "overlay", "hover"]
@@ -6306,7 +6306,7 @@ var tokens = [{
       "replacement": "color.interaction.pressed",
       "description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
     },
-    "value": "N500A"
+    "value": "Neutral500A"
   },
   "name": "color.overlay.pressed",
   "path": ["color", "overlay", "pressed"]
@@ -6355,7 +6355,7 @@ var tokens = [{
         "x": 0,
         "y": 1
       },
-      "color": "N1100",
+      "color": "Neutral1100",
       "opacity": 0.25
     }, {
       "radius": 1,
@@ -6363,7 +6363,7 @@ var tokens = [{
         "x": 0,
         "y": 0
       },
-      "color": "N1100",
+      "color": "Neutral1100",
       "opacity": 0.31
     }]
   },
@@ -6414,7 +6414,7 @@ var tokens = [{
         "x": 0,
         "y": 8
       },
-      "color": "N1100",
+      "color": "Neutral1100",
       "opacity": 0.15
     }, {
       "radius": 1,
@@ -6422,7 +6422,7 @@ var tokens = [{
         "x": 0,
         "y": 0
       },
-      "color": "N1100",
+      "color": "Neutral1100",
       "opacity": 0.31
     }]
   },
@@ -6467,7 +6467,7 @@ var tokens = [{
         "x": 0,
         "y": 1
       },
-      "color": "N1100",
+      "color": "Neutral1100",
       "opacity": 0.25
     }, {
       "radius": 1,
@@ -6475,7 +6475,7 @@ var tokens = [{
         "x": 0,
         "y": 0
       },
-      "color": "N1100",
+      "color": "Neutral1100",
       "opacity": 0.31
     }]
   },
@@ -6520,7 +6520,7 @@ var tokens = [{
         "x": 0,
         "y": 8
       },
-      "color": "N1100",
+      "color": "Neutral1100",
       "opacity": 0.08
     }, {
       "radius": 1,
@@ -6528,7 +6528,7 @@ var tokens = [{
         "x": 0,
         "y": 0
       },
-      "color": "N1100",
+      "color": "Neutral1100",
       "opacity": 0.12
     }]
   },
@@ -6573,7 +6573,7 @@ var tokens = [{
         "x": 0,
         "y": 8
       },
-      "color": "N1100",
+      "color": "Neutral1100",
       "opacity": 0.15
     }, {
       "radius": 1,
@@ -6581,7 +6581,7 @@ var tokens = [{
         "x": 0,
         "y": 0
       },
-      "color": "N1100",
+      "color": "Neutral1100",
       "opacity": 0.31
     }]
   },
@@ -6604,7 +6604,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as the primary background for the UI."
     },
-    "value": "N0"
+    "value": "Neutral0"
   },
   "name": "elevation.surface.[default].[default]",
   "path": ["elevation", "surface", "[default]", "[default]"]
@@ -6625,7 +6625,7 @@ var tokens = [{
       "introduced": "0.10.20",
       "description": "Hovered state of elevation.surface"
     },
-    "value": "N200"
+    "value": "Neutral200"
   },
   "name": "elevation.surface.[default].hovered",
   "path": ["elevation", "surface", "[default]", "hovered"]
@@ -6646,7 +6646,7 @@ var tokens = [{
       "introduced": "0.10.20",
       "description": "Pressed state of elevation.surface"
     },
-    "value": "N300"
+    "value": "Neutral300"
   },
   "name": "elevation.surface.[default].pressed",
   "path": ["elevation", "surface", "[default]", "pressed"]
@@ -6667,7 +6667,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
     },
-    "value": "N100"
+    "value": "Neutral100"
   },
   "name": "elevation.surface.sunken",
   "path": ["elevation", "surface", "sunken"]
@@ -6688,7 +6688,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
     },
-    "value": "N0"
+    "value": "Neutral0"
   },
   "name": "elevation.surface.raised.[default]",
   "path": ["elevation", "surface", "raised", "[default]"]
@@ -6709,7 +6709,7 @@ var tokens = [{
       "introduced": "0.10.20",
       "description": "Hovered state of elevation.surface.raised"
     },
-    "value": "N200"
+    "value": "Neutral200"
   },
   "name": "elevation.surface.raised.hovered",
   "path": ["elevation", "surface", "raised", "hovered"]
@@ -6730,7 +6730,7 @@ var tokens = [{
       "introduced": "0.10.20",
       "description": "Pressed state of elevation.surface.raised"
     },
-    "value": "N300"
+    "value": "Neutral300"
   },
   "name": "elevation.surface.raised.pressed",
   "path": ["elevation", "surface", "raised", "pressed"]
@@ -6751,7 +6751,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
     },
-    "value": "N0"
+    "value": "Neutral0"
   },
   "name": "elevation.surface.overlay.[default]",
   "path": ["elevation", "surface", "overlay", "[default]"]
@@ -6772,7 +6772,7 @@ var tokens = [{
       "introduced": "0.10.20",
       "description": "Hovered state of elevation.surface.overlay"
     },
-    "value": "N200"
+    "value": "Neutral200"
   },
   "name": "elevation.surface.overlay.hovered",
   "path": ["elevation", "surface", "overlay", "hovered"]
@@ -6793,7 +6793,7 @@ var tokens = [{
       "introduced": "0.10.20",
       "description": "Pressed state of elevation.surface.overlay"
     },
-    "value": "N300"
+    "value": "Neutral300"
   },
   "name": "elevation.surface.overlay.pressed",
   "path": ["elevation", "surface", "overlay", "pressed"]