@atlaskit/tokens 4.6.0 → 4.8.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/tokens
 
+## 4.8.0
+
+### Minor Changes
+
+- [#139915](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/139915)
+  [`bb8ff89963687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bb8ff89963687) -
+  Add lightBrandRefresh and darkBrandRefresh to @atlaskit/tokens/tokens-raw
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.7.0
+
+### Minor Changes
+
+- [#137774](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/137774)
+  [`02ed87dfa643c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02ed87dfa643c) -
+  Adds forceAutoFallbackExemptions that allows skipping certain tokens from fallback enforcement
+
 ## 4.6.0
 
 ### Minor Changes

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = plugin;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var t = _interopRequireWildcard(require("@babel/types"));
 var _tokenNames = _interopRequireDefault(require("../artifacts/token-names"));
@@ -18,6 +19,29 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var isExempted = function isExempted(tokenName) {
+  var exemptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  // Check if the token name starts with any of the exempted prefixes
+  var _iterator = _createForOfIteratorHelper(exemptions),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var exemption = _step.value;
+      if (tokenName.startsWith(exemption)) {
+        return true;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return false;
+};
+
 // Convert raw tokens to key-value pairs { token: value }
 var getThemeValues = function getThemeValues(theme) {
   return theme.reduce(function (formatted, rawToken) {
@@ -97,9 +121,12 @@ function plugin() {
                 }
               }
 
-              // Handle fallbacks
               // The border.radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live products and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
-              var fallback = state.opts.shouldForceAutoFallback && !tokenName.startsWith('border.radius') ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
+              // The exempted tokens (the ones that start with any of the provided exemption prefixes) are also skipped.
+              var forceAutoFallbackExemptions = ['border.radius'].concat((0, _toConsumableArray2.default)(state.opts.forceAutoFallbackExemptions || []));
+
+              // Handle fallbacks
+              var fallback = state.opts.shouldForceAutoFallback && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
               if (t.isStringLiteral(fallback)) {
                 // String literals can be concatenated into css variable call
                 // Empty string fallbacks are ignored. For now, as the user did specify a fallback, no default is inserted

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

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "dark", {
     return _atlassianDark.default;
   }
 });
+Object.defineProperty(exports, "darkBrandRefresh", {
+  enumerable: true,
+  get: function get() {
+    return _atlassianDarkBrandRefresh.default;
+  }
+});
 Object.defineProperty(exports, "legacyLightTokens", {
   enumerable: true,
   get: function get() {
@@ -22,6 +28,12 @@ Object.defineProperty(exports, "light", {
     return _atlassianLight.default;
   }
 });
+Object.defineProperty(exports, "lightBrandRefresh", {
+  enumerable: true,
+  get: function get() {
+    return _atlassianLightBrandRefresh.default;
+  }
+});
 Object.defineProperty(exports, "shape", {
   enumerable: true,
   get: function get() {
@@ -53,8 +65,10 @@ Object.defineProperty(exports, "typographyRefreshed", {
   }
 });
 var _atlassianLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-light"));
+var _atlassianLightBrandRefresh = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-light-brand-refresh"));
 var _atlassianLegacyLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-legacy-light"));
 var _atlassianDark = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-dark"));
+var _atlassianDarkBrandRefresh = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-dark-brand-refresh"));
 var _atlassianSpacing = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-spacing"));
 var _atlassianTypographyModernized = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography-modernized"));
 var _atlassianTypographyRefreshed = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography-refreshed"));

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

@@ -5,6 +5,16 @@ import light from '../artifacts/tokens-raw/atlassian-light';
 import shape from '../artifacts/tokens-raw/atlassian-shape';
 import spacing from '../artifacts/tokens-raw/atlassian-spacing';
 import typography from '../artifacts/tokens-raw/atlassian-typography-adg3';
+const isExempted = (tokenName, exemptions = []) => {
+  // Check if the token name starts with any of the exempted prefixes
+  for (const exemption of exemptions) {
+    if (tokenName.startsWith(exemption)) {
+      return true;
+    }
+  }
+  return false;
+};
+
 // Convert raw tokens to key-value pairs { token: value }
 const getThemeValues = theme => {
   return theme.reduce((formatted, rawToken) => {
@@ -87,9 +97,12 @@ export default function plugin() {
                 }
               }
 
-              // Handle fallbacks
               // The border.radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live products and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
-              const fallback = state.opts.shouldForceAutoFallback && !tokenName.startsWith('border.radius') ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
+              // The exempted tokens (the ones that start with any of the provided exemption prefixes) are also skipped.
+              const forceAutoFallbackExemptions = ['border.radius', ...(state.opts.forceAutoFallbackExemptions || [])];
+
+              // Handle fallbacks
+              const fallback = state.opts.shouldForceAutoFallback && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
               if (t.isStringLiteral(fallback)) {
                 // String literals can be concatenated into css variable call
                 // Empty string fallbacks are ignored. For now, as the user did specify a fallback, no default is inserted

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

@@ -1,6 +1,8 @@
 export { default as light } from '../artifacts/tokens-raw/atlassian-light';
+export { default as lightBrandRefresh } from '../artifacts/tokens-raw/atlassian-light-brand-refresh';
 export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
+export { default as darkBrandRefresh } from '../artifacts/tokens-raw/atlassian-dark-brand-refresh';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography-modernized';
 export { default as typographyRefreshed } from '../artifacts/tokens-raw/atlassian-typography-refreshed';

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

@@ -1,6 +1,10 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import * as t from '@babel/types';
 import tokenNames from '../artifacts/token-names';
 import legacyLight from '../artifacts/tokens-raw/atlassian-legacy-light';
@@ -8,6 +12,26 @@ import light from '../artifacts/tokens-raw/atlassian-light';
 import shape from '../artifacts/tokens-raw/atlassian-shape';
 import spacing from '../artifacts/tokens-raw/atlassian-spacing';
 import typography from '../artifacts/tokens-raw/atlassian-typography-adg3';
+var isExempted = function isExempted(tokenName) {
+  var exemptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  // Check if the token name starts with any of the exempted prefixes
+  var _iterator = _createForOfIteratorHelper(exemptions),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var exemption = _step.value;
+      if (tokenName.startsWith(exemption)) {
+        return true;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return false;
+};
+
 // Convert raw tokens to key-value pairs { token: value }
 var getThemeValues = function getThemeValues(theme) {
   return theme.reduce(function (formatted, rawToken) {
@@ -87,9 +111,12 @@ export default function plugin() {
                 }
               }
 
-              // Handle fallbacks
               // The border.radius tokens are skipped in shouldForceAutoFallback mode because these tokens are not enabled in the live products and enforcing default values on them will override all the fallback values that are currently being used to render the actual UI.
-              var fallback = state.opts.shouldForceAutoFallback && !tokenName.startsWith('border.radius') ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
+              // The exempted tokens (the ones that start with any of the provided exemption prefixes) are also skipped.
+              var forceAutoFallbackExemptions = ['border.radius'].concat(_toConsumableArray(state.opts.forceAutoFallbackExemptions || []));
+
+              // Handle fallbacks
+              var fallback = state.opts.shouldForceAutoFallback && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName, state.opts.defaultTheme)) : path.node.arguments[1];
               if (t.isStringLiteral(fallback)) {
                 // String literals can be concatenated into css variable call
                 // Empty string fallbacks are ignored. For now, as the user did specify a fallback, no default is inserted

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

@@ -1,6 +1,8 @@
 export { default as light } from '../artifacts/tokens-raw/atlassian-light';
+export { default as lightBrandRefresh } from '../artifacts/tokens-raw/atlassian-light-brand-refresh';
 export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
+export { default as darkBrandRefresh } from '../artifacts/tokens-raw/atlassian-dark-brand-refresh';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography-modernized';
 export { default as typographyRefreshed } from '../artifacts/tokens-raw/atlassian-typography-refreshed';

package/dist/types/babel-plugin/plugin.d.ts

@@ -11,6 +11,7 @@ export default function plugin(): {
                      */
                     shouldUseAutoFallback?: boolean;
                     shouldForceAutoFallback?: boolean;
+                    forceAutoFallbackExemptions?: string[];
                     defaultTheme?: DefaultColorTheme;
                 };
             }): void;

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

@@ -1,6 +1,8 @@
 export { default as light } from '../artifacts/tokens-raw/atlassian-light';
+export { default as lightBrandRefresh } from '../artifacts/tokens-raw/atlassian-light-brand-refresh';
 export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
+export { default as darkBrandRefresh } from '../artifacts/tokens-raw/atlassian-dark-brand-refresh';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography-modernized';
 export { default as typographyRefreshed } from '../artifacts/tokens-raw/atlassian-typography-refreshed';

package/dist/types-ts4.5/babel-plugin/plugin.d.ts

@@ -11,6 +11,7 @@ export default function plugin(): {
                      */
                     shouldUseAutoFallback?: boolean;
                     shouldForceAutoFallback?: boolean;
+                    forceAutoFallbackExemptions?: string[];
                     defaultTheme?: DefaultColorTheme;
                 };
             }): void;

package/dist/types-ts4.5/entry-points/tokens-raw.d.ts

@@ -1,6 +1,8 @@
 export { default as light } from '../artifacts/tokens-raw/atlassian-light';
+export { default as lightBrandRefresh } from '../artifacts/tokens-raw/atlassian-light-brand-refresh';
 export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
+export { default as darkBrandRefresh } from '../artifacts/tokens-raw/atlassian-dark-brand-refresh';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography-modernized';
 export { default as typographyRefreshed } from '../artifacts/tokens-raw/atlassian-typography-refreshed';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "4.6.0",
+	"version": "4.8.0",
 	"description": "Design tokens are the single source of truth to name and store design decisions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -48,22 +48,22 @@
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/calendar": "^17.1.0",
 		"@atlaskit/checkbox": "^17.0.0",
-		"@atlaskit/code": "^16.2.0",
+		"@atlaskit/code": "^17.0.0",
 		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/dropdown-menu": "^14.0.0",
-		"@atlaskit/dynamic-table": "^18.0.0",
+		"@atlaskit/dynamic-table": "^18.1.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/grid": "^0.18.0",
-		"@atlaskit/heading": "^5.1.0",
-		"@atlaskit/icon": "^25.4.0",
+		"@atlaskit/heading": "^5.2.0",
+		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/inline-message": "^14.0.0",
 		"@atlaskit/link": "^3.1.0",
 		"@atlaskit/lozenge": "^12.2.0",
-		"@atlaskit/popup": "^3.0.0",
-		"@atlaskit/primitives": "^14.3.0",
+		"@atlaskit/popup": "^4.0.0",
+		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/radio": "^8.0.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/select": "^20.0.0",
+		"@atlaskit/select": "^20.3.0",
 		"@atlaskit/tag": "^14.0.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",