@atlaskit/tokens 0.8.2 → 0.9.1

package/dist/es2019/artifacts/tokens-raw/atlassian-light.js

@@ -4,6 +4,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#0055CC",
@@ -13,6 +14,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -23,6 +25,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use on bold blue accent backgrounds."
   },
   "value": "#09326C",
@@ -32,6 +35,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use on bold blue accent backgrounds."
     },
     "value": "B900"
@@ -42,6 +46,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#AE2A19",
@@ -51,6 +56,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -61,6 +67,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use on bold red accent backgrounds."
   },
   "value": "#601E16",
@@ -70,6 +77,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use on bold red accent backgrounds."
     },
     "value": "R900"
@@ -80,6 +88,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#974F0C",
@@ -89,6 +98,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -99,6 +109,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use on bold orange accent backgrounds."
   },
   "value": "#5F3811",
@@ -108,6 +119,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use on bold orange accent backgrounds."
     },
     "value": "O900"
@@ -118,6 +130,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#7F5F01",
@@ -127,6 +140,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -137,6 +151,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use on bold yellow accent backgrounds."
   },
   "value": "#533F04",
@@ -146,6 +161,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use on bold yellow accent backgrounds."
     },
     "value": "Y900"
@@ -156,6 +172,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#216E4E",
@@ -165,6 +182,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -175,6 +193,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use on bold green accent backgrounds."
   },
   "value": "#164B35",
@@ -184,6 +203,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use on bold green accent backgrounds."
     },
     "value": "G900"
@@ -194,6 +214,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#5E4DB2",
@@ -203,6 +224,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -213,6 +235,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use on bold purple accent backgrounds."
   },
   "value": "#352C63",
@@ -222,6 +245,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use on bold purple accent backgrounds."
     },
     "value": "P900"
@@ -232,6 +256,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#206B74",
@@ -241,6 +266,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -251,6 +277,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use on bold teal accent backgrounds."
   },
   "value": "#1D474C",
@@ -260,6 +287,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use on bold teal accent backgrounds."
     },
     "value": "T900"
@@ -270,7 +298,8 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for megenta text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+    "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": "#943D73",
   "filePath": "src/tokens/atlassian-light/color/accent.tsx",
@@ -279,7 +308,8 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for megenta text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
+      "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"
   },
@@ -289,6 +319,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use on bold magenta accent backgrounds."
   },
   "value": "#50253F",
@@ -298,6 +329,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use on bold magenta accent backgrounds."
     },
     "value": "M900"
@@ -308,6 +340,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
   },
   "value": "#172B4D",
@@ -317,6 +350,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
     },
     "value": "N1000"
@@ -327,6 +361,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings."
   },
   "value": "#44546F",
@@ -336,6 +371,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings."
     },
     "value": "N800"
@@ -346,6 +382,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
   },
   "value": "#626F86",
@@ -355,6 +392,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
     },
     "value": "N700"
@@ -365,6 +403,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.0.15",
     "description": "Use for text in a disabled state."
   },
   "value": "#8993A5",
@@ -374,6 +413,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.0.15",
       "description": "Use for text in a disabled state."
     },
     "value": "N500"
@@ -384,6 +424,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for text on bold backgrounds."
   },
   "value": "#FFFFFF",
@@ -393,6 +434,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for text on bold backgrounds."
     },
     "value": "N0"
@@ -403,6 +445,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for text that reinforces our brand."
   },
   "value": "#0C66E4",
@@ -412,6 +455,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for text that reinforces our brand."
     },
     "value": "B700"
@@ -422,6 +466,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
   },
   "value": "#0C66E4",
@@ -431,6 +476,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
     },
     "value": "B700"
@@ -441,6 +487,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.0.15",
     "description": "Use for critical text, such as input field error messaging."
   },
   "value": "#AE2A19",
@@ -450,6 +497,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.0.15",
       "description": "Use for critical text, such as input field error messaging."
     },
     "value": "R800"
@@ -460,6 +508,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.0.15",
     "description": "Use for text to emphasize caution, such as in moved lozenges."
   },
   "value": "#974F0C",
@@ -469,6 +518,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.0.15",
       "description": "Use for text to emphasize caution, such as in moved lozenges."
     },
     "value": "O800"
@@ -479,6 +529,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for text when on bold warning backgrounds."
   },
   "value": "#172B4D",
@@ -488,6 +539,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for text when on bold warning backgrounds."
     },
     "value": "N1000"
@@ -498,6 +550,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.0.15",
     "description": "Use for text to communicate a favourable outcome, such as input field success messaging."
   },
   "value": "#216E4E",
@@ -507,6 +560,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.0.15",
       "description": "Use for text to communicate a favourable outcome, such as input field success messaging."
     },
     "value": "G800"
@@ -517,6 +571,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.0.15",
     "description": "Use for text to emphasize change or something new, such as in new lozenges."
   },
   "value": "#5E4DB2",
@@ -526,6 +581,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.0.15",
       "description": "Use for text to emphasize change or something new, such as in new lozenges."
     },
     "value": "P800"
@@ -536,6 +592,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges."
   },
   "value": "#0055CC",
@@ -545,6 +602,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges."
     },
     "value": "B800"
@@ -555,6 +613,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.text.[default]",
     "description": "Use for primary text, such as body copy, sentence case headers, and buttons"
   },
@@ -565,6 +624,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.text.[default]",
       "description": "Use for primary text, such as body copy, sentence case headers, and buttons"
     },
@@ -576,6 +636,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.link.pressed",
     "description": "Use for links in a pressed state"
   },
@@ -586,6 +647,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.link.pressed",
       "description": "Use for links in a pressed state"
     },
@@ -597,6 +659,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.link.[default]",
     "description": "Use for links in a resting or hover state. Add an underline for hover states"
   },
@@ -607,6 +670,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.link.[default]",
       "description": "Use for links in a resting or hover state. Add an underline for hover states"
     },
@@ -618,6 +682,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "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"
   },
@@ -628,6 +693,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "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"
     },
@@ -639,6 +705,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "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          "
   },
@@ -649,6 +716,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "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          "
     },
@@ -660,6 +728,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.text.inverse",
     "description": "Use for text and icons when on bold backgrounds"
   },
@@ -670,6 +739,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.text.inverse",
       "description": "Use for text and icons when on bold backgrounds"
     },
@@ -681,6 +751,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.text.warning.inverse",
     "description": "Use for text and icons when on bold warning backgrounds"
   },
@@ -691,6 +762,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.text.warning.inverse",
       "description": "Use for text and icons when on bold warning backgrounds"
     },
@@ -702,6 +774,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#1D7AFC",
@@ -711,6 +784,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -721,6 +795,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#E34935",
@@ -730,6 +805,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -740,6 +816,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#D97008",
@@ -749,6 +826,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -759,6 +837,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#B38600",
@@ -768,6 +847,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -778,6 +858,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#22A06B",
@@ -787,6 +868,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -797,6 +879,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#8270DB",
@@ -806,6 +889,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -816,6 +900,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#1D9AAA",
@@ -825,6 +910,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -835,6 +921,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#CD519D",
@@ -844,6 +931,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -854,6 +942,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for icon-only buttons, or icons paired with color.text"
   },
   "value": "#44546F",
