@atlaskit/tokens 0.6.1 → 0.7.0

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

@@ -17,8 +17,27 @@ const tokens = [{
     },
     "value": "B800"
   },
-  "name": "color.text.accent.blue",
-  "path": ["color", "text", "accent", "blue"]
+  "name": "color.text.accent.blue.[default]",
+  "path": ["color", "text", "accent", "blue", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use on bold blue accent backgrounds."
+  },
+  "value": "#09326C",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use on bold blue accent backgrounds."
+    },
+    "value": "B900"
+  },
+  "name": "color.text.accent.blue.bolder",
+  "path": ["color", "text", "accent", "blue", "bolder"]
 }, {
   "attributes": {
     "group": "paint",
@@ -36,8 +55,27 @@ const tokens = [{
     },
     "value": "R800"
   },
-  "name": "color.text.accent.red",
-  "path": ["color", "text", "accent", "red"]
+  "name": "color.text.accent.red.[default]",
+  "path": ["color", "text", "accent", "red", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use on bold red accent backgrounds."
+  },
+  "value": "#601E16",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use on bold red accent backgrounds."
+    },
+    "value": "R900"
+  },
+  "name": "color.text.accent.red.bolder",
+  "path": ["color", "text", "accent", "red", "bolder"]
 }, {
   "attributes": {
     "group": "paint",
@@ -55,8 +93,27 @@ const tokens = [{
     },
     "value": "O800"
   },
-  "name": "color.text.accent.orange",
-  "path": ["color", "text", "accent", "orange"]
+  "name": "color.text.accent.orange.[default]",
+  "path": ["color", "text", "accent", "orange", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use on bold orange accent backgrounds."
+  },
+  "value": "#5F3811",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use on bold orange accent backgrounds."
+    },
+    "value": "O900"
+  },
+  "name": "color.text.accent.orange.bolder",
+  "path": ["color", "text", "accent", "orange", "bolder"]
 }, {
   "attributes": {
     "group": "paint",
@@ -74,8 +131,27 @@ const tokens = [{
     },
     "value": "Y800"
   },
-  "name": "color.text.accent.yellow",
-  "path": ["color", "text", "accent", "yellow"]
+  "name": "color.text.accent.yellow.[default]",
+  "path": ["color", "text", "accent", "yellow", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use on bold yellow accent backgrounds."
+  },
+  "value": "#533F04",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use on bold yellow accent backgrounds."
+    },
+    "value": "Y900"
+  },
+  "name": "color.text.accent.yellow.bolder",
+  "path": ["color", "text", "accent", "yellow", "bolder"]
 }, {
   "attributes": {
     "group": "paint",
@@ -93,8 +169,27 @@ const tokens = [{
     },
     "value": "G800"
   },
-  "name": "color.text.accent.green",
-  "path": ["color", "text", "accent", "green"]
+  "name": "color.text.accent.green.[default]",
+  "path": ["color", "text", "accent", "green", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use on bold green accent backgrounds."
+  },
+  "value": "#164B35",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use on bold green accent backgrounds."
+    },
+    "value": "G900"
+  },
+  "name": "color.text.accent.green.bolder",
+  "path": ["color", "text", "accent", "green", "bolder"]
 }, {
   "attributes": {
     "group": "paint",
@@ -112,8 +207,27 @@ const tokens = [{
     },
     "value": "P800"
   },
-  "name": "color.text.accent.purple",
-  "path": ["color", "text", "accent", "purple"]
+  "name": "color.text.accent.purple.[default]",
+  "path": ["color", "text", "accent", "purple", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use on bold purple accent backgrounds."
+  },
+  "value": "#352C63",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use on bold purple accent backgrounds."
+    },
+    "value": "P900"
+  },
+  "name": "color.text.accent.purple.bolder",
+  "path": ["color", "text", "accent", "purple", "bolder"]
 }, {
   "attributes": {
     "group": "paint",
@@ -131,8 +245,27 @@ const tokens = [{
     },
     "value": "T800"
   },
-  "name": "color.text.accent.teal",
-  "path": ["color", "text", "accent", "teal"]
+  "name": "color.text.accent.teal.[default]",
+  "path": ["color", "text", "accent", "teal", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use on bold teal accent backgrounds."
+  },
+  "value": "#1D474C",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use on bold teal accent backgrounds."
+    },
+    "value": "T900"
+  },
+  "name": "color.text.accent.teal.bolder",
+  "path": ["color", "text", "accent", "teal", "bolder"]
 }, {
   "attributes": {
     "group": "paint",
@@ -150,8 +283,27 @@ const tokens = [{
     },
     "value": "M800"
   },
-  "name": "color.text.accent.magenta",
-  "path": ["color", "text", "accent", "magenta"]
+  "name": "color.text.accent.magenta.[default]",
+  "path": ["color", "text", "accent", "magenta", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use on bold magenta accent backgrounds."
+  },
+  "value": "#50253F",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use on bold magenta accent backgrounds."
+    },
+    "value": "M900"
+  },
+  "name": "color.text.accent.magenta.bolder",
+  "path": ["color", "text", "accent", "magenta", "bolder"]
 }, {
   "attributes": {
     "group": "paint",
@@ -251,7 +403,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
+    "description": "Use for text that reinforces our brand."
   },
   "value": "#0C66E4",
   "filePath": "src/tokens/atlassian-light/color/text.tsx",
@@ -260,12 +412,31 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
+      "description": "Use for text that reinforces our brand."
     },
     "value": "B700"
   },
   "name": "color.text.brand",
   "path": ["color", "text", "brand"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
+  },
+  "value": "#0C66E4",
+  "filePath": "src/tokens/atlassian-light/color/text.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
+    },
+    "value": "B700"
+  },
+  "name": "color.text.selected",
+  "path": ["color", "text", "selected"]
 }, {
   "attributes": {
     "group": "paint",
@@ -527,27 +698,6 @@ const tokens = [{
   },
   "name": "color.text.onBoldWarning",
   "path": ["color", "text", "onBoldWarning"]
-}, {
-  "attributes": {
-    "group": "paint",
-    "state": "deprecated",
-    "replacement": "color.text.brand",
-    "description": "Use for text, icons, borders, or other visual indicators in selected states"
-  },
-  "value": "#0C66E4",
-  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "paint",
-      "state": "deprecated",
-      "replacement": "color.text.brand",
-      "description": "Use for text, icons, borders, or other visual indicators in selected states"
-    },
-    "value": "B700"
-  },
-  "name": "color.text.selected",
-  "path": ["color", "text", "selected"]
 }, {
   "attributes": {
     "group": "paint",
@@ -780,7 +930,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
+    "description": "Use for icons that reinforce our brand."
   },
   "value": "#0C66E4",
   "filePath": "src/tokens/atlassian-light/color/icon.tsx",
@@ -789,12 +939,31 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
+      "description": "Use for icons that reinforce our brand."
     },
     "value": "B700"
   },
   "name": "color.icon.brand",
   "path": ["color", "icon", "brand"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
+  },
+  "value": "#0C66E4",
+  "filePath": "src/tokens/atlassian-light/color/icon.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
+    },
+    "value": "B700"
+  },
+  "name": "color.icon.selected",
+  "path": ["color", "icon", "selected"]
 }, {
   "attributes": {
     "group": "paint",
@@ -913,7 +1082,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+    "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
   },
   "value": "#1D7AFC",
   "filePath": "src/tokens/atlassian-light/color/accent.tsx",
@@ -922,7 +1091,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+      "description": "Use for blue borders on non-bold backgrounds when there is no meaning tied to the color."
     },
     "value": "B600"
   },
