@atlaskit/tokens 0.6.1 → 0.7.0

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

@@ -23,8 +23,27 @@ var 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",
@@ -42,8 +61,27 @@ var 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",
@@ -61,8 +99,27 @@ var 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",
@@ -80,8 +137,27 @@ var 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",
@@ -99,8 +175,27 @@ var 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",
@@ -118,8 +213,27 @@ var 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",
@@ -137,8 +251,27 @@ var 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",
@@ -156,8 +289,27 @@ var 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",
@@ -257,7 +409,7 @@ var 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",
@@ -266,12 +418,31 @@ var 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",
@@ -533,27 +704,6 @@ var 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",
@@ -786,7 +936,7 @@ var 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",
@@ -795,12 +945,31 @@ var 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",
@@ -919,7 +1088,7 @@ var 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",
@@ -928,7 +1097,7 @@ var 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"
   },
@@ -938,7 +1107,7 @@ var 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",
@@ -947,7 +1116,7 @@ var 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"
   },
@@ -1147,7 +1316,7 @@ var 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",
@@ -1156,12 +1325,31 @@ var 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",
@@ -1299,6 +1487,25 @@ var 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",
@@ -1316,8 +1523,8 @@ var 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",
@@ -1335,84 +1542,324 @@ var 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",
@@ -1430,8 +1877,8 @@ var 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",
@@ -1449,8 +1896,88 @@ var 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",
@@ -1468,8 +1995,8 @@ var 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",
@@ -1487,8 +2014,88 @@ var 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",
@@ -1506,8 +2113,8 @@ var 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",
@@ -1525,59 +2132,278 @@ var 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"
@@ -1587,17 +2413,19 @@ var 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"
   },
@@ -1873,16 +2701,75 @@ var 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"
   },
@@ -1891,16 +2778,18 @@ var 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"
@@ -1910,16 +2799,18 @@ var 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"
@@ -1930,7 +2821,64 @@ var 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",
@@ -1939,17 +2887,17 @@ var 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",
@@ -1958,17 +2906,17 @@ var 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",
@@ -1977,12 +2925,54 @@ var 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",
@@ -3015,69 +4005,6 @@ var 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",
@@ -3124,7 +4051,7 @@ var 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",
@@ -3134,7 +4061,7 @@ var 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"
@@ -3145,7 +4072,7 @@ var 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",
@@ -3155,7 +4082,7 @@ var 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"
@@ -3166,7 +4093,7 @@ var 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",
@@ -3176,7 +4103,7 @@ var 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"
@@ -3698,7 +4625,7 @@ var 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",
@@ -3708,7 +4635,7 @@ var 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"
@@ -3719,7 +4646,7 @@ var 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",
@@ -3729,7 +4656,7 @@ var 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"
@@ -3740,7 +4667,7 @@ var 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",
@@ -3750,7 +4677,7 @@ var 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"
@@ -3761,7 +4688,7 @@ var 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",
@@ -3771,7 +4698,7 @@ var 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"
@@ -3782,7 +4709,7 @@ var 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",
@@ -3792,7 +4719,7 @@ var 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"
@@ -3803,7 +4730,7 @@ var 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",
@@ -3813,7 +4740,7 @@ var 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"
@@ -3824,7 +4751,7 @@ var 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",
@@ -3834,7 +4761,7 @@ var 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"
@@ -3845,7 +4772,7 @@ var 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",
@@ -3855,7 +4782,7 @@ var 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"
@@ -3866,7 +4793,7 @@ var 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",
@@ -3876,7 +4803,7 @@ var 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"
@@ -3887,7 +4814,7 @@ var 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",
@@ -3897,7 +4824,7 @@ var 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"
@@ -3908,7 +4835,7 @@ var 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",
@@ -3918,7 +4845,7 @@ var 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"
@@ -3929,7 +4856,7 @@ var 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",
@@ -3939,7 +4866,7 @@ var 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"
@@ -3950,7 +4877,7 @@ var 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",
@@ -3960,7 +4887,7 @@ var 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"