@@ -863,6 +952,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for icon-only buttons, or icons paired with color.text"
     },
     "value": "N800"
@@ -873,6 +963,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for icons paired with color.text.subtle"
   },
   "value": "#626F86",
@@ -882,6 +973,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for icons paired with color.text.subtle"
     },
     "value": "N700"
@@ -892,6 +984,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for icons on bold backgrounds."
   },
   "value": "#FFFFFF",
@@ -901,6 +994,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for icons on bold backgrounds."
     },
     "value": "N0"
@@ -911,6 +1005,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for icons in a disabled state."
   },
   "value": "#8993A5",
@@ -920,6 +1015,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for icons in a disabled state."
     },
     "value": "N500"
@@ -930,6 +1026,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for icons that reinforce our brand."
   },
   "value": "#0C66E4",
@@ -939,6 +1036,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for icons that reinforce our brand."
     },
     "value": "B700"
@@ -949,6 +1047,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.2",
     "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
   },
   "value": "#0C66E4",
@@ -958,6 +1057,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.2",
       "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
     },
     "value": "B700"
@@ -968,7 +1068,8 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for icons communicating critical informaton, such as those used in error handing."
+    "introduced": "0.6.0",
+    "description": "Use for icons communicating critical information, such as those used in error handing."
   },
   "value": "#E34935",
   "filePath": "src/tokens/atlassian-light/color/icon.tsx",
@@ -977,7 +1078,8 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for icons communicating critical informaton, such as those used in error handing."
+      "introduced": "0.6.0",
+      "description": "Use for icons communicating critical information, such as those used in error handing."
     },
     "value": "R600"
   },
@@ -987,6 +1089,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for icons communicating caution, such as those used in warning section messages."
   },
   "value": "#D97008",
@@ -996,6 +1099,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for icons communicating caution, such as those used in warning section messages."
     },
     "value": "O600"
@@ -1006,6 +1110,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for icons when on bold warning backgrounds."
   },
   "value": "#172B4D",
@@ -1015,6 +1120,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for icons when on bold warning backgrounds."
     },
     "value": "N1000"
@@ -1025,6 +1131,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for icons communicating a favourable outcome, such as those used in success section messaged."
   },
   "value": "#22A06B",
@@ -1034,6 +1141,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for icons communicating a favourable outcome, such as those used in success section messaged."
     },
     "value": "G600"
@@ -1044,6 +1152,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for icons communicating change or something new, such as discovery section messages."
   },
   "value": "#8270DB",
@@ -1053,6 +1162,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for icons communicating change or something new, such as discovery section messages."
     },
     "value": "P600"
@@ -1063,6 +1173,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for icons communicating information or something in-progress, such as information section messages."
   },
   "value": "#1D7AFC",
@@ -1072,6 +1183,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for icons communicating information or something in-progress, such as information section messages."
     },
     "value": "B600"
@@ -1082,6 +1194,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
   },
   "value": "#1D7AFC",
@@ -1091,6 +1204,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
     },
     "value": "B600"
@@ -1101,6 +1215,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
   },
   "value": "#E34935",
@@ -1110,6 +1225,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
     },
     "value": "R600"
@@ -1120,6 +1236,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color."
   },
   "value": "#D97008",
@@ -1129,6 +1246,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color."
     },
     "value": "O600"
@@ -1139,6 +1257,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color."
   },
   "value": "#B38600",
@@ -1148,6 +1267,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for yellow borders on non-bold backgrounds when there is no meaning tied to the color."
     },
     "value": "Y600"
@@ -1158,6 +1278,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for green borders on non-bold backgrounds when there is no meaning tied to the color."
   },
   "value": "#22A06B",
@@ -1167,6 +1288,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for green borders on non-bold backgrounds when there is no meaning tied to the color."
     },
     "value": "G600"
@@ -1177,6 +1299,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for purple borders on non-bold backgrounds when there is no meaning tied to the color."
   },
   "value": "#8270DB",
@@ -1186,6 +1309,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for purple borders on non-bold backgrounds when there is no meaning tied to the color."
     },
     "value": "P600"
@@ -1196,6 +1320,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for teal borders on non-bold backgrounds when there is no meaning tied to the color."
   },
   "value": "#1D9AAA",
@@ -1205,6 +1330,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for teal borders on non-bold backgrounds when there is no meaning tied to the color."
     },
     "value": "T600"
@@ -1215,6 +1341,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for magenta borders on non-bold backgrounds when there is no meaning tied to the color."
   },
   "value": "#CD519D",
@@ -1224,6 +1351,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for magenta borders on non-bold backgrounds when there is no meaning tied to the color."
     },
     "value": "M600"
@@ -1234,6 +1362,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
   },
   "value": "#091E4224",
@@ -1243,6 +1372,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
     },
     "value": "N300A"
@@ -1253,6 +1383,28 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
+    "description": "Use for borders on bold backgrounds."
+  },
+  "value": "#FFFFFF",
+  "filePath": "src/tokens/atlassian-light/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.6.0",
+      "description": "Use for borders on bold backgrounds."
+    },
+    "value": "N0"
+  },
+  "name": "color.border.inverse",
+  "path": ["color", "border", "inverse"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for focus rings of elements in a focus state."
   },
   "value": "#388BFF",
@@ -1262,6 +1414,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for focus rings of elements in a focus state."
     },
     "value": "B500"
@@ -1272,6 +1425,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
   },
   "value": "#091E4224",
@@ -1281,6 +1435,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
     },
     "value": "N300A"
@@ -1291,6 +1446,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for borders of elements in a disabled state."
   },
   "value": "#091E420F",
@@ -1300,6 +1456,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for borders of elements in a disabled state."
     },
     "value": "N200A"
@@ -1310,6 +1467,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
   },
   "value": "#0C66E4",
@@ -1319,6 +1477,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1329,6 +1488,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#0C66E4",
@@ -1338,6 +1498,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1348,6 +1509,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
   },
   "value": "#E34935",
@@ -1357,6 +1519,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for borders communicating critical information, such as the borders on invalid text fields."
     },
     "value": "R600"
@@ -1367,6 +1530,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for borders communicating caution."
   },
   "value": "#D97008",
@@ -1376,6 +1540,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for borders communicating caution."
     },
     "value": "O600"
@@ -1386,6 +1551,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for borders communicating a favourable outcome, such as the borders on validated text fields."
   },
   "value": "#22A06B",
@@ -1395,6 +1561,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for borders communicating a favourable outcome, such as the borders on validated text fields."
     },
     "value": "G600"
@@ -1405,6 +1572,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
   },
   "value": "#8270DB",
@@ -1414,6 +1582,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for borders communicating change or something new, such as the borders in onboarding spotlights."
     },
     "value": "P600"
@@ -1424,6 +1593,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for borders communicating information or something in-progress."
   },
   "value": "#1D7AFC",
@@ -1433,6 +1603,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for borders communicating information or something in-progress."
     },
     "value": "B600"