@@ -932,7 +1101,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+    "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
   },
   "value": "#E34935",
   "filePath": "src/tokens/atlassian-light/color/accent.tsx",
@@ -941,7 +1110,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
+      "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
     },
     "value": "R600"
   },
@@ -1141,7 +1310,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+    "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
   },
   "value": "#0C66E4",
   "filePath": "src/tokens/atlassian-light/color/border.tsx",
@@ -1150,12 +1319,31 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+      "description": "Use for borders or visual indicators of elements that reinforce our brand, such as logos or primary buttons."
     },
     "value": "B700"
   },
   "name": "color.border.brand",
   "path": ["color", "border", "brand"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+  },
+  "value": "#0C66E4",
+  "filePath": "src/tokens/atlassian-light/color/border.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for borders or visual indicators of elements in a selected or opened state, such as in tabs or menu items."
+    },
+    "value": "B700"
+  },
+  "name": "color.border.selected",
+  "path": ["color", "border", "selected"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1293,6 +1481,25 @@ const tokens = [{
   },
   "name": "color.border.neutral",
   "path": ["color", "border", "neutral"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.blue.subtlest",
+  "path": ["color", "background", "accent", "blue", "subtlest"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1310,8 +1517,8 @@ const tokens = [{
     },
     "value": "B200"
   },
-  "name": "color.background.accent.blue.[default]",
-  "path": ["color", "background", "accent", "blue", "[default]"]
+  "name": "color.background.accent.blue.subtler",
+  "path": ["color", "background", "accent", "blue", "subtler"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1329,84 +1536,324 @@ const tokens = [{
     },
     "value": "B400"
   },
-  "name": "color.background.accent.blue.bold",
-  "path": ["color", "background", "accent", "blue", "bold"]
+  "name": "color.background.accent.blue.subtle",
+  "path": ["color", "background", "accent", "blue", "subtle"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
+    "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": "#FFD2CC",
+  "value": "#0C66E4",
   "filePath": "src/tokens/atlassian-light/color/accent.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
+      "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": "R200"
+    "value": "B700"
   },
-  "name": "color.background.accent.red.[default]",
-  "path": ["color", "background", "accent", "red", "[default]"]
+  "name": "color.background.accent.blue.bolder",
+  "path": ["color", "background", "accent", "blue", "bolder"]
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
-    "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
+    "state": "deprecated",
+    "replacement": "color.background.accent.blue.subtler",
+    "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
   },
-  "value": "#F87462",
-  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "value": "#CCE0FF",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "active",
-      "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
+      "state": "deprecated",
+      "replacement": "color.background.accent.blue.subtler",
+      "description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
     },
-    "value": "R400"
+    "value": "B200"
   },
-  "name": "color.background.accent.red.bold",
-  "path": ["color", "background", "accent", "red", "bold"]
+  "name": "color.background.accent.blue.[default]",
+  "path": ["color", "background", "accent", "blue", "[default]"]
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
-    "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
+    "state": "deprecated",
+    "replacement": "color.background.accent.blue.subtle",
+    "description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
   },
-  "value": "#FFE2BD",
-  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "value": "#579DFF",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "active",
-      "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
+      "state": "deprecated",
+      "replacement": "color.background.accent.blue.subtle",
+      "description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
-    "value": "O200"
+    "value": "B400"
   },
