@atlaskit/tokens 0.10.3 → 0.10.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/tokens
 
+## 0.10.4
+
+### Patch Changes
+
+- [`7b9be57869b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7b9be57869b) - ED-14905 made fallback token name work for production
+
 ## 0.10.3
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.THEME_DATA_ATTRIBUTE = exports.THEMES = exports.LONG_SHORT_MAPPING = exports.DEFAULT_THEME = exports.CSS_PREFIX = void 0;
+exports.TOKEN_NOT_FOUND_CSS_VAR = exports.THEME_DATA_ATTRIBUTE = exports.THEMES = exports.LONG_SHORT_MAPPING = exports.DEFAULT_THEME = exports.CSS_PREFIX = void 0;
 var THEMES = ['light', 'dark'];
 exports.THEMES = THEMES;
 var THEME_DATA_ATTRIBUTE = 'data-theme';
@@ -17,4 +17,6 @@ var LONG_SHORT_MAPPING = {
   'atlassian-light': 'light',
   'atlassian-dark': 'dark'
 };
-exports.LONG_SHORT_MAPPING = LONG_SHORT_MAPPING;
+exports.LONG_SHORT_MAPPING = LONG_SHORT_MAPPING;
+var TOKEN_NOT_FOUND_CSS_VAR = "--".concat(CSS_PREFIX, "-token-not-found");
+exports.TOKEN_NOT_FOUND_CSS_VAR = TOKEN_NOT_FOUND_CSS_VAR;

package/dist/cjs/get-token.js

@@ -11,15 +11,22 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 
+var _constants = require("./constants");
+
 var name = "@atlaskit/tokens";
-var version = "0.10.3";
+var version = "0.10.4";
 
 function token(path, fallback) {
   var token = _tokenNames.default[path];
 
   if (process.env.NODE_ENV !== 'production' && !token) {
-    (0, _warnOnce.default)("Unknown token id at path: ".concat(path, " for ").concat(name, "@").concat(version));
     token = _tokenNames.default['utility.UNSAFE_util.MISSING_TOKEN'];
+    (0, _warnOnce.default)("Unknown token id at path: ".concat(path, " for ").concat(name, "@").concat(version));
+  } // if the token is not found - replacing it with variable name without any value, to avoid it being undefined which would result in invalid css
+
+
+  if (!token) {
+    token = _constants.TOKEN_NOT_FOUND_CSS_VAR;
   }
 
   var tokenCall = fallback ? "var(".concat(token, ", ").concat(fallback, ")") : "var(".concat(token, ")");

package/dist/cjs/version.json

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

package/dist/es2019/constants.js

@@ -6,4 +6,5 @@ export const CSS_PREFIX = 'ds'; // Maps the longer theme name to a shorthand use
 export const LONG_SHORT_MAPPING = {
   'atlassian-light': 'light',
   'atlassian-dark': 'dark'
-};
+};
+export const TOKEN_NOT_FOUND_CSS_VAR = `--${CSS_PREFIX}-token-not-found`;

package/dist/es2019/get-token.js

@@ -1,14 +1,20 @@
 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.10.3";
+const version = "0.10.4";
 
 function token(path, fallback) {
   let token = tokens[path];
 
   if (process.env.NODE_ENV !== 'production' && !token) {
-    warnOnce(`Unknown token id at path: ${path} for ${name}@${version}`);
     token = tokens['utility.UNSAFE_util.MISSING_TOKEN'];
+    warnOnce(`Unknown token id at path: ${path} for ${name}@${version}`);
+  } // if the token is not found - replacing it with variable name without any value, to avoid it being undefined which would result in invalid css
+
+
+  if (!token) {
+    token = TOKEN_NOT_FOUND_CSS_VAR;
   }
 
   const tokenCall = fallback ? `var(${token}, ${fallback})` : `var(${token})`;

package/dist/es2019/version.json

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

package/dist/esm/constants.js

@@ -6,4 +6,5 @@ export var CSS_PREFIX = 'ds'; // Maps the longer theme name to a shorthand used
 export var LONG_SHORT_MAPPING = {
   'atlassian-light': 'light',
   'atlassian-dark': 'dark'
-};
+};
+export var TOKEN_NOT_FOUND_CSS_VAR = "--".concat(CSS_PREFIX, "-token-not-found");

package/dist/esm/get-token.js

@@ -1,14 +1,20 @@
 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.10.3";
+var version = "0.10.4";
 
 function token(path, fallback) {
   var token = tokens[path];
 
   if (process.env.NODE_ENV !== 'production' && !token) {
-    warnOnce("Unknown token id at path: ".concat(path, " for ").concat(name, "@").concat(version));
     token = tokens['utility.UNSAFE_util.MISSING_TOKEN'];
+    warnOnce("Unknown token id at path: ".concat(path, " for ").concat(name, "@").concat(version));
+  } // if the token is not found - replacing it with variable name without any value, to avoid it being undefined which would result in invalid css
+
+
+  if (!token) {
+    token = TOKEN_NOT_FOUND_CSS_VAR;
   }
 
   var tokenCall = fallback ? "var(".concat(token, ", ").concat(fallback, ")") : "var(".concat(token, ")");

package/dist/esm/version.json

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

package/dist/types/constants.d.ts

@@ -3,3 +3,4 @@ export declare const THEME_DATA_ATTRIBUTE = "data-theme";
 export declare const DEFAULT_THEME = "light";
 export declare const CSS_PREFIX = "ds";
 export declare const LONG_SHORT_MAPPING: Record<string, typeof THEMES[number]>;
+export declare const TOKEN_NOT_FOUND_CSS_VAR: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "0.10.3",
+  "version": "0.10.4",
   "author": "Atlassian Pty Ltd",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "license": "Apache-2.0",
@@ -16,7 +16,7 @@
       "draft": true
     }
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
@@ -57,7 +57,7 @@
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/code": "^14.3.0",
     "@atlaskit/docs": "^9.0.10",
-    "@atlaskit/dropdown-menu": "^11.1.3",
+    "@atlaskit/dropdown-menu": "^11.2.0",
     "@atlaskit/empty-state": "^7.3.9",
     "@atlaskit/focus-ring": "^1.0.0",
     "@atlaskit/heading": "^0.1.8",
@@ -66,6 +66,7 @@
     "@atlaskit/modal-dialog": "^12.2.4",
     "@atlaskit/section-message": "^6.1.7",
     "@atlaskit/tabs": "^13.2.4",
+    "@atlaskit/tag": "^11.3.1",
     "@atlaskit/textfield": "^5.1.5",
     "@atlaskit/theme": "^12.1.2",
     "@atlaskit/toggle": "^12.4.2",