@atlaskit/tokens 1.29.2 → 1.31.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/tokens
 
+## 1.31.0
+
+### Minor Changes
+
+- [#62155](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/62155) [`d88ffee39278`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d88ffee39278) - Added new themes for ads-vision-lab
+
+## 1.30.0
+
+### Minor Changes
+
+- [#59752](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59752) [`df0bbb7c4cc1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/df0bbb7c4cc1) - Removed minor-second typography theme: `typography`. ADG3 and Minor third themes remain as the two typography themes.
+
 ## 1.29.2
 
 ### Patch Changes

package/dist/cjs/artifacts/replacement-mapping.js

@@ -18,7 +18,7 @@ exports.default = void 0;
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::97a5e3ceb873d28e0118b88f5dc3e800>>
+ * @codegen <<SignedSource::21692c7f910850540ebe583c659e4d10>>
  * @codegenCommand yarn build tokens
  */
 
@@ -58,6 +58,21 @@ var replacementMapper = [{
 }, {
   "path": "font.heading.xxsmall",
   "state": "experimental"
+}, {
+  "path": "font.letterSpacing.0",
+  "state": "deprecated"
+}, {
+  "path": "font.letterSpacing.100",
+  "state": "deprecated"
+}, {
+  "path": "font.letterSpacing.200",
+  "state": "deprecated"
+}, {
+  "path": "font.letterSpacing.300",
+  "state": "deprecated"
+}, {
+  "path": "font.letterSpacing.400",
+  "state": "deprecated"
 }, {
   "path": "font.ui.[default]",
   "state": "experimental"
@@ -66,15 +81,78 @@ var replacementMapper = [{
   "state": "experimental"
 }, {
   "path": "font.family.body",
-  "state": "experimental"
+  "state": "deprecated"
 }, {
   "path": "font.family.code",
-  "state": "experimental"
+  "state": "deprecated"
 }, {
   "path": "font.family.heading",
-  "state": "experimental"
+  "state": "deprecated"
+}, {
+  "path": "font.family.monospace",
+  "state": "deprecated"
+}, {
+  "path": "font.family.sans",
+  "state": "deprecated"
 }, {
   "path": "font.family.brand",
-  "state": "experimental"
+  "state": "deprecated"
+}, {
+  "path": "font.size.050",
+  "state": "deprecated"
+}, {
+  "path": "font.size.075",
+  "state": "deprecated"
+}, {
+  "path": "font.size.100",
+  "state": "deprecated"
+}, {
+  "path": "font.size.200",
+  "state": "deprecated"
+}, {
+  "path": "font.size.300",
+  "state": "deprecated"
+}, {
+  "path": "font.size.400",
+  "state": "deprecated"
+}, {
+  "path": "font.size.500",
+  "state": "deprecated"
+}, {
+  "path": "font.size.600",
+  "state": "deprecated"
+}, {
+  "path": "font.weight.bold",
+  "state": "deprecated"
+}, {
+  "path": "font.weight.medium",
+  "state": "deprecated"
+}, {
+  "path": "font.weight.regular",
+  "state": "deprecated"
+}, {
+  "path": "font.weight.semibold",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.1",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.100",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.200",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.300",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.400",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.500",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.600",
+  "state": "deprecated"
 }];
 var _default = exports.default = replacementMapper;

package/dist/cjs/artifacts/theme-import-map.js

@@ -16,7 +16,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::a21941d8f8cea58425b92ce9b8bfcd4e>>
+ * @codegen <<SignedSource::6c438d052bfcec2f42bfb917a01beef9>>
  * @codegenCommand yarn build tokens
  */
 
@@ -27,6 +27,12 @@ var themeImportsMap = {
       './themes/atlassian-light'));
     });
   },
+  'light-future': function lightFuture() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-light-future" */
+      './themes/atlassian-light-future'));
+    });
+  },
   'light-increased-contrast': function lightIncreasedContrast() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-light-increased-contrast" */
@@ -39,6 +45,12 @@ var themeImportsMap = {
       './themes/atlassian-dark'));
     });
   },
+  'dark-future': function darkFuture() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-future" */
+      './themes/atlassian-dark-future'));
+    });
+  },
   'dark-increased-contrast': function darkIncreasedContrast() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-increased-contrast" */