-  "name": "color.background.accent.orange.[default]",
-  "path": ["color", "background", "accent", "orange", "[default]"]
+  "name": "color.background.accent.blue.bold",
+  "path": ["color", "background", "accent", "blue", "bold"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
+    "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": "#FAA53D",
+  "value": "#FFEDEB",
   "filePath": "src/tokens/atlassian-light/color/accent.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
+      "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": "O400"
+    "value": "R100"
   },
-  "name": "color.background.accent.orange.bold",
+  "name": "color.background.accent.red.subtlest",
+  "path": ["color", "background", "accent", "red", "subtlest"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#FFD2CC",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "R200"
+  },
+  "name": "color.background.accent.red.subtler",
+  "path": ["color", "background", "accent", "red", "subtler"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#F87462",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "R400"
+  },
+  "name": "color.background.accent.red.subtle",
+  "path": ["color", "background", "accent", "red", "subtle"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.red.bolder",
+  "path": ["color", "background", "accent", "red", "bolder"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.accent.red.subtler",
+    "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#FFD2CC",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.accent.red.subtler",
+      "description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "R200"
+  },
+  "name": "color.background.accent.red.[default]",
+  "path": ["color", "background", "accent", "red", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.accent.red.subtle",
+    "description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+  },
+  "value": "#F87462",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.accent.red.subtle",
+      "description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+    },
+    "value": "R400"
+  },
+  "name": "color.background.accent.red.bold",
+  "path": ["color", "background", "accent", "red", "bold"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.orange.subtlest",
+  "path": ["color", "background", "accent", "orange", "subtlest"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#FFE2BD",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "O200"
+  },
+  "name": "color.background.accent.orange.subtler",
+  "path": ["color", "background", "accent", "orange", "subtler"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#FAA53D",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "O400"
+  },
+  "name": "color.background.accent.orange.subtle",
+  "path": ["color", "background", "accent", "orange", "subtle"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.orange.bolder",
+  "path": ["color", "background", "accent", "orange", "bolder"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.accent.orange.subtler",
+    "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#FFE2BD",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.accent.orange.subtler",
+      "description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "O200"
+  },
+  "name": "color.background.accent.orange.[default]",
+  "path": ["color", "background", "accent", "orange", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.accent.orange.subtle",
+    "description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+  },
+  "value": "#FAA53D",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.accent.orange.subtle",
+      "description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+    },
+    "value": "O400"
+  },
+  "name": "color.background.accent.orange.bold",
   "path": ["color", "background", "accent", "orange", "bold"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.yellow.subtlest",
+  "path": ["color", "background", "accent", "yellow", "subtlest"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1424,8 +1871,8 @@ const tokens = [{
     },
     "value": "Y200"
   },
-  "name": "color.background.accent.yellow.[default]",
-  "path": ["color", "background", "accent", "yellow", "[default]"]
+  "name": "color.background.accent.yellow.subtler",
+  "path": ["color", "background", "accent", "yellow", "subtler"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1443,8 +1890,88 @@ const tokens = [{
     },
     "value": "Y400"
   },
+  "name": "color.background.accent.yellow.subtle",
+  "path": ["color", "background", "accent", "yellow", "subtle"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.yellow.bolder",
+  "path": ["color", "background", "accent", "yellow", "bolder"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.accent.yellow.subtler",
+    "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#F8E6A0",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.accent.yellow.subtler",
+      "description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "Y200"
+  },
+  "name": "color.background.accent.yellow.[default]",
+  "path": ["color", "background", "accent", "yellow", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.accent.yellow.subtle",
+    "description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+  },
+  "value": "#E2B203",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.accent.yellow.subtle",
+      "description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+    },
+    "value": "Y400"
+  },
   "name": "color.background.accent.yellow.bold",
   "path": ["color", "background", "accent", "yellow", "bold"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.green.subtlest",
+  "path": ["color", "background", "accent", "green", "subtlest"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1462,8 +1989,8 @@ const tokens = [{
     },
     "value": "G200"
   },
-  "name": "color.background.accent.green.[default]",
-  "path": ["color", "background", "accent", "green", "[default]"]
+  "name": "color.background.accent.green.subtler",
+  "path": ["color", "background", "accent", "green", "subtler"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1481,8 +2008,88 @@ const tokens = [{
     },
     "value": "G400"
   },
+  "name": "color.background.accent.green.subtle",
+  "path": ["color", "background", "accent", "green", "subtle"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.green.bolder",
+  "path": ["color", "background", "accent", "green", "bolder"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.accent.green.subtler",
+    "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#BAF3DB",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.accent.green.subtler",
+      "description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "G200"
+  },
+  "name": "color.background.accent.green.[default]",
+  "path": ["color", "background", "accent", "green", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.accent.green.subtle",
+    "description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+  },
+  "value": "#4BCE97",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.accent.green.subtle",
+      "description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+    },
+    "value": "G400"
+  },
   "name": "color.background.accent.green.bold",
   "path": ["color", "background", "accent", "green", "bold"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.teal.subtlest",
+  "path": ["color", "background", "accent", "teal", "subtlest"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1500,8 +2107,8 @@ const tokens = [{
     },
     "value": "T200"
   },
-  "name": "color.background.accent.teal.[default]",
-  "path": ["color", "background", "accent", "teal", "[default]"]
+  "name": "color.background.accent.teal.subtler",
+  "path": ["color", "background", "accent", "teal", "subtler"]
 }, {
   "attributes": {
     "group": "paint",
@@ -1519,59 +2126,278 @@ const tokens = [{
     },
     "value": "T400"
   },
-  "name": "color.background.accent.teal.bold",
-  "path": ["color", "background", "accent", "teal", "bold"]
+  "name": "color.background.accent.teal.subtle",
+  "path": ["color", "background", "accent", "teal", "subtle"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.teal.bolder",
+  "path": ["color", "background", "accent", "teal", "bolder"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.accent.teal.subtler",
+    "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#C1F0F5",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.accent.teal.subtler",
+      "description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "T200"
+  },
+  "name": "color.background.accent.teal.[default]",
+  "path": ["color", "background", "accent", "teal", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.accent.teal.subtle",
+    "description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+  },
+  "value": "#60C6D2",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.accent.teal.subtle",
+      "description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+    },
+    "value": "T400"
+  },
+  "name": "color.background.accent.teal.bold",
+  "path": ["color", "background", "accent", "teal", "bold"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.purple.subtlest",
+  "path": ["color", "background", "accent", "purple", "subtlest"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#DFD8FD",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "P200"
+  },
+  "name": "color.background.accent.purple.subtler",
+  "path": ["color", "background", "accent", "purple", "subtler"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#9F8FEF",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "P400"
+  },
+  "name": "color.background.accent.purple.subtle",
+  "path": ["color", "background", "accent", "purple", "subtle"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.purple.bolder",
+  "path": ["color", "background", "accent", "purple", "bolder"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.accent.purple.subtler",
+    "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#DFD8FD",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.accent.purple.subtler",
+      "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "P200"
+  },
+  "name": "color.background.accent.purple.[default]",
+  "path": ["color", "background", "accent", "purple", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.accent.purple.subtle",
+    "description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+  },
+  "value": "#9F8FEF",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.accent.purple.subtle",
+      "description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
+    },
+    "value": "P400"
+  },
+  "name": "color.background.accent.purple.bold",
+  "path": ["color", "background", "accent", "purple", "bold"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "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",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "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"
+  },
+  "name": "color.background.accent.magenta.subtlest",
+  "path": ["color", "background", "accent", "magenta", "subtlest"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
+  },
+  "value": "#FDD0EC",
+  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
+    },
+    "value": "M200"
+  },
+  "name": "color.background.accent.magenta.subtler",
+  "path": ["color", "background", "accent", "magenta", "subtler"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
+    "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
   },
-  "value": "#DFD8FD",
+  "value": "#E774BB",
   "filePath": "src/tokens/atlassian-light/color/accent.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
+      "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
     },
-    "value": "P200"
+    "value": "M400"
   },
-  "name": "color.background.accent.purple.[default]",
-  "path": ["color", "background", "accent", "purple", "[default]"]
+  "name": "color.background.accent.magenta.subtle",
+  "path": ["color", "background", "accent", "magenta", "subtle"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
+    "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": "#9F8FEF",
+  "value": "#AE4787",
   "filePath": "src/tokens/atlassian-light/color/accent.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags."
+      "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": "P400"
+    "value": "M700"
   },
-  "name": "color.background.accent.purple.bold",
-  "path": ["color", "background", "accent", "purple", "bold"]
+  "name": "color.background.accent.magenta.bolder",
+  "path": ["color", "background", "accent", "magenta", "bolder"]
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deprecated",
+    "replacement": "color.background.accent.magenta.subtler",
     "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#FDD0EC",
-  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "active",
+      "state": "deprecated",
+      "replacement": "color.background.accent.magenta.subtler",
       "description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "M200"
@@ -1581,17 +2407,19 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
-    "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
+    "state": "deprecated",
+    "replacement": "color.background.accent.magenta.subtle",
+    "description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
   },
   "value": "#E774BB",
-  "filePath": "src/tokens/atlassian-light/color/accent.tsx",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "active",
-      "description": "Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags."
+      "state": "deprecated",
+      "replacement": "color.background.accent.magenta.subtle",
+      "description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
     },
     "value": "M400"
   },
@@ -1867,16 +2695,75 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
+    "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
   },
-  "value": "#E9F2FF",
+  "value": "#0C66E4",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
+      "description": "Use for the background of elements used to reinforce our brand, but with more emphasis."
+    },
+    "value": "B700"
+  },
+  "name": "color.background.brand.bold.[default]",
+  "path": ["color", "background", "brand", "bold", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Hovered state of color.background.brand.bold"
+  },
+  "value": "#0055CC",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Hovered state of color.background.brand.bold"
+    },
+    "value": "B800"
+  },
+  "name": "color.background.brand.bold.hovered",
+  "path": ["color", "background", "brand", "bold", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Pressed state of color.background.brand.bold"
+  },
+  "value": "#09326C",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Pressed state of color.background.brand.bold"
+    },
+    "value": "B900"
+  },
+  "name": "color.background.brand.bold.pressed",
+  "path": ["color", "background", "brand", "bold", "pressed"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.selected.[default].[default]",
+    "description": "Use for the background of elements used to reinforce our brand."
+  },
+  "value": "#E9F2FF",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.selected.[default].[default]",
+      "description": "Use for the background of elements used to reinforce our brand."
     },
     "value": "B100"
   },