@@ -1443,6 +1614,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.border.focused",
     "description": "Use for focus rings of elements in a focus state"
   },
@@ -1453,6 +1625,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.border.focused",
       "description": "Use for focus rings of elements in a focus state"
     },
@@ -1464,6 +1637,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "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"
   },
@@ -1474,6 +1648,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "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"
     },
@@ -1485,6 +1660,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#E9F2FF",
@@ -1494,6 +1670,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1504,6 +1681,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
   },
   "value": "#CCE0FF",
@@ -1513,6 +1691,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
     },
     "value": "B200"
@@ -1523,6 +1702,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
   },
   "value": "#579DFF",
@@ -1532,6 +1712,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags."
     },
     "value": "B400"
@@ -1542,6 +1723,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#0C66E4",
@@ -1551,6 +1733,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1561,6 +1744,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "replacement": "color.background.accent.blue.subtler",
     "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
   },
@@ -1571,6 +1755,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "replacement": "color.background.accent.blue.subtler",
       "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
     },
@@ -1582,6 +1767,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "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."
   },
@@ -1592,6 +1778,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "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."
     },
@@ -1603,6 +1790,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#FFEDEB",
@@ -1612,6 +1800,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1622,6 +1811,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#FFD2CC",
@@ -1631,6 +1821,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "R200"
@@ -1641,6 +1832,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#F87462",
@@ -1650,6 +1842,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1660,6 +1853,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#CA3521",
@@ -1669,6 +1863,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1679,6 +1874,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "replacement": "color.background.accent.red.subtler",
     "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
   },
@@ -1689,6 +1885,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "replacement": "color.background.accent.red.subtler",
       "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
     },
@@ -1700,6 +1897,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "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."
   },
@@ -1710,6 +1908,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "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."
     },
@@ -1721,6 +1920,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#FFF4E5",
@@ -1730,6 +1930,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1740,6 +1941,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#FFE2BD",
@@ -1749,6 +1951,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "O200"
@@ -1759,6 +1962,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#FAA53D",
@@ -1768,6 +1972,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1778,6 +1983,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#B65C02",
@@ -1787,6 +1993,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1797,6 +2004,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "replacement": "color.background.accent.orange.subtler",
     "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
   },
@@ -1807,6 +2015,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "replacement": "color.background.accent.orange.subtler",
       "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
     },
@@ -1818,6 +2027,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "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."
   },
@@ -1828,6 +2038,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "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."
     },
@@ -1839,6 +2050,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#FFF7D6",
@@ -1848,6 +2060,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1858,6 +2071,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#F8E6A0",
@@ -1867,6 +2081,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "Y200"
@@ -1877,6 +2092,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#E2B203",
@@ -1886,6 +2102,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1896,6 +2113,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#946F00",
@@ -1905,6 +2123,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1915,6 +2134,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "replacement": "color.background.accent.yellow.subtler",
     "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
   },
@@ -1925,6 +2145,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "replacement": "color.background.accent.yellow.subtler",
       "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
     },
@@ -1936,6 +2157,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "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."
   },
@@ -1946,6 +2168,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "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."
     },
@@ -1957,6 +2180,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#DFFCF0",
@@ -1966,6 +2190,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -1976,6 +2201,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#BAF3DB",
@@ -1985,6 +2211,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "G200"
@@ -1995,6 +2222,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#4BCE97",
@@ -2004,6 +2232,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -2014,6 +2243,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#1F845A",
@@ -2023,6 +2253,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -2033,6 +2264,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "replacement": "color.background.accent.green.subtler",
     "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
   },
@@ -2043,6 +2275,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "replacement": "color.background.accent.green.subtler",
       "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
     },
@@ -2054,6 +2287,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "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."
   },
@@ -2064,6 +2298,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "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."
     },
@@ -2075,6 +2310,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#E3FAFC",
@@ -2084,6 +2320,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -2094,6 +2331,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#C1F0F5",
@@ -2103,6 +2341,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "T200"
@@ -2113,6 +2352,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#60C6D2",
@@ -2122,6 +2362,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -2132,6 +2373,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#1D7F8C",
@@ -2141,6 +2383,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -2151,6 +2394,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "replacement": "color.background.accent.teal.subtler",
     "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
   },
@@ -2161,6 +2405,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "replacement": "color.background.accent.teal.subtler",
       "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
     },
@@ -2172,6 +2417,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "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."
   },
@@ -2182,6 +2428,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "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."
     },
@@ -2193,6 +2440,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#F3F0FF",
@@ -2202,6 +2450,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -2212,6 +2461,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#DFD8FD",
@@ -2221,6 +2471,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "P200"
@@ -2231,6 +2482,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#9F8FEF",
@@ -2240,6 +2492,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -2250,6 +2503,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#6E5DC6",
@@ -2259,6 +2513,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -2269,6 +2524,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "replacement": "color.background.accent.purple.subtler",
     "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
   },
@@ -2279,6 +2535,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "replacement": "color.background.accent.purple.subtler",
       "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
     },
@@ -2290,6 +2547,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "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."
   },
@@ -2300,6 +2558,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "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."
     },
@@ -2311,6 +2570,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#FFECF8",
@@ -2320,6 +2580,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -2330,6 +2591,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#FDD0EC",
@@ -2339,6 +2601,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.7.0",
       "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "M200"
@@ -2349,6 +2612,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.7.0",
     "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#E774BB",
@@ -2358,6 +2622,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -2368,6 +2633,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "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": "#AE4787",
@@ -2377,6 +2643,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "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"
@@ -2387,6 +2654,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "replacement": "color.background.accent.magenta.subtler",
     "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
   },
@@ -2397,6 +2665,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "replacement": "color.background.accent.magenta.subtler",
       "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
     },
@@ -2408,6 +2677,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.6.0",
     "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."
   },
@@ -2418,6 +2688,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.6.0",
       "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."
     },
@@ -2429,6 +2700,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.0.15",
     "description": "Use for backgrounds of elements in a disabled state."
   },
   "value": "#091E420F",
@@ -2438,6 +2710,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.0.15",
       "description": "Use for backgrounds of elements in a disabled state."
     },
     "value": "N200A"
@@ -2448,6 +2721,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.8.3",
     "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
   },
   "value": "#00000029",
@@ -2457,16 +2731,83 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.8.3",
       "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
     },
     "value": "#00000029"
   },
-  "name": "color.background.inverse",
-  "path": ["color", "background", "inverse"]
+  "name": "color.background.inverse.subtle.[default]",
+  "path": ["color", "background", "inverse", "subtle", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.8.3",
+    "description": "Use for the hovered state of color.background.inverse.subtle"
+  },
+  "value": "#0000003D",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.8.3",
+      "description": "Use for the hovered state of color.background.inverse.subtle"
+    },
+    "value": "#0000003D"
+  },
+  "name": "color.background.inverse.subtle.hovered",
+  "path": ["color", "background", "inverse", "subtle", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.8.3",
+    "description": "Use for the pressed state of color.background.inverse.subtle"
+  },
+  "value": "#00000052",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.8.3",
+      "description": "Use for the pressed state of color.background.inverse.subtle"
+    },
+    "value": "#00000052"
+  },
+  "name": "color.background.inverse.subtle.pressed",
+  "path": ["color", "background", "inverse", "subtle", "pressed"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "introduced": "0.1.0",
+    "replacement": "color.background.inverse.subtle.[default]",
+    "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
+  },
+  "value": "#FFFFFF29",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "introduced": "0.1.0",
+      "replacement": "color.background.inverse.subtle.[default]",
+      "description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
+    },
+    "value": "#FFFFFF29"
+  },
+  "name": "color.background.inverse.[default]",
+  "path": ["color", "background", "inverse", "[default]"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for background of form UI elements, such as text fields, checkboxes, and radio buttons."
   },
   "value": "#FFFFFF",