@@ -87,12 +99,6 @@ var themeImportsMap = {
       './themes/atlassian-dark-new-input-border'));
     });
   },
-  'typography': function typography() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
-      './themes/atlassian-typography'));
-    });
-  },
   'typography-minor3': function typographyMinor3() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-minor3" */

package/dist/cjs/artifacts/themes/atlassian-dark-future.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::d075fc63f2fcbc4c48f9221541c1d067>>
+ * @codegenCommand yarn build tokens
+ */
+var _default = exports.default = "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n  color-scheme: dark;\n  --ds-background-disabled: #B3DF72;\n}\n";

package/dist/cjs/artifacts/themes/atlassian-light-future.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b66f003f52ebad6767e95eaeb646085b>>
+ * @codegenCommand yarn build tokens
+ */
+var _default = exports.default = "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n  color-scheme: light;\n  --ds-background-disabled: #28311B;\n}\n";

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::ab55c164418ef8725d43715108841276>>
+ * @codegenCommand yarn build tokens
+ */
+var tokens = [{
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.0.15",
+    "description": "Use for backgrounds of elements in a disabled state."
+  },
+  "value": "#B3DF72",
+  "filePath": "schema/themes/atlassian-dark-future/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.0.15",
+      "description": "Use for backgrounds of elements in a disabled state."
+    },
+    "value": "Lime300"
+  },
+  "name": "color.background.disabled",
+  "path": ["color", "background", "disabled"],
+  "cleanName": "color.background.disabled"
+}];
+var _default = exports.default = tokens;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::940fbbe091341b7f246528cfc921961d>>
+ * @codegenCommand yarn build tokens
+ */
+var tokens = [{
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.0.15",
+    "description": "Use for backgrounds of elements in a disabled state."
+  },
+  "value": "#28311B",
+  "filePath": "schema/themes/atlassian-light-future/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.0.15",
+      "description": "Use for backgrounds of elements in a disabled state."
+    },
+    "value": "Lime1000"
+  },
+  "name": "color.background.disabled",
+  "path": ["color", "background", "disabled"],
+  "cleanName": "color.background.disabled"
+}];
+var _default = exports.default = tokens;

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.29.2";
+var version = "1.31.0";
 /**
  * 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.29.2";
+var version = "1.31.0";
 /**
  * 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/theme-config.js

@@ -44,7 +44,7 @@ var themeContrastModes = exports.themeContrastModes = ['more', 'no-preference',
  *
  * These ids must be kebab case
  */
-var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape', 'typography-adg3', 'typography-minor3'];
+var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
@@ -79,6 +79,16 @@ var themeConfig = {
       mode: 'light'
     }
   },
+  'atlassian-light-future': {
+    id: 'light-future',
+    displayName: 'Future Light Theme',
+    palette: 'defaultPalette',
+    attributes: {
+      type: 'color',
+      mode: 'light'
+    },
+    override: 'light'
+  },
   'atlassian-light-increased-contrast': {
     id: 'light-increased-contrast',
     displayName: 'Light Theme (increased contrast)',
@@ -99,6 +109,16 @@ var themeConfig = {
       mode: 'dark'
     }
   },
+  'atlassian-dark-future': {
+    id: 'dark-future',
+    displayName: 'Future Dark Theme',
+    palette: 'defaultPalette',
+    attributes: {
+      type: 'color',
+      mode: 'dark'
+    },
+    override: 'light'
+  },
   'atlassian-dark-increased-contrast': {
     id: 'dark-increased-contrast',
     displayName: 'Dark Theme (increased contrast)',
@@ -172,14 +192,6 @@ var themeConfig = {
       mode: 'dark'
     }
   },