@@ -1885,16 +2772,18 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deprecated",
+    "replacement": "color.background.selected.[default].hovered",
     "description": "Hovered state for color.background.brand"
   },
   "value": "#CCE0FF",
-  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "active",
+      "state": "deprecated",
+      "replacement": "color.background.selected.[default].hovered",
       "description": "Hovered state for color.background.brand"
     },
     "value": "B200"
@@ -1904,16 +2793,18 @@ const tokens = [{
 }, {
   "attributes": {
     "group": "paint",
-    "state": "active",
+    "state": "deprecated",
+    "replacement": "color.background.selected.[default].pressed",
     "description": "Pressed state for color.background.brand"
   },
   "value": "#85B8FF",
-  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
   "isSource": true,
   "original": {
     "attributes": {
       "group": "paint",
-      "state": "active",
+      "state": "deprecated",
+      "replacement": "color.background.selected.[default].pressed",
       "description": "Pressed state for color.background.brand"
     },
     "value": "B300"
@@ -1924,7 +2815,64 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Use for the backgrounds of primary buttons or elements in a selected state, such as checkboxed and radio buttons."
+    "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
+  },
+  "value": "#E9F2FF",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
+    },
+    "value": "B100"
+  },
+  "name": "color.background.selected.[default].[default]",
+  "path": ["color", "background", "selected", "[default]", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Hovered state for color.background.selected"
+  },
+  "value": "#CCE0FF",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Hovered state for color.background.selected"
+    },
+    "value": "B200"
+  },
+  "name": "color.background.selected.[default].hovered",
+  "path": ["color", "background", "selected", "[default]", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Pressed state for color.background.selected"
+  },
+  "value": "#85B8FF",
+  "filePath": "src/tokens/atlassian-light/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "description": "Pressed state for color.background.selected"
+    },
+    "value": "B300"
+  },
+  "name": "color.background.selected.[default].pressed",
+  "path": ["color", "background", "selected", "[default]", "pressed"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "description": "Use for the backgrounds of elements in a selected state, such as checkboxed and radio buttons."
   },
   "value": "#0C66E4",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
