@atlaskit/tokens 0.11.3 → 0.11.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @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
+
+- [`39c4b520ef3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39c4b520ef3) - - Adds `typography-raw` entry point for easy access.
+
 ## 0.11.3
 
 ### Patch Changes

package/dist/cjs/entry-points/typography-raw.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _atlassianTypography.default;
+  }
+});
+
+var _atlassianTypography = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography"));

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.3";
+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.
@@ -32,6 +32,7 @@ var version = "0.11.3";
  *     backgroundColor: token('elevation.surface.raised', N0),
  *     boxShadow: token('elevation.shadow.raised', `0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`),
  *     padding: token('spacing.scale.100', '8px'),
+ *     fontWeight: token('font.weight.regular', '400'),
  *   }}
  * />
  * ```

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.3",
+	"version": "0.11.5",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/es2019/entry-points/typography-raw.js

@@ -0,0 +1 @@
+export { default } from '../artifacts/tokens-raw/atlassian-typography';

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.3";
+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.
@@ -20,6 +20,7 @@ const version = "0.11.3";
  *     backgroundColor: token('elevation.surface.raised', N0),
  *     boxShadow: token('elevation.shadow.raised', `0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`),
  *     padding: token('spacing.scale.100', '8px'),
+ *     fontWeight: token('font.weight.regular', '400'),
  *   }}
  * />
  * ```

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.3",
+	"version": "0.11.5",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/esm/entry-points/typography-raw.js

@@ -0,0 +1 @@
+export { default } from '../artifacts/tokens-raw/atlassian-typography';

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.3";
+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.
@@ -20,6 +20,7 @@ var version = "0.11.3";
  *     backgroundColor: token('elevation.surface.raised', N0),
  *     boxShadow: token('elevation.shadow.raised', `0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`),
  *     padding: token('spacing.scale.100', '8px'),
+ *     fontWeight: token('font.weight.regular', '400'),
  *   }}
  * />
  * ```

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.3",
+	"version": "0.11.5",
 	"sideEffects": [
 		"**/*.css"
 	]

package/dist/types/entry-points/typography-raw.d.ts

@@ -0,0 +1 @@
+export { default } from '../artifacts/tokens-raw/atlassian-typography';

package/dist/types/get-token.d.ts

@@ -16,6 +16,7 @@ declare type Tokens = typeof tokens;
  *     backgroundColor: token('elevation.surface.raised', N0),
  *     boxShadow: token('elevation.shadow.raised', `0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`),
  *     padding: token('spacing.scale.100', '8px'),
+ *     fontWeight: token('font.weight.regular', '400'),
  *   }}
  * />
  * ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.11.3",
+  "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",
@@ -39,6 +39,7 @@
     "./token-ids": "./src/entry-points/token-ids.tsx",
     "./token-names": "./src/entry-points/token-names.tsx",
     "./spacing-raw": "./src/entry-points/spacing-raw.tsx",
+    "./typography-raw": "./src/entry-points/typography-raw.tsx",
     "./rename-mapping": "./src/entry-points/rename-mapping.tsx",
     "./babel-plugin": "./src/entry-points/babel-plugin.tsx",
     "./css/atlassian-light.css": "./css/atlassian-light.css",

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-->

package/typography-raw/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/tokens/typography-raw",
+  "main": "../dist/cjs/entry-points/typography-raw.js",
+  "module": "../dist/esm/entry-points/typography-raw.js",
+  "module:es2019": "../dist/es2019/entry-points/typography-raw.js",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "types": "../dist/types/entry-points/typography-raw.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/entry-points/typography-raw.d.ts"
+      ]
+    }
+  }
+}