-  'atlassian-typography': {
-    id: 'typography',
-    displayName: 'Atlassian Typography (Minor Second)',
-    palette: 'typographyPalette',
-    attributes: {
-      type: 'typography'
-    }
-  },
   'atlassian-typography-minor3': {
     id: 'typography-minor3',
     displayName: 'Atlassian Typography (Minor Third)',

package/dist/es2019/artifacts/replacement-mapping.js

@@ -12,7 +12,7 @@
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::97a5e3ceb873d28e0118b88f5dc3e800>>
+ * @codegen <<SignedSource::21692c7f910850540ebe583c659e4d10>>
  * @codegenCommand yarn build tokens
  */
 
@@ -52,6 +52,21 @@ const replacementMapper = [{
 }, {
   "path": "font.heading.xxsmall",
   "state": "experimental"
+}, {
+  "path": "font.letterSpacing.0",
+  "state": "deprecated"
+}, {
+  "path": "font.letterSpacing.100",
+  "state": "deprecated"
+}, {
+  "path": "font.letterSpacing.200",
+  "state": "deprecated"
+}, {
+  "path": "font.letterSpacing.300",
+  "state": "deprecated"
+}, {
+  "path": "font.letterSpacing.400",
+  "state": "deprecated"
 }, {
   "path": "font.ui.[default]",
   "state": "experimental"
@@ -60,15 +75,78 @@ const replacementMapper = [{
   "state": "experimental"
 }, {
   "path": "font.family.body",
-  "state": "experimental"
+  "state": "deprecated"
 }, {
   "path": "font.family.code",
-  "state": "experimental"
+  "state": "deprecated"
 }, {
   "path": "font.family.heading",
-  "state": "experimental"
+  "state": "deprecated"
+}, {
+  "path": "font.family.monospace",
+  "state": "deprecated"
+}, {
+  "path": "font.family.sans",
+  "state": "deprecated"
 }, {
   "path": "font.family.brand",
-  "state": "experimental"
+  "state": "deprecated"
+}, {
+  "path": "font.size.050",
+  "state": "deprecated"
+}, {
+  "path": "font.size.075",
+  "state": "deprecated"
+}, {
+  "path": "font.size.100",
+  "state": "deprecated"
+}, {
+  "path": "font.size.200",
+  "state": "deprecated"
+}, {
+  "path": "font.size.300",
+  "state": "deprecated"
+}, {
+  "path": "font.size.400",
+  "state": "deprecated"
+}, {
+  "path": "font.size.500",
+  "state": "deprecated"
+}, {
+  "path": "font.size.600",
+  "state": "deprecated"
+}, {
+  "path": "font.weight.bold",
+  "state": "deprecated"
+}, {
+  "path": "font.weight.medium",
+  "state": "deprecated"
+}, {
+  "path": "font.weight.regular",
+  "state": "deprecated"
+}, {
+  "path": "font.weight.semibold",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.1",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.100",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.200",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.300",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.400",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.500",
+  "state": "deprecated"
+}, {
+  "path": "font.lineHeight.600",
+  "state": "deprecated"
 }];
 export default replacementMapper;

package/dist/es2019/artifacts/theme-import-map.js

@@ -6,17 +6,21 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::a21941d8f8cea58425b92ce9b8bfcd4e>>
+ * @codegen <<SignedSource::6c438d052bfcec2f42bfb917a01beef9>>
  * @codegenCommand yarn build tokens
  */
 
 const themeImportsMap = {
   'light': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-light" */
   './themes/atlassian-light'),
+  'light-future': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-light-future" */
+  './themes/atlassian-light-future'),
   'light-increased-contrast': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-light-increased-contrast" */
   './themes/atlassian-light-increased-contrast'),
   'dark': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark" */
   './themes/atlassian-dark'),
+  'dark-future': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-future" */
+  './themes/atlassian-dark-future'),
   'dark-increased-contrast': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-increased-contrast" */
   './themes/atlassian-dark-increased-contrast'),
   'legacy-light': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-legacy-light" */
@@ -33,8 +37,6 @@ const themeImportsMap = {
   './themes/atlassian-light-new-input-border'),
   'dark-new-input-border': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-new-input-border" */
   './themes/atlassian-dark-new-input-border'),
-  'typography': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
-  './themes/atlassian-typography'),
   'typography-minor3': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-minor3" */
   './themes/atlassian-typography-minor3')
 };

package/dist/es2019/artifacts/themes/atlassian-dark-future.js