@@ -1933,17 +2881,17 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Use for the backgrounds of primary buttons or elements in a selected state, such as checkboxed and radio buttons."
+      "description": "Use for the backgrounds of elements in a selected state, such as checkboxed and radio buttons."
     },
     "value": "B700"
   },
-  "name": "color.background.brand.bold.[default]",
-  "path": ["color", "background", "brand", "bold", "[default]"]
+  "name": "color.background.selected.bold.[default]",
+  "path": ["color", "background", "selected", "bold", "[default]"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Hovered state of color.background.brand.bold"
+    "description": "Hovered state of color.background.selected.bold"
   },
   "value": "#0055CC",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
@@ -1952,17 +2900,17 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Hovered state of color.background.brand.bold"
+      "description": "Hovered state of color.background.selected.bold"
     },
     "value": "B800"
   },
-  "name": "color.background.brand.bold.hovered",
-  "path": ["color", "background", "brand", "bold", "hovered"]
+  "name": "color.background.selected.bold.hovered",
+  "path": ["color", "background", "selected", "bold", "hovered"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
-    "description": "Pressed state of color.background.brand.bold"
+    "description": "Pressed state of color.background.selected.bold"
   },
   "value": "#09326C",
   "filePath": "src/tokens/atlassian-light/color/background.tsx",
