@atlaskit/tokens 1.8.1 → 1.9.1

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

@@ -1,6 +1,6 @@
 /**
  * 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 = [{
@@ -10,7 +10,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": {
@@ -20,7 +20,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]"],
@@ -494,7 +494,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": {
@@ -504,7 +504,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"],
@@ -604,7 +604,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": {
@@ -614,7 +614,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"],
@@ -692,7 +692,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": {
@@ -1044,7 +1044,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": {
@@ -1054,7 +1054,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"],
@@ -1154,7 +1154,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": {
@@ -1164,7 +1164,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"],
@@ -1242,7 +1242,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": {
@@ -1858,7 +1858,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": {
@@ -1946,7 +1946,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": {
@@ -2034,7 +2034,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": {
@@ -2122,7 +2122,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": {
@@ -2210,7 +2210,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": {
@@ -2298,7 +2298,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": {
@@ -2386,7 +2386,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": {
@@ -2474,7 +2474,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": {
@@ -2628,7 +2628,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": {
@@ -2672,7 +2672,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": {
@@ -2682,7 +2682,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]"],
@@ -2694,7 +2694,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": {
@@ -2704,7 +2704,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"],
@@ -2716,7 +2716,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": {
@@ -2726,7 +2726,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"],
@@ -3002,7 +3002,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": {
@@ -3200,7 +3200,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": {
@@ -3332,7 +3332,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": {
@@ -3464,7 +3464,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": {
@@ -3596,7 +3596,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": {
@@ -3728,7 +3728,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": {
@@ -3860,7 +3860,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": {
@@ -3870,7 +3870,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]"],
@@ -4520,7 +4520,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": {
@@ -5620,7 +5620,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": {
@@ -5642,7 +5642,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": {
@@ -6214,7 +6214,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": {
@@ -6224,7 +6224,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]"],
@@ -6236,7 +6236,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": {
@@ -6246,7 +6246,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"],
@@ -6258,7 +6258,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": {
@@ -6268,7 +6268,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"],
@@ -6280,7 +6280,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": {
@@ -6290,7 +6290,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]"],
@@ -6324,7 +6324,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": {
@@ -6334,7 +6334,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"],
@@ -6346,7 +6346,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": {
@@ -6356,7 +6356,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]"],
@@ -6368,7 +6368,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": {
@@ -6378,7 +6378,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"],
@@ -6412,7 +6412,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": {
@@ -6422,7 +6422,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"],
@@ -6540,7 +6540,7 @@ var tokens = [{
       "x": 0,
       "y": 0
     },
-    "opacity": 0.04,
+    "opacity": 0.12,
     "inset": true
   }, {
     "radius": 12,
@@ -6576,7 +6576,7 @@ var tokens = [{
         "x": 0,
         "y": 0
       },
-      "opacity": 0.04,
+      "opacity": 0.12,
       "inset": true
     }, {
       "radius": 12,

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

@@ -1,6 +1,6 @@
 /**
  * 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 = [{
@@ -4212,7 +4212,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": {
@@ -4300,7 +4300,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/esm/entry-points/token-default-values.js

@@ -0,0 +1 @@
+export { default } from '../artifacts/token-default-values';

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

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './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/esm/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './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/esm/palettes/palette.js

@@ -83,7 +83,7 @@ var palette = {
         }
       },
       Blue1000: {
-        value: '#082145',
+        value: '#092957',
         attributes: {
           group: 'palette',
           category: 'blue'
@@ -153,7 +153,7 @@ var palette = {
         }
       },
       Red1000: {
-        value: '#391813',
+        value: '#4F1C16',
         attributes: {
           group: 'palette',
           category: 'red'
@@ -223,7 +223,7 @@ var palette = {
         }
       },
       Yellow1000: {
-        value: '#3D2E00',
+        value: '#3F3102',
         attributes: {
           group: 'palette',
           category: 'yellow'
@@ -293,7 +293,7 @@ var palette = {
         }
       },
       Green1000: {
-        value: '#133527',
+        value: '#143C2B',
         attributes: {
           group: 'palette',
           category: 'green'
@@ -363,7 +363,7 @@ var palette = {
         }
       },
       Purple1000: {
-        value: '#231C3F',
+        value: '#2B2451',
         attributes: {
           group: 'palette',
           category: 'purple'
@@ -433,7 +433,7 @@ var palette = {
         }
       },
       Teal1000: {
-        value: '#153337',
+        value: '#15373B',
         attributes: {
           group: 'palette',
           category: 'teal'
@@ -503,7 +503,7 @@ var palette = {
         }
       },
       Orange1000: {
-        value: '#43290F',
+        value: '#4A2B0F',
         attributes: {
           group: 'palette',
           category: 'orange'
@@ -573,7 +573,7 @@ var palette = {
         }
       },
       Magenta1000: {
-        value: '#341829',
+        value: '#421F34',
         attributes: {
           group: 'palette',
           category: 'magenta'
@@ -701,6 +701,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: {
@@ -716,6 +731,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: {
@@ -754,7 +784,7 @@ var palette = {
         }
       },
       DarkNeutral700: {
-        value: '#8696A7',
+        value: '#8C9BAB',
         attributes: {
           group: 'palette',
           category: 'dark mode neutral'