@atlaskit/tokens 1.29.2 → 1.31.0

package/dist/esm/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 @@ 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"
@@ -60,15 +75,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"
 }];
 export default replacementMapper;

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

@@ -6,7 +6,7 @@
  * 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
  */
 
@@ -15,6 +15,10 @@ var themeImportsMap = {
     return import( /* webpackChunkName: "@atlaskit-internal_atlassian-light" */
     './themes/atlassian-light');
   },
+  'light-future': function lightFuture() {
+    return import( /* webpackChunkName: "@atlaskit-internal_atlassian-light-future" */
+    './themes/atlassian-light-future');
+  },
   'light-increased-contrast': function lightIncreasedContrast() {
     return import( /* webpackChunkName: "@atlaskit-internal_atlassian-light-increased-contrast" */
     './themes/atlassian-light-increased-contrast');
@@ -23,6 +27,10 @@ var themeImportsMap = {
     return import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark" */
     './themes/atlassian-dark');
   },
+  'dark-future': function darkFuture() {
+    return import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-future" */
+    './themes/atlassian-dark-future');
+  },
   'dark-increased-contrast': function darkIncreasedContrast() {
     return import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-increased-contrast" */
     './themes/atlassian-dark-increased-contrast');
@@ -55,10 +63,6 @@ var themeImportsMap = {
     return import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-new-input-border" */
     './themes/atlassian-dark-new-input-border');
   },
-  'typography': function typography() {
-    return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography" */
-    './themes/atlassian-typography');
-  },
   'typography-minor3': function typographyMinor3() {
     return import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-minor3" */
     './themes/atlassian-typography-minor3');

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

@@ -0,0 +1,6 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::d075fc63f2fcbc4c48f9221541c1d067>>
+ * @codegenCommand yarn build tokens
+ */
+export 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/esm/artifacts/themes/atlassian-light-future.js

@@ -0,0 +1,6 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b66f003f52ebad6767e95eaeb646085b>>
+ * @codegenCommand yarn build tokens
+ */
+export 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/esm/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
+ */
+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"
+}];
+export default tokens;

package/dist/esm/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
+ */
+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"
+}];
+export default tokens;

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.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/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.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/esm/theme-config.js

@@ -38,7 +38,7 @@ export var themeContrastModes = ['more', 'no-preference', 'auto'];
  *
  * These ids must be kebab case
  */
-export var themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape', 'typography-adg3', 'typography-minor3'];
+export var 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 @@ 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)',
@@ -93,6 +103,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)',
@@ -166,14 +186,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/types/artifacts/replacement-mapping.d.ts

@@ -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
  */
 import tokens from './token-names';

package/dist/types/artifacts/theme-import-map.d.ts

@@ -6,7 +6,7 @@
  * 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
  */
 import { ThemeIds, ThemeOverrideIds } from '../theme-config';

package/dist/types/artifacts/themes/atlassian-dark-future.d.ts

@@ -0,0 +1,7 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::d075fc63f2fcbc4c48f9221541c1d067>>
+ * @codegenCommand yarn build tokens
+ */
+declare const _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";
+export default _default;

package/dist/types/artifacts/themes/atlassian-light-future.d.ts

@@ -0,0 +1,7 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b66f003f52ebad6767e95eaeb646085b>>
+ * @codegenCommand yarn build tokens
+ */
+declare const _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";
+export default _default;

package/dist/types/artifacts/tokens-raw/atlassian-dark-future.d.ts

@@ -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
+ */
+declare const tokens: {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+}[];
+export default tokens;

package/dist/types/artifacts/tokens-raw/atlassian-light-future.d.ts

@@ -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
+ */
+declare const tokens: {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+}[];
+export default tokens;

package/dist/types/theme-config.d.ts

@@ -6,7 +6,7 @@
  * These ids are what the actual theme files/folders are called.
  * style-dictionary will attempt to locate these in the file-system.
  */
-export type Themes = 'atlassian-light' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
+export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
 export type ThemeFileNames = Themes;
 /**
  * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
@@ -42,7 +42,7 @@ export type DataContrastModes = 'more' | 'no-preference' | 'auto';
  *
  * These ids must be kebab case
  */