@@ -2476,6 +2817,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for background of form UI elements, such as text fields, checkboxes, and radio buttons."
     },
     "value": "N0"
@@ -2486,6 +2828,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state for color.background.input"
   },
   "value": "#F7F8F9",
@@ -2495,6 +2838,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state for color.background.input"
     },
     "value": "N100"
@@ -2505,6 +2849,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state for color.background.input"
   },
   "value": "#FFFFFF",
@@ -2514,6 +2859,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state for color.background.input"
     },
     "value": "N0"
@@ -2524,6 +2870,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "The default background for neutral elements, such as default buttons."
   },
   "value": "#091E420F",
@@ -2533,6 +2880,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "The default background for neutral elements, such as default buttons."
     },
     "value": "N200A"
@@ -2543,6 +2891,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state for color.background.neutral"
   },
   "value": "#091E4224",
@@ -2552,6 +2901,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state for color.background.neutral"
     },
     "value": "N300A"
@@ -2562,6 +2912,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state for color.background.neutral"
   },
   "value": "#091E424F",
@@ -2571,6 +2922,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state for color.background.neutral"
     },
     "value": "N400A"
@@ -2581,6 +2933,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for the background of elements that appear to have no background in a resting state, such as subtle buttons and menu items."
   },
   "value": "#00000000",
@@ -2590,6 +2943,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for the background of elements that appear to have no background in a resting state, such as subtle buttons and menu items."
     },
     "value": "transparent"
@@ -2600,6 +2954,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state for color.background.neutral.subtle"
   },
   "value": "#091E420F",
@@ -2609,6 +2964,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state for color.background.neutral.subtle"
     },
     "value": "N200A"
@@ -2619,6 +2975,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state for color.background.neutral.subtle"
   },
   "value": "#091E4224",
@@ -2628,6 +2985,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state for color.background.neutral.subtle"
     },
     "value": "N300A"
@@ -2638,6 +2996,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "A vibrant background option for neutral UI elements, such as announcement banners."
   },
   "value": "#44546F",
@@ -2647,6 +3006,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "A vibrant background option for neutral UI elements, such as announcement banners."
     },
     "value": "N800"
@@ -2657,6 +3017,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state of color.background.neutral.bold"
   },
   "value": "#2C3E5D",
@@ -2666,6 +3027,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state of color.background.neutral.bold"
     },
     "value": "N900"
@@ -2676,6 +3038,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state of color.background.neutral.bold"
   },
   "value": "#172B4D",
@@ -2685,6 +3048,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state of color.background.neutral.bold"
     },
     "value": "N1000"
@@ -2695,6 +3059,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
   },
   "value": "#0C66E4",
@@ -2704,6 +3069,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
     },
     "value": "B700"
@@ -2714,6 +3080,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state of color.background.brand.bold"
   },
   "value": "#0055CC",
@@ -2723,6 +3090,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state of color.background.brand.bold"
     },
     "value": "B800"
@@ -2733,6 +3101,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state of color.background.brand.bold"
   },
   "value": "#09326C",
@@ -2742,6 +3111,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state of color.background.brand.bold"
     },
     "value": "B900"
@@ -2752,6 +3122,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
+    "introduced": "0.6.0",
     "replacement": "color.background.selected.[default].[default]",
     "description": "Use for the background of elements used to reinforce our brand."
   },
@@ -2762,6 +3133,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
+      "introduced": "0.6.0",
       "replacement": "color.background.selected.[default].[default]",
       "description": "Use for the background of elements used to reinforce our brand."
     },
@@ -2773,6 +3145,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
+    "introduced": "0.6.0",
     "replacement": "color.background.selected.[default].hovered",
     "description": "Hovered state for color.background.brand"
   },
@@ -2783,6 +3156,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
+      "introduced": "0.6.0",
       "replacement": "color.background.selected.[default].hovered",
       "description": "Hovered state for color.background.brand"
     },
@@ -2794,6 +3168,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
+    "introduced": "0.6.0",
     "replacement": "color.background.selected.[default].pressed",
     "description": "Pressed state for color.background.brand"
   },
@@ -2804,6 +3179,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
+      "introduced": "0.6.0",
       "replacement": "color.background.selected.[default].pressed",
       "description": "Pressed state for color.background.brand"
     },
@@ -2815,6 +3191,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.2",
     "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
   },
   "value": "#E9F2FF",
@@ -2824,6 +3201,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.2",
       "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
     },
     "value": "B100"
@@ -2834,6 +3212,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.2",
     "description": "Hovered state for color.background.selected"
   },
   "value": "#CCE0FF",
@@ -2843,6 +3222,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.2",
       "description": "Hovered state for color.background.selected"
     },
     "value": "B200"
@@ -2853,6 +3233,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.2",
     "description": "Pressed state for color.background.selected"
   },
   "value": "#85B8FF",
@@ -2862,6 +3243,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.2",
       "description": "Pressed state for color.background.selected"
     },
     "value": "B300"
@@ -2872,7 +3254,8 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for the backgrounds of elements in a selected state, such as checkboxed and radio buttons."
+    "introduced": "0.6.2",
+    "description": "Use for the backgrounds of elements in a selected state, such as checkboxes and radio buttons."
   },
   "value": "#0C66E4",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
@@ -2881,7 +3264,8 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for the backgrounds of elements in a selected state, such as checkboxed and radio buttons."
+      "introduced": "0.6.2",
+      "description": "Use for the backgrounds of elements in a selected state, such as checkboxes and radio buttons."
     },
     "value": "B700"
   },
@@ -2891,6 +3275,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.2",
     "description": "Hovered state of color.background.selected.bold"
   },
   "value": "#0055CC",
@@ -2900,6 +3285,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.2",
       "description": "Hovered state of color.background.selected.bold"
     },
     "value": "B800"
@@ -2910,6 +3296,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.2",
     "description": "Pressed state of color.background.selected.bold"
   },
   "value": "#09326C",
@@ -2919,6 +3306,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.2",
       "description": "Pressed state of color.background.selected.bold"
     },
     "value": "B900"
@@ -2929,6 +3317,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
+    "introduced": "0.1.0",
     "replacement": "color.background.selected.[default].[default]",
     "description": "Use for backgrounds of elements in a selected state"
   },
@@ -2939,6 +3328,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
+      "introduced": "0.1.0",
       "replacement": "color.background.selected.[default].[default]",
       "description": "Use for backgrounds of elements in a selected state"
     },
