@atlaskit/tokens 1.8.1 → 1.9.1

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8ddb2f3e15cdae2f6245075e72c1be8b>>
+ * @codegen <<SignedSource::dc8db05fe763e65a797963e967232801>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -16,7 +16,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
   },
-  "value": "#C7D1DB",
+  "value": "#B6C2CF",
   "filePath": "src/tokens/atlassian-dark/color/text.tsx",
   "isSource": true,
   "original": {
@@ -26,7 +26,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
     },
-    "value": "DarkNeutral1000"
+    "value": "DarkNeutral900"
   },
   "name": "color.text.[default]",
   "path": ["color", "text", "[default]"],
@@ -500,7 +500,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for text on bold backgrounds."
   },
-  "value": "#161A1D",
+  "value": "#1D2125",
   "filePath": "src/tokens/atlassian-dark/color/text.tsx",
   "isSource": true,
   "original": {
@@ -510,7 +510,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for text on bold backgrounds."
     },
-    "value": "DarkNeutral0"
+    "value": "DarkNeutral100"
   },
   "name": "color.text.inverse",
   "path": ["color", "text", "inverse"],
@@ -610,7 +610,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for text when on bold warning backgrounds."
   },
-  "value": "#161A1D",
+  "value": "#1D2125",
   "filePath": "src/tokens/atlassian-dark/color/text.tsx",
   "isSource": true,
   "original": {
@@ -620,7 +620,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for text when on bold warning backgrounds."
     },
-    "value": "DarkNeutral0"
+    "value": "DarkNeutral100"
   },
   "name": "color.text.warning.inverse",
   "path": ["color", "text", "warning", "inverse"],
@@ -698,7 +698,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
   },
-  "value": "#8696A7",
+  "value": "#8C9BAB",
   "filePath": "src/tokens/atlassian-dark/color/text.tsx",
   "isSource": true,
   "original": {
@@ -1050,7 +1050,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for icons on bold backgrounds."
   },
-  "value": "#161A1D",
+  "value": "#1D2125",
   "filePath": "src/tokens/atlassian-dark/color/icon.tsx",
   "isSource": true,
   "original": {
@@ -1060,7 +1060,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons on bold backgrounds."
     },
-    "value": "DarkNeutral0"
+    "value": "DarkNeutral100"
   },
   "name": "color.icon.inverse",
   "path": ["color", "icon", "inverse"],
@@ -1160,7 +1160,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for icons when on bold warning backgrounds."
   },
-  "value": "#161A1D",
+  "value": "#1D2125",
   "filePath": "src/tokens/atlassian-dark/color/icon.tsx",
   "isSource": true,
   "original": {
@@ -1170,7 +1170,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for icons when on bold warning backgrounds."
     },
-    "value": "DarkNeutral0"
+    "value": "DarkNeutral100"
   },
   "name": "color.icon.warning.inverse",
   "path": ["color", "icon", "warning", "inverse"],
@@ -1248,7 +1248,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for icons paired with color.text.subtle"
   },