@@ -0,0 +1,12 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::d075fc63f2fcbc4c48f9221541c1d067>>
+ * @codegenCommand yarn build tokens
+ */
+export default `
+html[data-color-mode="light"][data-theme~="light:light"],
+html[data-color-mode="dark"][data-theme~="dark:light"] {
+  color-scheme: dark;
+  --ds-background-disabled: #B3DF72;
+}
+`;

package/dist/es2019/artifacts/themes/atlassian-light-future.js

@@ -0,0 +1,12 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b66f003f52ebad6767e95eaeb646085b>>
+ * @codegenCommand yarn build tokens
+ */
+export default `
+html[data-color-mode="light"][data-theme~="light:light"],
+html[data-color-mode="dark"][data-theme~="dark:light"] {
+  color-scheme: light;
+  --ds-background-disabled: #28311B;
+}
+`;

package/dist/es2019/artifacts/tokens-raw/atlassian-dark-future.js

@@ -0,0 +1,29 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::ab55c164418ef8725d43715108841276>>
+ * @codegenCommand yarn build tokens
+ */
+const tokens = [{
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.0.15",
+    "description": "Use for backgrounds of elements in a disabled state."
+  },
+  "value": "#B3DF72",
+  "filePath": "schema/themes/atlassian-dark-future/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.0.15",
+      "description": "Use for backgrounds of elements in a disabled state."
+    },
+    "value": "Lime300"
+  },
+  "name": "color.background.disabled",
+  "path": ["color", "background", "disabled"],
+  "cleanName": "color.background.disabled"
+}];
+export default tokens;

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

@@ -0,0 +1,29 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::940fbbe091341b7f246528cfc921961d>>
+ * @codegenCommand yarn build tokens
+ */
+const tokens = [{
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.0.15",
+    "description": "Use for backgrounds of elements in a disabled state."
+  },
+  "value": "#28311B",
+  "filePath": "schema/themes/atlassian-light-future/color/background.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.0.15",
+      "description": "Use for backgrounds of elements in a disabled state."
+    },
+    "value": "Lime1000"
+  },
+  "name": "color.background.disabled",
+  "path": ["color", "background", "disabled"],
+  "cleanName": "color.background.disabled"
+}];
+export default tokens;

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

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 const name = "@atlaskit/tokens";
-const version = "1.29.2";
+const version = "1.31.0";
 /**
  * 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/es2019/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';
 const name = "@atlaskit/tokens";
-const version = "1.29.2";
+const version = "1.31.0";
 /**
  * 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/es2019/theme-config.js

@@ -38,7 +38,7 @@ export const themeContrastModes = ['more', 'no-preference', 'auto'];
  *
  * These ids must be kebab case
  */
-export const themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape', 'typography-adg3', 'typography-minor3'];
+export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
@@ -73,6 +73,16 @@ const themeConfig = {
       mode: 'light'
     }
   },
+  'atlassian-light-future': {
+    id: 'light-future',
+    displayName: 'Future Light Theme',
+    palette: 'defaultPalette',
+    attributes: {
+      type: 'color',
+      mode: 'light'
+    },
+    override: 'light'
+  },
   'atlassian-light-increased-contrast': {
     id: 'light-increased-contrast',
     displayName: 'Light Theme (increased contrast)',
@@ -93,6 +103,16 @@ const themeConfig = {
       mode: 'dark'
     }
   },
+  'atlassian-dark-future': {
+    id: 'dark-future',
+    displayName: 'Future Dark Theme',
+    palette: 'defaultPalette',
+    attributes: {
+      type: 'color',
+      mode: 'dark'
+    },
+    override: 'light'
+  },
   'atlassian-dark-increased-contrast': {
     id: 'dark-increased-contrast',
     displayName: 'Dark Theme (increased contrast)',
@@ -166,14 +186,6 @@ const themeConfig = {
       mode: 'dark'
     }
   },
-  'atlassian-typography': {
-    id: 'typography',
-    displayName: 'Atlassian Typography (Minor Second)',
-    palette: 'typographyPalette',
-    attributes: {
-      type: 'typography'
-    }
-  },
   'atlassian-typography-minor3': {
     id: 'typography-minor3',
     displayName: 'Atlassian Typography (Minor Third)',