@atlaskit/tokens 11.4.0 → 11.4.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/tokens
 
+## 11.4.1
+
+### Patch Changes
+
+- [`6bce18279cb35`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6bce18279cb35) -
+  Prevents a bundling/runtime failure for `themeStateDefaults` **shape** and **motion** defaults by
+  defining them as module-scope functions instead of inline object methods, so `react-magnetic-di`’s
+  `fg()` rewrite uses a valid `di(host, fg)` host and no longer references undefined `motion` /
+  `shape` identifiers.
+
 ## 11.4.0
 
 ### Minor Changes

package/dist/cjs/theme-config.js

@@ -178,6 +178,19 @@ var themeConfig = {
  * it will always resolve to false when server side rendered or when flags are loaded async.
  */
 
+function getShapeDefault() {
+  if ((0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default')) {
+    return 'shape';
+  }
+  return undefined;
+}
+function getMotionDefault() {
+  if ((0, _platformFeatureFlags.fg)('platform-dst-motion-theme-default')) {
+    return 'motion';
+  }
+  return undefined;
+}
+
 /**
  * themeStateDefaults: the default values for ThemeState used by theming utilities
  */
@@ -186,20 +199,10 @@ var themeStateDefaults = exports.themeStateDefaults = {
   contrastMode: 'auto',
   dark: 'dark',
   light: 'light',
-  shape: function shape() {
-    if ((0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default')) {
-      return 'shape';
-    }
-    return undefined;
-  },
+  shape: getShapeDefault,
   spacing: 'spacing',
   typography: 'typography',
-  motion: function motion() {
-    if ((0, _platformFeatureFlags.fg)('platform-dst-motion-theme-default')) {
-      return 'motion';
-    }
-    return undefined;
-  },
+  motion: getMotionDefault,
   UNSAFE_themeOptions: undefined
 };
 

package/dist/es2019/theme-config.js

@@ -173,6 +173,19 @@ const themeConfig = {
  * it will always resolve to false when server side rendered or when flags are loaded async.
  */
 
+function getShapeDefault() {
+  if (fg('platform-dst-shape-theme-default')) {
+    return 'shape';
+  }
+  return undefined;
+}
+function getMotionDefault() {
+  if (fg('platform-dst-motion-theme-default')) {
+    return 'motion';
+  }
+  return undefined;
+}
+
 /**
  * themeStateDefaults: the default values for ThemeState used by theming utilities
  */
@@ -181,20 +194,10 @@ export const themeStateDefaults = {
   contrastMode: 'auto',
   dark: 'dark',
   light: 'light',
-  shape: () => {
-    if (fg('platform-dst-shape-theme-default')) {
-      return 'shape';
-    }
-    return undefined;
-  },
+  shape: getShapeDefault,
   spacing: 'spacing',
   typography: 'typography',
-  motion: () => {
-    if (fg('platform-dst-motion-theme-default')) {
-      return 'motion';
-    }
-    return undefined;
-  },
+  motion: getMotionDefault,
   UNSAFE_themeOptions: undefined
 };
 

package/dist/esm/theme-config.js

@@ -173,6 +173,19 @@ var themeConfig = {
  * it will always resolve to false when server side rendered or when flags are loaded async.
  */
 
+function getShapeDefault() {
+  if (fg('platform-dst-shape-theme-default')) {
+    return 'shape';
+  }
+  return undefined;
+}
+function getMotionDefault() {
+  if (fg('platform-dst-motion-theme-default')) {
+    return 'motion';
+  }
+  return undefined;
+}
+
 /**
  * themeStateDefaults: the default values for ThemeState used by theming utilities
  */
@@ -181,20 +194,10 @@ export var themeStateDefaults = {
   contrastMode: 'auto',
   dark: 'dark',
   light: 'light',
-  shape: function shape() {
-    if (fg('platform-dst-shape-theme-default')) {
-      return 'shape';
-    }
-    return undefined;
-  },
+  shape: getShapeDefault,
   spacing: 'spacing',
   typography: 'typography',
-  motion: function motion() {
-    if (fg('platform-dst-motion-theme-default')) {
-      return 'motion';
-    }
-    return undefined;
-  },
+  motion: getMotionDefault,
   UNSAFE_themeOptions: undefined
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "11.4.0",
+	"version": "11.4.1",
 	"description": "Design tokens are the single source of truth to name and store design decisions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
 	"devDependencies": {
 		"@af/formatting": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/avatar": "^25.10.0",
+		"@atlaskit/avatar": "^25.11.0",
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/calendar": "^17.2.0",
 		"@atlaskit/checkbox": "^17.3.0",
@@ -59,11 +59,11 @@
 		"@atlaskit/inline-message": "^15.6.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/lozenge": "^13.5.0",
-		"@atlaskit/popup": "^4.14.0",
+		"@atlaskit/popup": "^4.15.0",
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/radio": "^8.4.0",
 		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/select": "^21.8.0",
+		"@atlaskit/select": "^21.9.0",
 		"@atlaskit/tag": "^14.6.0",
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
@@ -126,9 +126,6 @@
 		"platform-dst-shape-theme-default": {
 			"type": "boolean"
 		},
-		"platform_dst_subtree_theming": {
-			"type": "boolean"
-		},
 		"platform-dst-motion-theme-default": {
 			"type": "boolean"
 		}