@@ -1971,12 +2919,54 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "active",
-      "description": "Pressed state of color.background.brand.bold"
+      "description": "Pressed state of color.background.selected.bold"
     },
     "value": "B900"
   },
-  "name": "color.background.brand.bold.pressed",
-  "path": ["color", "background", "brand", "bold", "pressed"]
+  "name": "color.background.selected.bold.pressed",
+  "path": ["color", "background", "selected", "bold", "pressed"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.selected.[default].[default]",
+    "description": "Use for backgrounds of elements in a selected state"
+  },
+  "value": "#E9F2FF",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.selected.[default].[default]",
+      "description": "Use for backgrounds of elements in a selected state"
+    },
+    "value": "B100"
+  },
+  "name": "color.background.selected.resting",
+  "path": ["color", "background", "selected", "resting"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "deprecated",
+    "replacement": "color.background.selected.[default].hovered",
+    "description": "Hover state for color.background.selected"
+  },
+  "value": "#CCE0FF",
+  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "deprecated",
+      "replacement": "color.background.selected.[default].hovered",
+      "description": "Hover state for color.background.selected"
+    },
+    "value": "B200"
+  },
+  "name": "color.background.selected.hover",
+  "path": ["color", "background", "selected", "hover"]
 }, {
   "attributes": {
     "group": "paint",
@@ -3009,69 +3999,6 @@ const tokens = [{
   },
   "name": "color.background.overlay",
   "path": ["color", "background", "overlay"]
-}, {
-  "attributes": {
-    "group": "paint",
-    "state": "deprecated",
-    "replacement": "color.background.brand.[default].[default]",
-    "description": "Use for backgrounds of elements in a selected state"
-  },
-  "value": "#E9F2FF",
-  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "paint",
-      "state": "deprecated",
-      "replacement": "color.background.brand.[default].[default]",
-      "description": "Use for backgrounds of elements in a selected state"
-    },
-    "value": "B100"
-  },
-  "name": "color.background.selected.resting",
-  "path": ["color", "background", "selected", "resting"]
-}, {
-  "attributes": {
-    "group": "paint",
-    "state": "deprecated",
-    "replacement": "color.background.brand.[default].hovered",
-    "description": "Hover state for color.background.selected"
-  },
-  "value": "#CCE0FF",
-  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "paint",
-      "state": "deprecated",
-      "replacement": "color.background.brand.[default].hovered",
-      "description": "Hover state for color.background.selected"
-    },
-    "value": "B200"
-  },
-  "name": "color.background.selected.hover",
-  "path": ["color", "background", "selected", "hover"]
-}, {
-  "attributes": {
-    "group": "paint",
-    "state": "deprecated",
-    "replacement": "color.background.brand.[default].pressed",
-    "description": "Pressed state for color.background.selected"
-  },
-  "value": "#85B8FF",
-  "filePath": "src/tokens/atlassian-light/deprecated/deprecated.tsx",
-  "isSource": true,
-  "original": {
-    "attributes": {
-      "group": "paint",
-      "state": "deprecated",
-      "replacement": "color.background.brand.[default].pressed",
-      "description": "Pressed state for color.background.selected"
-    },
-    "value": "B300"
-  },
-  "name": "color.background.selected.pressed",
-  "path": ["color", "background", "selected", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
@@ -3118,7 +4045,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.brand.[default].hovered",
+    "replacement": "color.background.selected.[default].hovered",
     "description": "Hover state for background.subtleBrand"
   },
   "value": "#CCE0FF",
@@ -3128,7 +4055,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.brand.[default].hovered",
+      "replacement": "color.background.selected.[default].hovered",
       "description": "Hover state for background.subtleBrand"
     },
     "value": "B200"
