@atlaskit/tokens 1.60.0 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/tokens
 
+## 2.0.0
+
+### Major Changes
+
+- [#145551](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/145551)
+  [`d477dc32ae480`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d477dc32ae480) -
+  Changes the `@atlaskit/tokens/babel-plugin`'s 'shouldUseAutoFallback' configuration to be true by
+  default as this is currently the expectation within a majority of Atlassian's frontend code.
+
+  To opt-out (which likely means you must be using fallbacks manually or can guarantee theming is
+  turned on), you would have config like this in Babel, Webpack, or similar:
+
+  ```json
+  "plugins": [
+    ["@atlaskit/tokens/babel-plugin", { "shouldUseAutoFallback": false }]
+  ]
+  ```
+
+### Patch Changes
+
+- [#145551](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/145551)
+  [`d477dc32ae480`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d477dc32ae480) -
+  Removes 'shouldUseAutoFallbacks' config on '@atlaskit/tokens/babel-plugin' as this is now the
+  default.
+
+## 1.61.0
+
+### Minor Changes
+
+- [#143310](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143310)
+  [`b41f7cad2418e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b41f7cad2418e) -
+  Migrated feature flag for increased contrast themes to new provider
+
 ## 1.60.0
 
 ### Minor Changes

package/README.md

@@ -39,9 +39,9 @@ Add the plugin to your babel configuration:
 
 ### Options
 
-Currently the plugin supports one option, `shouldUseAutoFallback`. When enabled, the plugin will
-fetch the token's value in the default Atlassian theme (currently `atlassian-light`) and use it as
-the fallback value.
+Currently the plugin supports one option, `shouldUseAutoFallback`. When not disabled, the plugin
+will fetch the token's value in the default Atlassian theme (currently `atlassian-light`) and use it
+as the fallback value.
 
 This is useful for cases where tokens are in use, but token definitions aren't guaranteed to be
 present in the top-level page CSS.

package/dist/cjs/babel-plugin/plugin.js

@@ -90,7 +90,7 @@ function plugin() {
 
               // if no fallback is set, optionally find one from the default theme
               if (path.node.arguments.length < 2) {
-                if (state.opts.shouldUseAutoFallback) {
+                if (state.opts.shouldUseAutoFallback !== false) {
                   replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ", ").concat(getDefaultFallback(tokenName, state.opts.defaultTheme), ")"));
                 } else {
                   replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ")"));

package/dist/cjs/get-ssr-auto-script.js

@@ -20,7 +20,7 @@ var getSSRAutoScript = function getSSRAutoScript(colorMode, contrastMode) {
     return undefined;
   }
   var setColorMode = colorMode === 'auto' ? "\n  try {\n    const darkModeMql = window.matchMedia('".concat(_themeLoading.darkModeMediaQuery, "');\n    const colorMode = darkModeMql.matches ? 'dark' : 'light';\n    document.documentElement.setAttribute('").concat(_constants.COLOR_MODE_ATTRIBUTE, "', colorMode);\n  } catch (e) {}") : '';
-  var setContrastMode = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.increased-contrast-themes') && contrastMode === 'auto' ? "\n  try {\n    const contrastModeMql = window.matchMedia('".concat(_themeLoading.moreContrastMediaQuery, "');\n    const contrastMode = contrastModeMql.matches ? 'more' : 'no-preference';\n    document.documentElement.setAttribute('").concat(_constants.CONTRAST_MODE_ATTRIBUTE, "', contrastMode);\n  } catch (e) {}") : '';
+  var setContrastMode = contrastMode === 'auto' && (0, _platformFeatureFlags.fg)('platform_increased-contrast-themes') ? "\n  try {\n    const contrastModeMql = window.matchMedia('".concat(_themeLoading.moreContrastMediaQuery, "');\n    const contrastMode = contrastModeMql.matches ? 'more' : 'no-preference';\n    document.documentElement.setAttribute('").concat(_constants.CONTRAST_MODE_ATTRIBUTE, "', contrastMode);\n  } catch (e) {}") : '';
   return "(() => {".concat(setColorMode).concat(setContrastMode, "})()");
 };
 var _default = exports.default = getSSRAutoScript;

package/dist/cjs/get-theme-html-attrs.js

@@ -58,7 +58,7 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
     typography: typography
   });
   var result = (_result = {}, (0, _defineProperty2.default)(_result, _constants.THEME_DATA_ATTRIBUTE, themeAttribute), (0, _defineProperty2.default)(_result, _constants.COLOR_MODE_ATTRIBUTE, colorMode === 'auto' ? defaultColorMode : colorMode), _result);
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.increased-contrast-themes')) {
+  if ((0, _platformFeatureFlags.fg)('platform_increased-contrast-themes')) {
     result = _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, _constants.CONTRAST_MODE_ATTRIBUTE, contrastMode === 'auto' ? defaultContrastMode : contrastMode));
   }
   if (UNSAFE_themeOptions && (0, _colorUtils.isValidBrandHex)(UNSAFE_themeOptions.brandColor)) {

package/dist/cjs/get-theme-styles.js

@@ -43,7 +43,7 @@ var getThemeStyles = /*#__PURE__*/function () {
             themePreferences = _themeConfig.themeIdsWithOverrides;
 
             // CLEANUP: Remove
-            if (!(0, _platformFeatureFlags.fg)('platform.design-system-team.increased-contrast-themes')) {
+            if (!(0, _platformFeatureFlags.fg)('platform_increased-contrast-themes')) {
               themePreferences = themePreferences.filter(function (n) {
                 return n !== 'light-increased-contrast' && n !== 'dark-increased-contrast';
               });

package/dist/cjs/set-global-theme.js

@@ -80,7 +80,7 @@ var setGlobalTheme = /*#__PURE__*/function () {
           themeLoader = _args3.length > 1 ? _args3[1] : undefined;
           // CLEANUP: Remove. This blocks application of increased contrast themes
           // without the feature flag enabled.
-          if (!(0, _platformFeatureFlags.fg)('platform.design-system-team.increased-contrast-themes')) {
+          if (!(0, _platformFeatureFlags.fg)('platform_increased-contrast-themes')) {
             if (light === 'light-increased-contrast') {
               light = 'light';
             }

package/dist/cjs/utils/configure-page.js

@@ -23,7 +23,7 @@ function configurePage(themeState) {
   } else {
     _colorModeListeners.default.unbind();
   }
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.increased-contrast-themes')) {
+  if ((0, _platformFeatureFlags.fg)('platform_increased-contrast-themes')) {
     if (themeState.contrastMode === 'auto') {
       // Set contrastMode based on the user preference
       themeState.contrastMode = _contrastModeListeners.default.getContrastMode();
@@ -42,7 +42,7 @@ function configurePage(themeState) {
   });
   return function () {
     _colorModeListeners.default.unbind();
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.increased-contrast-themes')) {
+    if ((0, _platformFeatureFlags.fg)('platform_increased-contrast-themes')) {
       _contrastModeListeners.default.unbind();
     }
   };

package/dist/cjs/utils/get-theme-preferences.js

@@ -19,7 +19,7 @@ var getThemePreferences = exports.getThemePreferences = function getThemePrefere
   var autoColorModeThemes = [light, dark];
   var themePreferences = [];
   if (colorMode === 'auto') {
-    if (contrastMode !== 'no-preference' && (0, _platformFeatureFlags.fg)('platform.design-system-team.increased-contrast-themes')) {
+    if (contrastMode !== 'no-preference' && (0, _platformFeatureFlags.fg)('platform_increased-contrast-themes')) {
       autoColorModeThemes.forEach(function (normalTheme) {
         var increasedContrastTheme = (0, _getIncreasedContrastTheme.default)(normalTheme);
         if (increasedContrastTheme) {
@@ -30,7 +30,7 @@ var getThemePreferences = exports.getThemePreferences = function getThemePrefere
     themePreferences.push.apply(themePreferences, autoColorModeThemes);
   } else {
     themePreferences.push(themeState[colorMode]);
-    if (contrastMode !== 'no-preference' && (0, _platformFeatureFlags.fg)('platform.design-system-team.increased-contrast-themes')) {
+    if (contrastMode !== 'no-preference' && (0, _platformFeatureFlags.fg)('platform_increased-contrast-themes')) {
       var increasedContrastTheme = (0, _getIncreasedContrastTheme.default)(themeState[colorMode]);
       if (increasedContrastTheme) {
         themePreferences.push(increasedContrastTheme);

package/dist/es2019/babel-plugin/plugin.js

@@ -80,7 +80,7 @@ export default function plugin() {
 
               // if no fallback is set, optionally find one from the default theme
               if (path.node.arguments.length < 2) {
-                if (state.opts.shouldUseAutoFallback) {
+                if (state.opts.shouldUseAutoFallback !== false) {
                   replacementNode = t.stringLiteral(`var(${cssTokenValue}, ${getDefaultFallback(tokenName, state.opts.defaultTheme)})`);
                 } else {
                   replacementNode = t.stringLiteral(`var(${cssTokenValue})`);

package/dist/es2019/get-ssr-auto-script.js

@@ -1,4 +1,4 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { COLOR_MODE_ATTRIBUTE, CONTRAST_MODE_ATTRIBUTE } from './constants';
 import { darkModeMediaQuery, moreContrastMediaQuery } from './utils/theme-loading';
 
@@ -19,7 +19,7 @@ const getSSRAutoScript = (colorMode, contrastMode) => {
     const colorMode = darkModeMql.matches ? 'dark' : 'light';
     document.documentElement.setAttribute('${COLOR_MODE_ATTRIBUTE}', colorMode);
   } catch (e) {}` : '';
-  const setContrastMode = getBooleanFF('platform.design-system-team.increased-contrast-themes') && contrastMode === 'auto' ? `\n  try {
+  const setContrastMode = contrastMode === 'auto' && fg('platform_increased-contrast-themes') ? `\n  try {
     const contrastModeMql = window.matchMedia('${moreContrastMediaQuery}');
     const contrastMode = contrastModeMql.matches ? 'more' : 'no-preference';
     document.documentElement.setAttribute('${CONTRAST_MODE_ATTRIBUTE}', contrastMode);

package/dist/es2019/get-theme-html-attrs.js

@@ -1,4 +1,4 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { COLOR_MODE_ATTRIBUTE, CONTRAST_MODE_ATTRIBUTE, CUSTOM_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from './constants';
 import { themeStateDefaults } from './theme-config';
 import { themeObjectToString } from './theme-state-transformer';
@@ -42,7 +42,7 @@ const getThemeHtmlAttrs = ({
     [THEME_DATA_ATTRIBUTE]: themeAttribute,
     [COLOR_MODE_ATTRIBUTE]: colorMode === 'auto' ? defaultColorMode : colorMode
   };
-  if (getBooleanFF('platform.design-system-team.increased-contrast-themes')) {
+  if (fg('platform_increased-contrast-themes')) {
     result = {
       ...result,
       // CLEANUP: Move this to the initial `result` assignment above

package/dist/es2019/get-theme-styles.js

@@ -26,7 +26,7 @@ const getThemeStyles = async preferences => {
     themePreferences = themeIdsWithOverrides;
 
     // CLEANUP: Remove
-    if (!fg('platform.design-system-team.increased-contrast-themes')) {
+    if (!fg('platform_increased-contrast-themes')) {
       themePreferences = themePreferences.filter(n => n !== 'light-increased-contrast' && n !== 'dark-increased-contrast');
     }
     themePreferences = themePreferences.filter(n => n !== 'light-brand-refresh' && n !== 'dark-brand-refresh');

package/dist/es2019/set-global-theme.js

@@ -39,7 +39,7 @@ const setGlobalTheme = async ({
 } = {}, themeLoader) => {
   // CLEANUP: Remove. This blocks application of increased contrast themes
   // without the feature flag enabled.
-  if (!fg('platform.design-system-team.increased-contrast-themes')) {
+  if (!fg('platform_increased-contrast-themes')) {
     if (light === 'light-increased-contrast') {
       light = 'light';
     }

package/dist/es2019/utils/configure-page.js

@@ -1,4 +1,4 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import getThemeHtmlAttrs from '../get-theme-html-attrs';
 import ColorModeObserver from './color-mode-listeners';
 import ContrastModeObserver from './contrast-mode-listeners';
@@ -16,7 +16,7 @@ export default function configurePage(themeState) {
   } else {
     ColorModeObserver.unbind();
   }
-  if (getBooleanFF('platform.design-system-team.increased-contrast-themes')) {
+  if (fg('platform_increased-contrast-themes')) {
     if (themeState.contrastMode === 'auto') {
       // Set contrastMode based on the user preference
       themeState.contrastMode = ContrastModeObserver.getContrastMode();
@@ -32,7 +32,7 @@ export default function configurePage(themeState) {
   });
   return () => {
     ColorModeObserver.unbind();
-    if (getBooleanFF('platform.design-system-team.increased-contrast-themes')) {
+    if (fg('platform_increased-contrast-themes')) {
       ContrastModeObserver.unbind();
     }
   };

package/dist/es2019/utils/get-theme-preferences.js

@@ -13,7 +13,7 @@ export const getThemePreferences = themeState => {
   const autoColorModeThemes = [light, dark];
   const themePreferences = [];
   if (colorMode === 'auto') {
-    if (contrastMode !== 'no-preference' && fg('platform.design-system-team.increased-contrast-themes')) {
+    if (contrastMode !== 'no-preference' && fg('platform_increased-contrast-themes')) {
       autoColorModeThemes.forEach(normalTheme => {
         const increasedContrastTheme = getIncreasedContrastTheme(normalTheme);
         if (increasedContrastTheme) {
@@ -24,7 +24,7 @@ export const getThemePreferences = themeState => {
     themePreferences.push(...autoColorModeThemes);
   } else {
     themePreferences.push(themeState[colorMode]);
-    if (contrastMode !== 'no-preference' && fg('platform.design-system-team.increased-contrast-themes')) {
+    if (contrastMode !== 'no-preference' && fg('platform_increased-contrast-themes')) {
       const increasedContrastTheme = getIncreasedContrastTheme(themeState[colorMode]);
       if (increasedContrastTheme) {
         themePreferences.push(increasedContrastTheme);

package/dist/esm/babel-plugin/plugin.js

@@ -80,7 +80,7 @@ export default function plugin() {
 
               // if no fallback is set, optionally find one from the default theme
               if (path.node.arguments.length < 2) {
-                if (state.opts.shouldUseAutoFallback) {
+                if (state.opts.shouldUseAutoFallback !== false) {
                   replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ", ").concat(getDefaultFallback(tokenName, state.opts.defaultTheme), ")"));
                 } else {
                   replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ")"));

package/dist/esm/get-ssr-auto-script.js

@@ -1,4 +1,4 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { COLOR_MODE_ATTRIBUTE, CONTRAST_MODE_ATTRIBUTE } from './constants';
 import { darkModeMediaQuery, moreContrastMediaQuery } from './utils/theme-loading';
 
@@ -15,7 +15,7 @@ var getSSRAutoScript = function getSSRAutoScript(colorMode, contrastMode) {
     return undefined;
   }
   var setColorMode = colorMode === 'auto' ? "\n  try {\n    const darkModeMql = window.matchMedia('".concat(darkModeMediaQuery, "');\n    const colorMode = darkModeMql.matches ? 'dark' : 'light';\n    document.documentElement.setAttribute('").concat(COLOR_MODE_ATTRIBUTE, "', colorMode);\n  } catch (e) {}") : '';
-  var setContrastMode = getBooleanFF('platform.design-system-team.increased-contrast-themes') && contrastMode === 'auto' ? "\n  try {\n    const contrastModeMql = window.matchMedia('".concat(moreContrastMediaQuery, "');\n    const contrastMode = contrastModeMql.matches ? 'more' : 'no-preference';\n    document.documentElement.setAttribute('").concat(CONTRAST_MODE_ATTRIBUTE, "', contrastMode);\n  } catch (e) {}") : '';
+  var setContrastMode = contrastMode === 'auto' && fg('platform_increased-contrast-themes') ? "\n  try {\n    const contrastModeMql = window.matchMedia('".concat(moreContrastMediaQuery, "');\n    const contrastMode = contrastModeMql.matches ? 'more' : 'no-preference';\n    document.documentElement.setAttribute('").concat(CONTRAST_MODE_ATTRIBUTE, "', contrastMode);\n  } catch (e) {}") : '';
   return "(() => {".concat(setColorMode).concat(setContrastMode, "})()");
 };
 export default getSSRAutoScript;

package/dist/esm/get-theme-html-attrs.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { COLOR_MODE_ATTRIBUTE, CONTRAST_MODE_ATTRIBUTE, CUSTOM_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from './constants';
 import { themeStateDefaults } from './theme-config';
 import { themeObjectToString } from './theme-state-transformer';
@@ -51,7 +51,7 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
     typography: typography
   });
   var result = (_result = {}, _defineProperty(_result, THEME_DATA_ATTRIBUTE, themeAttribute), _defineProperty(_result, COLOR_MODE_ATTRIBUTE, colorMode === 'auto' ? defaultColorMode : colorMode), _result);
-  if (getBooleanFF('platform.design-system-team.increased-contrast-themes')) {
+  if (fg('platform_increased-contrast-themes')) {
     result = _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, CONTRAST_MODE_ATTRIBUTE, contrastMode === 'auto' ? defaultContrastMode : contrastMode));
   }
   if (UNSAFE_themeOptions && isValidBrandHex(UNSAFE_themeOptions.brandColor)) {

package/dist/esm/get-theme-styles.js

@@ -33,7 +33,7 @@ var getThemeStyles = /*#__PURE__*/function () {
             themePreferences = themeIdsWithOverrides;
 
             // CLEANUP: Remove
-            if (!fg('platform.design-system-team.increased-contrast-themes')) {
+            if (!fg('platform_increased-contrast-themes')) {
               themePreferences = themePreferences.filter(function (n) {
                 return n !== 'light-increased-contrast' && n !== 'dark-increased-contrast';
               });

package/dist/esm/set-global-theme.js

@@ -71,7 +71,7 @@ var setGlobalTheme = /*#__PURE__*/function () {
           themeLoader = _args3.length > 1 ? _args3[1] : undefined;
           // CLEANUP: Remove. This blocks application of increased contrast themes
           // without the feature flag enabled.
-          if (!fg('platform.design-system-team.increased-contrast-themes')) {
+          if (!fg('platform_increased-contrast-themes')) {
             if (light === 'light-increased-contrast') {
               light = 'light';
             }

package/dist/esm/utils/configure-page.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import getThemeHtmlAttrs from '../get-theme-html-attrs';
 import ColorModeObserver from './color-mode-listeners';
 import ContrastModeObserver from './contrast-mode-listeners';
@@ -17,7 +17,7 @@ export default function configurePage(themeState) {
   } else {
     ColorModeObserver.unbind();
   }
-  if (getBooleanFF('platform.design-system-team.increased-contrast-themes')) {
+  if (fg('platform_increased-contrast-themes')) {
     if (themeState.contrastMode === 'auto') {
       // Set contrastMode based on the user preference
       themeState.contrastMode = ContrastModeObserver.getContrastMode();
@@ -36,7 +36,7 @@ export default function configurePage(themeState) {
   });
   return function () {
     ColorModeObserver.unbind();
-    if (getBooleanFF('platform.design-system-team.increased-contrast-themes')) {
+    if (fg('platform_increased-contrast-themes')) {
       ContrastModeObserver.unbind();
     }
   };

package/dist/esm/utils/get-theme-preferences.js

@@ -12,7 +12,7 @@ export var getThemePreferences = function getThemePreferences(themeState) {
   var autoColorModeThemes = [light, dark];
   var themePreferences = [];
   if (colorMode === 'auto') {
-    if (contrastMode !== 'no-preference' && fg('platform.design-system-team.increased-contrast-themes')) {
+    if (contrastMode !== 'no-preference' && fg('platform_increased-contrast-themes')) {
       autoColorModeThemes.forEach(function (normalTheme) {
         var increasedContrastTheme = getIncreasedContrastTheme(normalTheme);
         if (increasedContrastTheme) {
@@ -23,7 +23,7 @@ export var getThemePreferences = function getThemePreferences(themeState) {
     themePreferences.push.apply(themePreferences, autoColorModeThemes);
   } else {
     themePreferences.push(themeState[colorMode]);
-    if (contrastMode !== 'no-preference' && fg('platform.design-system-team.increased-contrast-themes')) {
+    if (contrastMode !== 'no-preference' && fg('platform_increased-contrast-themes')) {
       var increasedContrastTheme = getIncreasedContrastTheme(themeState[colorMode]);
       if (increasedContrastTheme) {
         themePreferences.push(increasedContrastTheme);

package/dist/types/babel-plugin/plugin.d.ts

@@ -6,6 +6,9 @@ export default function plugin(): {
         Program: {
             enter(path: NodePath<t.Program>, state: {
                 opts: {
+                    /**
+                     * @default true
+                     */
                     shouldUseAutoFallback?: boolean;
                     shouldForceAutoFallback?: boolean;
                     defaultTheme?: DefaultColorTheme;

package/dist/types-ts4.5/babel-plugin/plugin.d.ts

@@ -6,6 +6,9 @@ export default function plugin(): {
         Program: {
             enter(path: NodePath<t.Program>, state: {
                 opts: {
+                    /**
+                     * @default true
+                     */
                     shouldUseAutoFallback?: boolean;
                     shouldForceAutoFallback?: boolean;
                     defaultTheme?: DefaultColorTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "1.60.0",
+	"version": "2.0.0",
 	"description": "Design tokens are the single source of truth to name and store design decisions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 		"codegen-tokens": "run-ts ./scripts/style-dictionary/build.tsx && cd $(npx repo-root)/packages/design-system/primitives && yarn codegen-styles && cd $(npx repo-root)/packages/design-system/ds-explorations && yarn codegen-styles && cd $(npx repo-root)/packages/design-system/heading && yarn codegen"
 	},
 	"dependencies": {
-		"@atlaskit/ds-lib": "^2.5.0",
+		"@atlaskit/ds-lib": "^2.6.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@babel/traverse": "^7.23.2",
@@ -44,7 +44,7 @@
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/formatting": "*",
-		"@atlaskit/button": "^20.1.0",
+		"@atlaskit/button": "^20.2.0",
 		"@atlaskit/calendar": "^15.0.0",
 		"@atlaskit/checkbox": "^14.0.0",
 		"@atlaskit/radio": "^6.5.0",
@@ -125,7 +125,7 @@
 		"./css-type-schema": "./src/entry-points/css-type-schema.codegen.tsx"
 	},
 	"platform-feature-flags": {
-		"platform.design-system-team.increased-contrast-themes": {
+		"platform_increased-contrast-themes": {
 			"type": "boolean"
 		},
 		"platform-component-visual-refresh": {