@@ -2950,6 +3340,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
+    "introduced": "0.1.0",
     "replacement": "color.background.selected.[default].hovered",
     "description": "Hover state for color.background.selected"
   },
@@ -2960,6 +3351,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
+      "introduced": "0.1.0",
       "replacement": "color.background.selected.[default].hovered",
       "description": "Hover state for color.background.selected"
     },
@@ -2971,7 +3363,8 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for backgrounds communicating critical informaton, such in error section messages."
+    "introduced": "0.6.0",
+    "description": "Use for backgrounds communicating critical information, such in error section messages."
   },
   "value": "#FFEDEB",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
@@ -2980,7 +3373,8 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for backgrounds communicating critical informaton, such in error section messages."
+      "introduced": "0.6.0",
+      "description": "Use for backgrounds communicating critical information, such in error section messages."
     },
     "value": "R100"
   },
@@ -2990,6 +3384,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state for color.background.danger"
   },
   "value": "#FFD2CC",
@@ -2999,6 +3394,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state for color.background.danger"
     },
     "value": "R200"
@@ -3009,6 +3405,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state for color.background.danger"
   },
   "value": "#FF9C8F",
@@ -3018,6 +3415,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state for color.background.danger"
     },
     "value": "R300"
@@ -3028,6 +3426,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "A vibrant background option for communicating critical information, such as in danger buttons and error banners."
   },
   "value": "#CA3521",
@@ -3037,6 +3436,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "A vibrant background option for communicating critical information, such as in danger buttons and error banners."
     },
     "value": "R700"
@@ -3047,6 +3447,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state of color.background.danger.bold"
   },
   "value": "#AE2A19",
@@ -3056,6 +3457,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state of color.background.danger.bold"
     },
     "value": "R800"
@@ -3066,6 +3468,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state of color.background.danger.bold"
   },
   "value": "#601E16",
@@ -3075,6 +3478,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state of color.background.danger.bold"
     },
     "value": "R900"
@@ -3085,6 +3489,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for backgrounds communicating caution, such as in warning section messages."
   },
   "value": "#FFF7D6",
@@ -3094,6 +3499,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for backgrounds communicating caution, such as in warning section messages."
     },
     "value": "Y100"
@@ -3104,6 +3510,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state for color.background.warning"
   },
   "value": "#F8E6A0",
@@ -3113,6 +3520,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state for color.background.warning"
     },
     "value": "Y200"
@@ -3123,6 +3531,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state for color.background.warning"
   },
   "value": "#F5CD47",
@@ -3132,6 +3541,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state for color.background.warning"
     },
     "value": "Y300"
@@ -3142,6 +3552,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "A vibrant background option for communicating caution, such as in warning buttons and warning banners."
   },
   "value": "#E2B203",
@@ -3151,6 +3562,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "A vibrant background option for communicating caution, such as in warning buttons and warning banners."
     },
     "value": "Y400"
@@ -3161,6 +3573,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state of color.background.warning.bold"
   },
   "value": "#CF9F02",
@@ -3170,6 +3583,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state of color.background.warning.bold"
     },
     "value": "Y500"
@@ -3180,6 +3594,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state of color.background.warning.bold"
   },
   "value": "#B38600",
@@ -3189,6 +3604,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state of color.background.warning.bold"
     },
     "value": "Y600"
@@ -3199,6 +3615,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for backgrounds communicating a favourable outcome, such as in success section messages."
   },
   "value": "#DFFCF0",
@@ -3208,6 +3625,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for backgrounds communicating a favourable outcome, such as in success section messages."
     },
     "value": "G100"
@@ -3218,6 +3636,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state for color.background.success"
   },
   "value": "#BAF3DB",
@@ -3227,6 +3646,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state for color.background.success"
     },
     "value": "G200"
@@ -3237,6 +3657,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state for color.background.success"
   },
   "value": "#7EE2B8",
@@ -3246,6 +3667,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state for color.background.success"
     },
     "value": "G300"
@@ -3256,6 +3678,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "A vibrant background option for communicating a favourable outcome, such as in checked toggles."
   },
   "value": "#1F845A",
@@ -3265,6 +3688,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "A vibrant background option for communicating a favourable outcome, such as in checked toggles."
     },
     "value": "G700"
@@ -3275,6 +3699,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state of color.background.success.bold"
   },
   "value": "#216E4E",
@@ -3284,6 +3709,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state of color.background.success.bold"
     },
     "value": "G800"
@@ -3294,6 +3720,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state of color.background.success.bold"
   },
   "value": "#164B35",
@@ -3303,6 +3730,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state of color.background.success.bold"
     },
     "value": "G900"
@@ -3313,6 +3741,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for backgrounds communicating change or something new, such as in discovery section messages."
   },
   "value": "#F3F0FF",
@@ -3322,6 +3751,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for backgrounds communicating change or something new, such as in discovery section messages."
     },
     "value": "P100"
@@ -3332,6 +3762,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hover state for color.background.discovery"
   },
   "value": "#DFD8FD",
@@ -3341,6 +3772,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hover state for color.background.discovery"
     },
     "value": "P200"
@@ -3351,6 +3783,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state for color.background.discovery"
   },
   "value": "#B8ACF6",
@@ -3360,6 +3793,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state for color.background.discovery"
     },
     "value": "P300"
@@ -3370,6 +3804,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "A vibrant background option communicating change or something new, such as in onboarding spotlights."
   },
   "value": "#6E5DC6",
@@ -3379,6 +3814,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "A vibrant background option communicating change or something new, such as in onboarding spotlights."
     },
     "value": "P700"
@@ -3389,6 +3825,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state of color.background.discovery.bold"
   },
   "value": "#5E4DB2",
@@ -3398,6 +3835,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state of color.background.discovery.bold"
     },
     "value": "P800"
@@ -3408,6 +3846,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state of color.background.discovery.bold"
   },
   "value": "#352C63",
@@ -3417,6 +3856,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state of color.background.discovery.bold"
     },
     "value": "P900"
@@ -3427,6 +3867,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for backgrounds communicating information or something in-progress, such as in information section messages."
   },
   "value": "#E9F2FF",
@@ -3436,6 +3877,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for backgrounds communicating information or something in-progress, such as in information section messages."
     },
     "value": "B100"
@@ -3446,6 +3888,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state of color.background.information"
   },
   "value": "#CCE0FF",
@@ -3455,6 +3898,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state of color.background.information"
     },
     "value": "B200"
@@ -3465,6 +3909,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state of color.background.information"
   },
   "value": "#85B8FF",
@@ -3474,6 +3919,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state of color.background.information"
     },
     "value": "B300"
@@ -3484,6 +3930,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "A vibrant background option for communicating information or something in-progress."
   },
   "value": "#0C66E4",
@@ -3493,6 +3940,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "A vibrant background option for communicating information or something in-progress."
     },
     "value": "B700"
@@ -3503,6 +3951,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Hovered state of color.background.information.bold"
   },
   "value": "#0055CC",