@@ -3139,7 +4066,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.brand.[default].pressed",
+    "replacement": "color.background.selected.[default].pressed",
     "description": "Pressed state for background.subtleBrand"
   },
   "value": "#85B8FF",
@@ -3149,7 +4076,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.brand.[default].pressed",
+      "replacement": "color.background.selected.[default].pressed",
       "description": "Pressed state for background.subtleBrand"
     },
     "value": "B300"
@@ -3160,7 +4087,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.brand.[default].[default]",
+    "replacement": "color.background.selected.[default].[default]",
     "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
   },
   "value": "#E9F2FF",
@@ -3170,7 +4097,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.brand.[default].[default]",
+      "replacement": "color.background.selected.[default].[default]",
       "description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
     },
     "value": "B100"
@@ -3692,7 +4619,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.blue.bold",
+    "replacement": "color.background.accent.blue.bolder",
     "description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
   },
   "value": "#579DFF",
@@ -3702,7 +4629,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.blue.bold",
+      "replacement": "color.background.accent.blue.bolder",
       "description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
     },
     "value": "B400"
@@ -3713,7 +4640,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.green.bold",
+    "replacement": "color.background.accent.green.bolder",
     "description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
   },
   "value": "#4BCE97",
@@ -3723,7 +4650,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.green.bold",
+      "replacement": "color.background.accent.green.bolder",
       "description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
     },
     "value": "G400"
