@atlaskit/tokens 0.11.4 → 0.11.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/tokens
 
+## 0.11.6
+
+### Patch Changes
+
+- [`3d46e550157`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d46e550157) - Fixes a bug with the tokens-babel-plugin where it was transforming token functions which were imported from modules other than the @atlaskit/tokens package.
+
+## 0.11.5
+
+### Patch Changes
+
+- [`bcef9745338`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bcef9745338) - useThemeObserver now exclusively watches `data-theme` instead of `data-color-mode` to ensure all changes to the theme attr trigger an event. Previously, if a theme moved from light theme, which had a mode="light", to another theme such as legacy-light with the same mode, no event will be triggered.
+
 ## 0.11.4
 
 ### Patch Changes

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

@@ -164,6 +164,12 @@ function getTokenImportScope(path) {
     return undefined;
   }
 
+  if (binding.path.parent && t.isImportDeclaration(binding.path.parent)) {
+    if (binding.path.parent.source.value !== '@atlaskit/tokens') {
+      return undefined;
+    }
+  }
+
   return getNonAliasedImportName(binding.path.node) === 'token' ? binding.scope : undefined;
 }
 

package/dist/cjs/get-token.js

@@ -14,7 +14,7 @@ var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 
 var name = "@atlaskit/tokens";
-var version = "0.11.4";
+var version = "0.11.6";
 
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.

package/dist/cjs/theme-change-observer.js

@@ -57,7 +57,7 @@ var ThemeMutationObserver = /*#__PURE__*/function () {
       }
 
       this.observer.observe(document.documentElement, {
-        attributeFilter: [_constants.COLOR_MODE_ATTRIBUTE]
+        attributeFilter: [_constants.THEME_DATA_ATTRIBUTE]
       });
     }
   }, {

package/dist/cjs/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.11.4",
+	"version": "0.11.6",
 	"sideEffects": [
 		"**/*.css"
 	]

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

@@ -140,6 +140,12 @@ function getTokenImportScope(path) {
     return undefined;
   }
 
+  if (binding.path.parent && t.isImportDeclaration(binding.path.parent)) {
+    if (binding.path.parent.source.value !== '@atlaskit/tokens') {
+      return undefined;
+    }
+  }
+
   return getNonAliasedImportName(binding.path.node) === 'token' ? binding.scope : undefined;
 }
 

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 = "0.11.4";
+const version = "0.11.6";
 
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.

package/dist/es2019/theme-change-observer.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { useEffect, useState } from 'react';
-import { COLOR_MODE_ATTRIBUTE } from './constants';
+import { COLOR_MODE_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from './constants';
 
 const getGlobalTheme = () => typeof document !== 'undefined' ? document.documentElement.getAttribute(COLOR_MODE_ATTRIBUTE) : null;
 /**
@@ -35,7 +35,7 @@ export class ThemeMutationObserver {
     }
 
     this.observer.observe(document.documentElement, {
-      attributeFilter: [COLOR_MODE_ATTRIBUTE]
+      attributeFilter: [THEME_DATA_ATTRIBUTE]
     });
   }
 

package/dist/es2019/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.11.4",
+	"version": "0.11.6",
 	"sideEffects": [
 		"**/*.css"
 	]

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

@@ -146,6 +146,12 @@ function getTokenImportScope(path) {
     return undefined;
   }
 
+  if (binding.path.parent && t.isImportDeclaration(binding.path.parent)) {
+    if (binding.path.parent.source.value !== '@atlaskit/tokens') {
+      return undefined;
+    }
+  }
+
   return getNonAliasedImportName(binding.path.node) === 'token' ? binding.scope : undefined;
 }
 

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 = "0.11.4";
+var version = "0.11.6";
 
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.

package/dist/esm/theme-change-observer.js

@@ -3,7 +3,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { useEffect, useState } from 'react';
-import { COLOR_MODE_ATTRIBUTE } from './constants';
+import { COLOR_MODE_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from './constants';
 
 var getGlobalTheme = function getGlobalTheme() {
   return typeof document !== 'undefined' ? document.documentElement.getAttribute(COLOR_MODE_ATTRIBUTE) : null;
@@ -46,7 +46,7 @@ export var ThemeMutationObserver = /*#__PURE__*/function () {
       }
 
       this.observer.observe(document.documentElement, {
-        attributeFilter: [COLOR_MODE_ATTRIBUTE]
+        attributeFilter: [THEME_DATA_ATTRIBUTE]
       });
     }
   }, {

package/dist/esm/version.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "0.11.4",
+	"version": "0.11.6",
 	"sideEffects": [
 		"**/*.css"
 	]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.11.4",
+  "version": "0.11.6",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -71,7 +71,7 @@
     "@atlaskit/code": "^14.4.0",
     "@atlaskit/docs": "^9.0.10",
     "@atlaskit/dropdown-menu": "^11.5.0",
-    "@atlaskit/ds-explorations": "^1.3.0",
+    "@atlaskit/ds-explorations": "^1.4.0",
     "@atlaskit/dynamic-table": "^14.8.0",
     "@atlaskit/empty-state": "^7.4.0",
     "@atlaskit/focus-ring": "^1.2.0",

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -916,3 +917,15 @@ export const useThemeObserver: () => ThemeIds | null;
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->