@@ -3512,6 +3961,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Hovered state of color.background.information.bold"
     },
     "value": "B800"
@@ -3522,6 +3972,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Pressed state of color.background.information.bold"
   },
   "value": "#09326C",
@@ -3531,6 +3982,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Pressed state of color.background.information.bold"
     },
     "value": "B900"
@@ -3541,6 +3993,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.blanket.[default]",
     "description": "Use for the screen overlay that appears with modal dialogs"
   },
@@ -3551,6 +4004,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.blanket.[default]",
       "description": "Use for the screen overlay that appears with modal dialogs"
     },
@@ -3562,6 +4016,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.brand.bold.hovered",
     "description": "Hover state of background.boldBrand"
   },
@@ -3572,6 +4027,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.brand.bold.hovered",
       "description": "Hover state of background.boldBrand"
     },
@@ -3583,6 +4039,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.brand.bold.pressed",
     "description": "Pressed state of background.boldBrand"
   },
@@ -3593,6 +4050,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.brand.bold.pressed",
       "description": "Pressed state of background.boldBrand"
     },
@@ -3604,6 +4062,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.brand.bold.[default]",
     "description": "A vibrant background for small UI elements like primary buttons and bold in progress lozenges."
   },
@@ -3614,6 +4073,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.brand.bold.[default]",
       "description": "A vibrant background for small UI elements like primary buttons and bold in progress lozenges."
     },
@@ -3625,6 +4085,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.danger.bold.hovered",
     "description": "Hover state of background.boldDanger"
   },
@@ -3635,6 +4096,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.danger.bold.hovered",
       "description": "Hover state of background.boldDanger"
     },
@@ -3646,6 +4108,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.danger.bold.pressed",
     "description": "Pressed state of background.boldDanger"
   },
@@ -3656,6 +4119,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.danger.bold.pressed",
       "description": "Pressed state of background.boldDanger"
     },
@@ -3667,6 +4131,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.danger.bold.[default]",
     "description": "A vibrant background for small UI elements like danger buttons and bold removed lozenges."
   },
@@ -3677,6 +4142,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.danger.bold.[default]",
       "description": "A vibrant background for small UI elements like danger buttons and bold removed lozenges."
     },
@@ -3688,6 +4154,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.discovery.bold.hovered",
     "description": "Hover state of background.boldDiscovery"
   },
@@ -3698,6 +4165,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.discovery.bold.hovered",
       "description": "Hover state of background.boldDiscovery"
     },
@@ -3709,6 +4177,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.discovery.bold.pressed",
     "description": "Pressed state of background.boldDiscovery"
   },
@@ -3719,6 +4188,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.discovery.bold.pressed",
       "description": "Pressed state of background.boldDiscovery"
     },
@@ -3730,6 +4200,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.discovery.bold.[default]",
     "description": "A vibrant background for small UI elements like onboarding buttons and bold new lozenges."
   },
@@ -3740,6 +4211,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.discovery.bold.[default]",
       "description": "A vibrant background for small UI elements like onboarding buttons and bold new lozenges."
     },
@@ -3751,6 +4223,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.neutral.bold.hovered",
     "description": "Hover state of background.boldNeutral"
   },
@@ -3761,6 +4234,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.neutral.bold.hovered",
       "description": "Hover state of background.boldNeutral"
     },
@@ -3772,6 +4246,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.neutral.bold.pressed",
     "description": "Pressed state of background.boldNeutral"
   },
@@ -3782,6 +4257,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.neutral.bold.pressed",
       "description": "Pressed state of background.boldNeutral"
     },
@@ -3793,6 +4269,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.neutral.bold.[default]",
     "description": "A vibrant background for small UI elements like unchecked toggles and bold default lozenges."
   },
@@ -3803,6 +4280,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.neutral.bold.[default]",
       "description": "A vibrant background for small UI elements like unchecked toggles and bold default lozenges."
     },
@@ -3814,6 +4292,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.success.bold.hovered",
     "description": "Hover state of background.boldSuccess"
   },
@@ -3824,6 +4303,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.success.bold.hovered",
       "description": "Hover state of background.boldSuccess"
     },
@@ -3835,6 +4315,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.success.bold.pressed",
     "description": "Pressed state of background.boldSuccess"
   },
@@ -3845,6 +4326,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.success.bold.pressed",
       "description": "Pressed state of background.boldSuccess"
     },
@@ -3856,6 +4338,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.success.bold.[default]",
     "description": "A vibrant background for small UI elements like checked toggles and bold success lozenges."
   },
@@ -3866,6 +4349,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.success.bold.[default]",
       "description": "A vibrant background for small UI elements like checked toggles and bold success lozenges."
     },
@@ -3877,6 +4361,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.warning.bold.hovered",
     "description": "Hover state of background.boldWarning"
   },
@@ -3887,6 +4372,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.warning.bold.hovered",
       "description": "Hover state of background.boldWarning"
     },
@@ -3898,6 +4384,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.warning.bold.pressed",
     "description": "Pressed state of background.boldWarning"
   },
@@ -3908,6 +4395,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.warning.bold.pressed",
       "description": "Pressed state of background.boldWarning"
     },
@@ -3919,6 +4407,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.warning.bold.[default]",
     "description": "A vibrant background for small UI elements like warning buttons and bold moved lozenges."
   },
@@ -3929,6 +4418,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.warning.bold.[default]",
       "description": "A vibrant background for small UI elements like warning buttons and bold moved lozenges."
     },
@@ -3940,6 +4430,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "elevation.surface.raised",
     "description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
   },
@@ -3950,6 +4441,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "elevation.surface.raised",
       "description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
     },
@@ -3961,6 +4453,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "elevation.surface.[default]",
     "description": "Use as the primary background for the UI"
   },
@@ -3971,6 +4464,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "elevation.surface.[default]",
       "description": "Use as the primary background for the UI"
     },
@@ -3982,6 +4476,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "elevation.surface.overlay",
     "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."
   },
@@ -3992,6 +4487,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "elevation.surface.overlay",
       "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."
     },
@@ -4003,6 +4499,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.input.pressed",
     "description": "Pressed state for background.subtleBorderedNeutral"
   },
@@ -4013,6 +4510,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.input.pressed",
       "description": "Pressed state for background.subtleBorderedNeutral"
     },
@@ -4024,6 +4522,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.input.[default]",
     "description": "Hover state for background.subtleBorderedNeutral"
   },
@@ -4034,6 +4533,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.input.[default]",
       "description": "Hover state for background.subtleBorderedNeutral"
     },
@@ -4045,6 +4545,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
+    "introduced": "0.0.15",
     "replacement": "color.background.selected.[default].hovered",
     "description": "Hover state for background.subtleBrand"
   },
@@ -4055,6 +4556,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
+      "introduced": "0.0.15",
       "replacement": "color.background.selected.[default].hovered",
       "description": "Hover state for background.subtleBrand"
     },
@@ -4066,6 +4568,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
+    "introduced": "0.0.15",
     "replacement": "color.background.selected.[default].pressed",
     "description": "Pressed state for background.subtleBrand"
   },