@@ -3734,7 +4661,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.orange.bold",
+    "replacement": "color.background.accent.orange.bolder",
     "description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
   },
   "value": "#FAA53D",
@@ -3744,7 +4671,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.orange.bold",
+      "replacement": "color.background.accent.orange.bolder",
       "description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
     },
     "value": "O400"
@@ -3755,7 +4682,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.purple.bold",
+    "replacement": "color.background.accent.purple.bolder",
     "description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
   },
   "value": "#9F8FEF",
@@ -3765,7 +4692,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.purple.bold",
+      "replacement": "color.background.accent.purple.bolder",
       "description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
     },
     "value": "P400"
@@ -3776,7 +4703,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.red.bold",
+    "replacement": "color.background.accent.red.bolder",
     "description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
   },
   "value": "#F87462",
@@ -3786,7 +4713,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.red.bold",
+      "replacement": "color.background.accent.red.bolder",
       "description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
     },
     "value": "R400"
@@ -3797,7 +4724,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.teal.bold",
+    "replacement": "color.background.accent.teal.bolder",
     "description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
   },
   "value": "#60C6D2",
@@ -3807,7 +4734,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.teal.bold",
+      "replacement": "color.background.accent.teal.bolder",
       "description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
     },
     "value": "T400"
@@ -3818,7 +4745,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.blue.[default]",
+    "replacement": "color.background.accent.blue.subtler",
     "description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#CCE0FF",
@@ -3828,7 +4755,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.blue.[default]",
+      "replacement": "color.background.accent.blue.subtler",
       "description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "B200"
@@ -3839,7 +4766,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.green.[default]",
+    "replacement": "color.background.accent.green.subtler",
     "description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#BAF3DB",
@@ -3849,7 +4776,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.green.[default]",
+      "replacement": "color.background.accent.green.subtler",
       "description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "G200"
@@ -3860,7 +4787,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.magenta.[default]",
+    "replacement": "color.background.accent.magenta.subtler",
     "description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#FDD0EC",
@@ -3870,7 +4797,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.magenta.[default]",
+      "replacement": "color.background.accent.magenta.subtler",
       "description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "M200"
@@ -3881,7 +4808,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.orange.[default]",
+    "replacement": "color.background.accent.orange.subtler",
     "description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#FFE2BD",
@@ -3891,7 +4818,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.orange.[default]",
+      "replacement": "color.background.accent.orange.subtler",
       "description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "O200"
@@ -3902,7 +4829,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.purple.[default]",
+    "replacement": "color.background.accent.purple.subtler",
     "description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#DFD8FD",
@@ -3912,7 +4839,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.purple.[default]",
+      "replacement": "color.background.accent.purple.subtler",
       "description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "P200"
@@ -3923,7 +4850,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.red.[default]",
+    "replacement": "color.background.accent.red.subtler",
     "description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#FFD2CC",
@@ -3933,7 +4860,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.red.[default]",
+      "replacement": "color.background.accent.red.subtler",
       "description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "R200"
@@ -3944,7 +4871,7 @@ const tokens = [{
   "attributes": {
     "group": "paint",
     "state": "deprecated",
-    "replacement": "color.background.accent.teal.[default]",
+    "replacement": "color.background.accent.teal.subtler",
     "description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
   },
   "value": "#C1F0F5",
@@ -3954,7 +4881,7 @@ const tokens = [{
     "attributes": {
       "group": "paint",
       "state": "deprecated",
-      "replacement": "color.background.accent.teal.[default]",
+      "replacement": "color.background.accent.teal.subtler",
       "description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
     },
     "value": "T200"