-export declare const themeIds: readonly ["light-increased-contrast", "light", "dark", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3"];
+export declare const themeIds: readonly ["light-increased-contrast", "light", "light-future", "dark", "dark-future", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-minor3"];
 export type ThemeIds = (typeof themeIds)[number];
 /**
  * Theme override ids: the equivalent of themeIds for theme overrides.
@@ -50,7 +50,7 @@ export type ThemeIds = (typeof themeIds)[number];
  */
 export declare const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border"];
 export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
-export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "dark", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border"];
+export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "light-future", "dark", "dark-future", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border"];
 export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
 /**
  * Theme to use a base. This will create the theme as
@@ -115,8 +115,8 @@ export interface ThemeOptionsSchema {
  * ThemeState: the standard representation of an app's current theme and preferences
  */
 export interface ThemeState {
-    light: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
-    dark: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
+    light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
+    dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
     colorMode: ThemeColorModes;
     contrastMode: ThemeContrastModes;
     shape?: Extract<ThemeIds, 'shape'>;

package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts

@@ -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
  */
 import tokens from './token-names';

package/dist/types-ts4.5/artifacts/theme-import-map.d.ts

@@ -6,7 +6,7 @@
  * 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
  */
 import { ThemeIds, ThemeOverrideIds } from '../theme-config';

package/dist/types-ts4.5/artifacts/themes/atlassian-dark-future.d.ts

@@ -0,0 +1,7 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::d075fc63f2fcbc4c48f9221541c1d067>>
+ * @codegenCommand yarn build tokens
+ */
+declare const _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";
+export default _default;

package/dist/types-ts4.5/artifacts/themes/atlassian-light-future.d.ts

@@ -0,0 +1,7 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::b66f003f52ebad6767e95eaeb646085b>>
+ * @codegenCommand yarn build tokens
+ */
+declare const _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";
+export default _default;

package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-future.d.ts

@@ -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
+ */
+declare const tokens: {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+}[];
+export default tokens;

package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-future.d.ts

@@ -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
+ */
+declare const tokens: {
+    attributes: {
+        group: string;
+        state: string;
+        introduced: string;
+        description: string;
+    };
+    value: string;
+    filePath: string;
+    isSource: boolean;
+    original: {
+        attributes: {
+            group: string;
+            state: string;
+            introduced: string;
+            description: string;
+        };
+        value: string;
+    };
+    name: string;
+    path: string[];
+    cleanName: string;
+}[];
+export default tokens;

package/dist/types-ts4.5/theme-config.d.ts

@@ -6,7 +6,7 @@
  * These ids are what the actual theme files/folders are called.
  * style-dictionary will attempt to locate these in the file-system.
  */
-export type Themes = 'atlassian-light' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
+export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
 export type ThemeFileNames = Themes;
 /**
  * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
@@ -53,12 +53,13 @@ export type DataContrastModes = 'more' | 'no-preference' | 'auto';
 export declare const themeIds: readonly [
     "light-increased-contrast",
     "light",
+    "light-future",
     "dark",
+    "dark-future",
     "dark-increased-contrast",
     "legacy-light",
     "legacy-dark",
     "spacing",
-    "typography",
     "shape",
     "typography-adg3",
     "typography-minor3"
@@ -76,12 +77,13 @@ export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
 export declare const themeIdsWithOverrides: readonly [
     "light-increased-contrast",
     "light",
+    "light-future",
     "dark",
+    "dark-future",
     "dark-increased-contrast",
     "legacy-light",
     "legacy-dark",
     "spacing",
-    "typography",
     "shape",
     "typography-adg3",
     "typography-minor3",
@@ -152,8 +154,8 @@ export interface ThemeOptionsSchema {
  * ThemeState: the standard representation of an app's current theme and preferences
  */
 export interface ThemeState {
-    light: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
-    dark: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
+    light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
+    dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
     colorMode: ThemeColorModes;
     contrastMode: ThemeContrastModes;
     shape?: Extract<ThemeIds, 'shape'>;

package/figma/atlassian-dark-future.json

@@ -0,0 +1,15 @@
+{
+  "name": "Dark future",
+  "tokens": {
+    "Dark future/color.background.disabled": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.0.15",
+        "description": "Use for backgrounds of elements in a disabled state."
+      },
+      "value": "#B3DF72"
+    }
+  },
+  "renameMap": {}
+}

package/figma/atlassian-light-future.json

@@ -0,0 +1,15 @@
+{
+  "name": "Light future",
+  "tokens": {
+    "Light future/color.background.disabled": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "0.0.15",
+        "description": "Use for backgrounds of elements in a disabled state."
+      },
+      "value": "#28311B"
+    }
+  },
+  "renameMap": {}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.29.2",
+  "version": "1.31.0",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"