@@ -4076,6 +4579,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
+      "introduced": "0.0.15",
       "replacement": "color.background.selected.[default].pressed",
       "description": "Pressed state for background.subtleBrand"
     },
@@ -4087,6 +4591,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
+    "introduced": "0.0.15",
     "replacement": "color.background.selected.[default].[default]",
     "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
   },
@@ -4097,6 +4602,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
+      "introduced": "0.0.15",
       "replacement": "color.background.selected.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
     },
@@ -4108,6 +4614,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.danger.[default].hovered",
     "description": "Hover state for background.subtleDanger"
   },
@@ -4118,6 +4625,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.danger.[default].hovered",
       "description": "Hover state for background.subtleDanger"
     },
@@ -4129,6 +4637,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.danger.[default].pressed",
     "description": "Pressed state for background.subtleDanger"
   },
@@ -4139,6 +4648,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.danger.[default].pressed",
       "description": "Pressed state for background.subtleDanger"
     },
@@ -4150,6 +4660,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.danger.[default].[default]",
     "description": "Use for subdued backgrounds of UI elements like error section messages and removed lozenges."
   },
@@ -4160,6 +4671,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.danger.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like error section messages and removed lozenges."
     },
@@ -4171,6 +4683,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.discovery.[default].hovered",
     "description": "Hover state for background.subtleDiscovery"
   },
@@ -4181,6 +4694,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.discovery.[default].hovered",
       "description": "Hover state for background.subtleDiscovery"
     },
@@ -4192,6 +4706,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.discovery.[default].pressed",
     "description": "Pressed state for background.subtleDiscovery"
   },
@@ -4202,6 +4717,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.discovery.[default].pressed",
       "description": "Pressed state for background.subtleDiscovery"
     },
@@ -4213,6 +4729,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.discovery.[default].[default]",
     "description": "Use for subdued backgrounds of UI elements like discovery section messages and new lozenges."
   },
@@ -4223,6 +4740,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.discovery.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like discovery section messages and new lozenges."
     },
@@ -4234,6 +4752,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.neutral.[default].hovered",
     "description": "Hover state for background.subtleNeutral"
   },
@@ -4244,6 +4763,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.neutral.[default].hovered",
       "description": "Hover state for background.subtleNeutral"
     },
@@ -4255,6 +4775,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.neutral.[default].pressed",
     "description": "Pressed state for background.subtleNeutral"
   },
@@ -4265,6 +4786,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.neutral.[default].pressed",
       "description": "Pressed state for background.subtleNeutral"
     },
@@ -4276,6 +4798,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.neutral.[default].[default]",
     "description": "Use as the default background of UI elements like buttons, lozenges, and tags."
   },
@@ -4286,6 +4809,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.neutral.[default].[default]",
       "description": "Use as the default background of UI elements like buttons, lozenges, and tags."
     },
@@ -4297,6 +4821,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.success.[default].hovered",
     "description": "Hover state for background.subtleSuccess"
   },
@@ -4307,6 +4832,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.success.[default].hovered",
       "description": "Hover state for background.subtleSuccess"
     },
@@ -4318,6 +4844,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.success.[default].pressed",
     "description": "Pressed state for background.subtleSuccess"
   },
@@ -4328,6 +4855,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.success.[default].pressed",
       "description": "Pressed state for background.subtleSuccess"
     },
@@ -4339,6 +4867,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.success.[default].[default]",
     "description": "Use for subdued backgrounds of UI elements like success section messages and success lozenges."
   },
@@ -4349,6 +4878,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.success.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like success section messages and success lozenges."
     },
@@ -4360,6 +4890,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.warning.[default].hovered",
     "description": "Hover state for background.subtleWarning"
   },
@@ -4370,6 +4901,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.warning.[default].hovered",
       "description": "Hover state for background.subtleWarning"
     },
@@ -4381,6 +4913,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.warning.[default].pressed",
     "description": "Pressed state for background.subtleWarning"
   },
@@ -4391,6 +4924,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.warning.[default].pressed",
       "description": "Pressed state for background.subtleWarning"
     },
@@ -4402,6 +4936,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "color.background.warning.[default].[default]",
     "description": "Use for subdued backgrounds of UI elements like warning section messages and moved lozenges."
   },
@@ -4412,6 +4947,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "color.background.warning.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like warning section messages and moved lozenges."
     },
@@ -4423,6 +4959,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "replacement": "elevation.surface.sunken",
     "description": "Use as a secondary background for the UI"
   },
@@ -4433,6 +4970,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "replacement": "elevation.surface.sunken",
       "description": "Use as a secondary background for the UI"
     },
@@ -4444,6 +4982,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "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."
   },
@@ -4454,6 +4993,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "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."
     },
@@ -4465,6 +5005,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "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."
   },
@@ -4475,6 +5016,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "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."
     },
@@ -4486,6 +5028,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.0.15",
     "description": "Use for the screen overlay that appears with modal dialogs"
   },
   "value": "#091E427A",
@@ -4495,6 +5038,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.0.15",
       "description": "Use for the screen overlay that appears with modal dialogs"
     },
     "value": "N500A"
@@ -4505,6 +5049,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
   },
   "value": "#388BFFCC",
@@ -4514,6 +5059,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
     },
     "value": "#388BFFCC"
@@ -4524,6 +5070,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
   },
   "value": "#EF5C48CC",
@@ -4533,6 +5080,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
     },
     "value": "#EF5C48CC"
@@ -4543,6 +5091,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use as a background overlay for elements in a hovered state when their background color cannot change, such as avatars."
   },
   "value": "#ffffff33",
@@ -4552,6 +5101,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use as a background overlay for elements in a hovered state when their background color cannot change, such as avatars."
     },
     "value": "#ffffff33"
@@ -4562,6 +5112,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
   },
   "value": "#ffffff5c",
@@ -4571,6 +5122,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
     },
     "value": "#ffffff5c"
@@ -4581,6 +5133,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards."
   },
   "value": "#00000029",
@@ -4590,6 +5143,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards."
     },
     "value": "#00000029"
@@ -4600,6 +5154,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards."
   },
   "value": "#00000052",
@@ -4609,6 +5164,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use as a background overlay for elements in a hovered state on bold backgrounds, such as the buttons on spotlight cards."
     },
     "value": "#00000052"
@@ -4619,6 +5175,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.8.0",
     "description": "Use for skeleton loading states"
   },
   "value": "#091E420F",
@@ -4628,6 +5185,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.8.0",
       "description": "Use for skeleton loading states"
     },
     "value": "N200A"
@@ -4638,6 +5196,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.8.0",
     "description": "Use for the pulse or shimmer effect in skeleton loading states"
   },
   "value": "#091E4208",
@@ -4647,6 +5206,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.8.0",
       "description": "Use for the pulse or shimmer effect in skeleton loading states"
     },
     "value": "N100A"
@@ -4657,6 +5217,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for links in a default or hovered state. Add an underline for hovered states."
   },
   "value": "#0C66E4",
@@ -4666,6 +5227,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for links in a default or hovered state. Add an underline for hovered states."
     },
     "value": "B700"
@@ -4676,6 +5238,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for links in a pressed state."
   },
   "value": "#0055CC",
