@atlaskit/tokens 0.11.4 → 0.11.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/tokens
 
+## 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/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.5";
 
 /**
  * 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.5",
 	"sideEffects": [
 		"**/*.css"
 	]

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.5";
 
 /**
  * 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.5",
 	"sideEffects": [
 		"**/*.css"
 	]

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.5";
 
 /**
  * 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.5",
 	"sideEffects": [
 		"**/*.css"
 	]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.11.4",
+  "version": "0.11.5",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-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-->