-  "value": "#8696A7",
+  "value": "#8C9BAB",
   "filePath": "src/tokens/atlassian-dark/color/icon.tsx",
   "isSource": true,
   "original": {
@@ -1864,7 +1864,7 @@ var tokens = [{
     "introduced": "0.7.0",
     "description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
   },
-  "value": "#391813",
+  "value": "#4F1C16",
   "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
   "isSource": true,
   "original": {
@@ -1952,7 +1952,7 @@ var tokens = [{
     "introduced": "0.7.0",
     "description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
   },
-  "value": "#43290F",
+  "value": "#4A2B0F",
   "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
   "isSource": true,
   "original": {
@@ -2040,7 +2040,7 @@ var tokens = [{
     "introduced": "0.7.0",
     "description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
   },
-  "value": "#3D2E00",
+  "value": "#3F3102",
   "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
   "isSource": true,
   "original": {
@@ -2128,7 +2128,7 @@ var tokens = [{
     "introduced": "0.7.0",
     "description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
   },
-  "value": "#133527",
+  "value": "#143C2B",
   "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
   "isSource": true,
   "original": {
@@ -2216,7 +2216,7 @@ var tokens = [{
     "introduced": "0.7.0",
     "description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
   },
-  "value": "#153337",
+  "value": "#15373B",
   "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
   "isSource": true,
   "original": {
@@ -2304,7 +2304,7 @@ var tokens = [{
     "introduced": "0.7.0",
     "description": "Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
   },
-  "value": "#082145",
+  "value": "#092957",
   "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
   "isSource": true,
   "original": {
@@ -2392,7 +2392,7 @@ var tokens = [{
     "introduced": "0.7.0",
     "description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
   },
-  "value": "#231C3F",
+  "value": "#2B2451",
   "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
   "isSource": true,
   "original": {
@@ -2480,7 +2480,7 @@ var tokens = [{
     "introduced": "0.7.0",
     "description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
   },
-  "value": "#341829",
+  "value": "#421F34",
   "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
   "isSource": true,
   "original": {
@@ -2634,7 +2634,7 @@ var tokens = [{
     "introduced": "0.7.0",
     "description": "Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
   },
-  "value": "#8696A7",
+  "value": "#8C9BAB",
   "filePath": "src/tokens/atlassian-dark/color/accent.tsx",
   "isSource": true,
   "original": {
@@ -2678,7 +2678,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for background of form UI elements, such as text fields, checkboxes, and radio buttons."
   },
-  "value": "#1D2125",
+  "value": "#22272B",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -2688,7 +2688,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for background of form UI elements, such as text fields, checkboxes, and radio buttons."
     },
-    "value": "DarkNeutral100"
+    "value": "DarkNeutral200"
   },
   "name": "color.background.input.[default]",
   "path": ["color", "background", "input", "[default]"],
@@ -2700,7 +2700,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Hovered state for color.background.input"
   },
-  "value": "#22272B",
+  "value": "#282E33",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -2710,7 +2710,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Hovered state for color.background.input"
     },
-    "value": "DarkNeutral200"
+    "value": "DarkNeutral250"
   },
   "name": "color.background.input.hovered",
   "path": ["color", "background", "input", "hovered"],
@@ -2722,7 +2722,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Pressed state for color.background.input"
   },
-  "value": "#1D2125",
+  "value": "#22272B",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -2732,7 +2732,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Pressed state for color.background.input"
     },
-    "value": "DarkNeutral100"
+    "value": "DarkNeutral200"
   },
   "name": "color.background.input.pressed",
   "path": ["color", "background", "input", "pressed"],
@@ -3008,7 +3008,7 @@ var tokens = [{
     "introduced": "0.6.2",
     "description": "Use for the background of elements in a selected state, such as in opened dropdown buttons."
   },
-  "value": "#082145",
+  "value": "#092957",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3206,7 +3206,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for backgrounds communicating critical information, such in error section messages."
   },
-  "value": "#391813",
+  "value": "#4F1C16",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3338,7 +3338,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for backgrounds communicating caution, such as in warning section messages."
   },
-  "value": "#3D2E00",
+  "value": "#3F3102",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3470,7 +3470,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for backgrounds communicating a favorable outcome, such as in success section messages."
   },
-  "value": "#133527",
+  "value": "#143C2B",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3602,7 +3602,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for backgrounds communicating change or something new, such as in discovery section messages."
   },
-  "value": "#231C3F",
+  "value": "#2B2451",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3734,7 +3734,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for backgrounds communicating information or something in-progress, such as in information section messages."
   },
-  "value": "#082145",
+  "value": "#092957",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3866,7 +3866,7 @@ var tokens = [{
     "introduced": "0.0.15",
     "description": "Use for the screen overlay that appears with modal dialogs"
   },
-  "value": "#03040442",
+  "value": "#10121499",
   "filePath": "src/tokens/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -3876,7 +3876,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "description": "Use for the screen overlay that appears with modal dialogs"
     },
-    "value": "DarkNeutral-100A"
+    "value": "#10121499"
   },
   "name": "color.blanket.[default]",
   "path": ["color", "blanket", "[default]"],
@@ -4526,7 +4526,7 @@ var tokens = [{
     "introduced": "0.13.3",
     "description": "Hovered state of color.chart.neutral."
   },
-  "value": "#8696A7",
+  "value": "#8C9BAB",
   "filePath": "src/tokens/atlassian-dark/color/chart.tsx",
   "isSource": true,
   "original": {
@@ -5626,7 +5626,7 @@ var tokens = [{
     "introduced": "0.13.3",
     "description": "Hovered state of color.chart.gray.bold."
   },
-  "value": "#8696A7",
+  "value": "#8C9BAB",
   "filePath": "src/tokens/atlassian-dark/color/chart.tsx",
   "isSource": true,
   "original": {
@@ -5648,7 +5648,7 @@ var tokens = [{
     "introduced": "0.13.3",
     "description": "For data visualisation only."
   },
-  "value": "#8696A7",
+  "value": "#8C9BAB",
   "filePath": "src/tokens/atlassian-dark/color/chart.tsx",
   "isSource": true,
   "original": {
@@ -6220,7 +6220,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use as the primary background for the UI."
   },
-  "value": "#161A1D",
+  "value": "#1D2125",
   "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
   "isSource": true,
   "original": {
@@ -6230,7 +6230,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use as the primary background for the UI."
     },
-    "value": "DarkNeutral0"
+    "value": "DarkNeutral100"
   },
   "name": "elevation.surface.[default].[default]",
   "path": ["elevation", "surface", "[default]", "[default]"],
@@ -6242,7 +6242,7 @@ var tokens = [{
     "introduced": "0.10.20",
     "description": "Hovered state of elevation.surface"
   },
-  "value": "#1D2125",
+  "value": "#22272B",
   "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
   "isSource": true,
   "original": {
@@ -6252,7 +6252,7 @@ var tokens = [{
       "introduced": "0.10.20",
       "description": "Hovered state of elevation.surface"
     },
-    "value": "DarkNeutral100"
+    "value": "DarkNeutral200"
   },
   "name": "elevation.surface.[default].hovered",
   "path": ["elevation", "surface", "[default]", "hovered"],
@@ -6264,7 +6264,7 @@ var tokens = [{
     "introduced": "0.10.20",
     "description": "Pressed state of elevation.surface"
   },
-  "value": "#22272B",
+  "value": "#282E33",
   "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
   "isSource": true,
   "original": {
@@ -6274,7 +6274,7 @@ var tokens = [{
       "introduced": "0.10.20",
       "description": "Pressed state of elevation.surface"
     },
-    "value": "DarkNeutral200"
+    "value": "DarkNeutral250"
   },
   "name": "elevation.surface.[default].pressed",
   "path": ["elevation", "surface", "[default]", "pressed"],
@@ -6286,7 +6286,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
   },
-  "value": "#22272B",
+  "value": "#282E33",
   "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
   "isSource": true,
   "original": {
@@ -6296,7 +6296,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
     },
-    "value": "DarkNeutral200"
+    "value": "DarkNeutral250"
   },
   "name": "elevation.surface.overlay.[default]",
   "path": ["elevation", "surface", "overlay", "[default]"],
@@ -6330,7 +6330,7 @@ var tokens = [{
     "introduced": "0.10.20",
     "description": "Pressed state of elevation.surface.overlay"
   },
-  "value": "#454F59",
+  "value": "#38414A",
   "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
   "isSource": true,
   "original": {
@@ -6340,7 +6340,7 @@ var tokens = [{
       "introduced": "0.10.20",
       "description": "Pressed state of elevation.surface.overlay"
     },
-    "value": "DarkNeutral400"
+    "value": "DarkNeutral350"
   },
   "name": "elevation.surface.overlay.pressed",
   "path": ["elevation", "surface", "overlay", "pressed"],
@@ -6352,7 +6352,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
   },
-  "value": "#1D2125",
+  "value": "#22272B",
   "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
   "isSource": true,
   "original": {
@@ -6362,7 +6362,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
     },
-    "value": "DarkNeutral100"
+    "value": "DarkNeutral200"
   },
   "name": "elevation.surface.raised.[default]",
   "path": ["elevation", "surface", "raised", "[default]"],
@@ -6374,7 +6374,7 @@ var tokens = [{
     "introduced": "0.10.20",
     "description": "Hovered state of elevation.surface.raised"
   },
-  "value": "#22272B",
+  "value": "#282E33",
   "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
   "isSource": true,
   "original": {
@@ -6384,7 +6384,7 @@ var tokens = [{
       "introduced": "0.10.20",
       "description": "Hovered state of elevation.surface.raised"
     },
-    "value": "DarkNeutral200"
+    "value": "DarkNeutral250"
   },
   "name": "elevation.surface.raised.hovered",
   "path": ["elevation", "surface", "raised", "hovered"],
@@ -6418,7 +6418,7 @@ var tokens = [{
     "introduced": "0.6.0",
     "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
   },
-  "value": "#101214",
+  "value": "#161A1D",
   "filePath": "src/tokens/atlassian-dark/elevation/surface.tsx",
   "isSource": true,
   "original": {
@@ -6428,7 +6428,7 @@ var tokens = [{
       "introduced": "0.6.0",
       "description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
     },
-    "value": "DarkNeutral-100"
+    "value": "DarkNeutral0"
   },
   "name": "elevation.surface.sunken",
   "path": ["elevation", "surface", "sunken"],
@@ -6546,7 +6546,7 @@ var tokens = [{
       "x": 0,
       "y": 0
     },
-    "opacity": 0.04,
+    "opacity": 0.12,
     "inset": true
   }, {
     "radius": 12,
@@ -6582,7 +6582,7 @@ var tokens = [{
         "x": 0,
         "y": 0
       },
-      "opacity": 0.04,
+      "opacity": 0.12,
       "inset": true
     }, {
       "radius": 12,

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::148c69092f499e3fd244297f7a130fbf>>
+ * @codegen <<SignedSource::20f8ad047dd30f24c669af342c4b2993>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -4218,7 +4218,7 @@ var tokens = [{
     "introduced": "0.13.3",
     "description": "Hovered state of color.chart.categorical.5."
   },
-  "value": "#082145",
+  "value": "#092957",
   "filePath": "src/tokens/atlassian-light/color/chart.tsx",
   "isSource": true,
   "original": {
@@ -4306,7 +4306,7 @@ var tokens = [{
     "introduced": "0.13.3",
     "description": "Hovered state of color.chart.categorical.7."
   },
-  "value": "#341829",
+  "value": "#421F34",
   "filePath": "src/tokens/atlassian-light/color/chart.tsx",
   "isSource": true,
   "original": {

package/dist/cjs/entry-points/token-default-values.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _tokenDefaultValues.default;
+  }
+});
+var _tokenDefaultValues = _interopRequireDefault(require("../artifacts/token-default-values"));

package/dist/cjs/get-token-value.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var name = "@atlaskit/tokens";
-var version = "1.8.1";
+var version = "1.9.1";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/cjs/get-token.js

@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 var name = "@atlaskit/tokens";
-var version = "1.8.1";
+var version = "1.9.1";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/cjs/palettes/palette.js

@@ -89,7 +89,7 @@ var palette = {
         }
       },
       Blue1000: {
-        value: '#082145',
+        value: '#092957',
         attributes: {
           group: 'palette',
           category: 'blue'
@@ -159,7 +159,7 @@ var palette = {
         }
       },
       Red1000: {
-        value: '#391813',
+        value: '#4F1C16',
         attributes: {
           group: 'palette',
           category: 'red'
@@ -229,7 +229,7 @@ var palette = {
         }
       },
       Yellow1000: {
-        value: '#3D2E00',
+        value: '#3F3102',
         attributes: {
           group: 'palette',
           category: 'yellow'
@@ -299,7 +299,7 @@ var palette = {
         }
       },
       Green1000: {
-        value: '#133527',
+        value: '#143C2B',
         attributes: {
           group: 'palette',
           category: 'green'
@@ -369,7 +369,7 @@ var palette = {
         }
       },
       Purple1000: {
-        value: '#231C3F',
+        value: '#2B2451',
         attributes: {
           group: 'palette',
           category: 'purple'
@@ -439,7 +439,7 @@ var palette = {
         }
       },
       Teal1000: {
-        value: '#153337',
+        value: '#15373B',
         attributes: {
           group: 'palette',
           category: 'teal'
@@ -509,7 +509,7 @@ var palette = {
         }
       },
       Orange1000: {
-        value: '#43290F',
+        value: '#4A2B0F',
         attributes: {
           group: 'palette',
           category: 'orange'
@@ -579,7 +579,7 @@ var palette = {
         }
       },
       Magenta1000: {
-        value: '#341829',
+        value: '#421F34',
         attributes: {
           group: 'palette',
           category: 'magenta'
@@ -707,6 +707,21 @@ var palette = {
           category: 'dark mode neutral'
         }
       },
+      DarkNeutral250: {
+        value: '#282E33',
+        attributes: {
+          group: 'palette',
+          category: 'dark mode neutral'
+        }
+      },
+      DarkNeutral250A: {
+        // #C8E1F9 10%
+        value: '#C8E1F91A',
+        attributes: {
+          group: 'palette',
+          category: 'dark mode neutral'
+        }
+      },
       DarkNeutral300: {
         value: '#2C333A',
         attributes: {
@@ -722,6 +737,21 @@ var palette = {
           category: 'dark mode neutral'
         }
       },
+      DarkNeutral350: {
+        value: '#38414A',
+        attributes: {
+          group: 'palette',
+          category: 'dark mode neutral'
+        }
+      },
+      DarkNeutral350A: {
+        // #C3DEFE 20%
+        value: '#C3DEFE33',
+        attributes: {
+          group: 'palette',
+          category: 'dark mode neutral'
+        }
+      },
       DarkNeutral400: {
         value: '#454F59',
         attributes: {
@@ -760,7 +790,7 @@ var palette = {
         }
       },
       DarkNeutral700: {
-        value: '#8696A7',
+        value: '#8C9BAB',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'