@@ -4685,6 +5248,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for links in a pressed state."
     },
     "value": "B800"
@@ -4695,6 +5259,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.1",
     "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."
   },
@@ -4705,6 +5270,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.1",
       "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."
     },
@@ -4716,6 +5282,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.1",
     "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."
   },
@@ -4726,6 +5293,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.1",
       "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."
     },
@@ -4737,6 +5305,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.1",
     "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."
   },
@@ -4747,6 +5316,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.1",
       "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."
     },
@@ -4758,6 +5328,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.1",
     "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."
   },
@@ -4768,6 +5339,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.1",
       "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."
     },
@@ -4779,6 +5351,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.1",
     "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."
   },
@@ -4789,6 +5362,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.1",
       "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."
     },
@@ -4800,6 +5374,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.1",
     "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."
   },
@@ -4810,6 +5385,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.1",
       "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."
     },
@@ -4821,6 +5397,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.0",
     "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."
   },
@@ -4831,6 +5408,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.0",
       "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."
     },
@@ -4842,6 +5420,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.0",
     "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."
   },
@@ -4852,6 +5431,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.0",
       "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."
     },
@@ -4863,6 +5443,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.0",
     "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."
   },
@@ -4873,6 +5454,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.0",
       "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."
     },
@@ -4884,6 +5466,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.0",
     "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."
   },
@@ -4894,6 +5477,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.0",
       "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."
     },
@@ -4905,6 +5489,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.0",
     "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."
   },
@@ -4915,6 +5500,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.0",
       "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."
     },
@@ -4926,6 +5512,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.0",
     "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."
   },
@@ -4936,6 +5523,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.0",
       "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."
     },
@@ -4947,6 +5535,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.0",
     "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."
   },
@@ -4957,6 +5546,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.0",
       "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."
     },
@@ -4968,6 +5558,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "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."
   },
@@ -4978,6 +5569,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "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."
     },
@@ -4989,6 +5581,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "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."
   },
@@ -4999,6 +5592,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "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."
     },
@@ -5010,6 +5604,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "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"
   },
@@ -5020,6 +5615,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "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"
     },
@@ -5031,6 +5627,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "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"
   },
@@ -5041,6 +5638,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "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"
     },
@@ -5052,6 +5650,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.0.15",
     "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"
   },
@@ -5062,6 +5661,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.0.15",
       "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"
     },
@@ -5073,6 +5673,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.0",
     "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."
   },
@@ -5083,6 +5684,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.0",
       "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."
     },
@@ -5094,6 +5696,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deleted",
+    "introduced": "0.1.0",
     "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."
   },
@@ -5104,6 +5707,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deleted",
+      "introduced": "0.1.0",
       "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."
     },
@@ -5115,6 +5719,7 @@ const tokens = [{
   "attributes": {
     "group": "shadow",
     "state": "deleted",
+    "introduced": "0.6.0",
     "replacement": "elevation.shadow.raised",
     "description": "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
   },
@@ -5141,6 +5746,7 @@ const tokens = [{
     "attributes": {
       "group": "shadow",
       "state": "deleted",
+      "introduced": "0.6.0",
       "replacement": "elevation.shadow.raised",
       "description": "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
     },
@@ -5168,6 +5774,7 @@ const tokens = [{
   "attributes": {
     "group": "shadow",
     "state": "deleted",
+    "introduced": "0.6.0",
     "replacement": "elevation.shadow.overlay",
     "description": "\nUse for the box shadow 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 box shadow of raised cards in a dragged state.\n\nCombine with background.overlay"
   },
@@ -5194,6 +5801,7 @@ const tokens = [{
     "attributes": {
       "group": "shadow",
       "state": "deleted",
+      "introduced": "0.6.0",
       "replacement": "elevation.shadow.overlay",
       "description": "\nUse for the box shadow 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 box shadow of raised cards in a dragged state.\n\nCombine with background.overlay"
     },
@@ -5221,6 +5829,7 @@ const tokens = [{
   "attributes": {
     "group": "shadow",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
   },
   "value": [{
@@ -5246,6 +5855,7 @@ const tokens = [{
     "attributes": {
       "group": "shadow",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
     },
     "value": [{
@@ -5272,6 +5882,7 @@ const tokens = [{
   "attributes": {
     "group": "shadow",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use to create a shadow when content scolls under other content."
   },
   "value": [{
@@ -5297,6 +5908,7 @@ const tokens = [{
     "attributes": {
       "group": "shadow",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use to create a shadow when content scolls under other content."
     },
     "value": [{
@@ -5323,6 +5935,7 @@ const tokens = [{
   "attributes": {
     "group": "shadow",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for the box shadow of elements that sit on top of the UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.surface.overlay\n\nAlso use for the box shadow of raised cards in a dragged state."
   },
   "value": [{
@@ -5348,6 +5961,7 @@ const tokens = [{
     "attributes": {
       "group": "shadow",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for the box shadow of elements that sit on top of the UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.surface.overlay\n\nAlso use for the box shadow of raised cards in a dragged state."
     },
     "value": [{
@@ -5374,6 +5988,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use as the primary background for the UI."
   },
   "value": "#FFFFFF",
@@ -5383,6 +5998,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use as the primary background for the UI."
     },
     "value": "N0"
@@ -5393,6 +6009,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
   },
   "value": "#F7F8F9",
@@ -5402,6 +6019,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
     },
     "value": "N100"
@@ -5412,6 +6030,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for the background of raised cards, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised"
   },
   "value": "#FFFFFF",
@@ -5421,6 +6040,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for the background of raised cards, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised"
     },
     "value": "N0"
@@ -5431,6 +6051,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
+    "introduced": "0.6.0",
     "description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.shadow.overlay\n\nAlso use for the background of raised cards in a dragged state."
   },
   "value": "#FFFFFF",
@@ -5440,6 +6061,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
+      "introduced": "0.6.0",
       "description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.shadow.overlay\n\nAlso use for the background of raised cards in a dragged state."
     },
     "value": "N0"
@@ -5450,6 +6072,7 @@ const tokens = [{
   "attributes": {
     "group": "raw",
     "state": "active",
+    "introduced": "0.1.1",
     "description": "Transparent token used for backwards compatibility between new and old theming solutions"
   },
   "value": "transparent",
@@ -5459,6 +6082,7 @@ const tokens = [{
     "attributes": {
       "group": "raw",
       "state": "active",
+      "introduced": "0.1.1",
       "description": "Transparent token used for backwards compatibility between new and old theming solutions"
     },
     "value": "transparent"
@@ -5469,6 +6093,7 @@ const tokens = [{
   "attributes": {
     "group": "raw",
     "state": "active",
+    "introduced": "0.4.0",
     "description": "Used as a placeholder when a suitable token does not exist"
   },
   "value": "#FA11F2",
@@ -5478,6 +6103,7 @@ const tokens = [{
     "attributes": {
       "group": "raw",
       "state": "active",
+      "introduced": "0.4.0",
       "description": "Used as a placeholder when a suitable token does not exist"
     },
     "value": "#FA11F2"