@atlaskit/tokens 13.0.4 → 13.1.0

package/dist/cjs/get-theme-styles.js

@@ -15,7 +15,7 @@ var _getThemeOverridePreferences = require("./utils/get-theme-override-preferenc
 var _getThemePreferences = require("./utils/get-theme-preferences");
 var _isValidBrandHex = require("./utils/is-valid-brand-hex");
 var _loadThemeCss = require("./utils/load-theme-css");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); }
 /**
  * Takes an object containing theme preferences, and returns an array of objects for use in applying styles to the document head.
  * Only supplies the color themes necessary for initial render, based on the current themeState. I.e. if in light mode, dark mode themes are not returned.
@@ -36,7 +36,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var getThemeStyles = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(preferences) {
     var themePreferences, themeOverridePreferences, themeState, results;
-    return _regenerator.default.wrap(function _callee3$(_context3) {
+    return _regenerator.default.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
           themeOverridePreferences = [];
@@ -63,17 +63,17 @@ var getThemeStyles = /*#__PURE__*/function () {
             themePreferences = (0, _getThemePreferences.getThemePreferences)(themeState);
             themeOverridePreferences = (0, _getThemeOverridePreferences.getThemeOverridePreferences)(themeState);
           }
-          _context3.next = 4;
+          _context3.next = 1;
           return Promise.all([].concat((0, _toConsumableArray2.default)([].concat((0, _toConsumableArray2.default)(themePreferences), (0, _toConsumableArray2.default)(themeOverridePreferences)).map( /*#__PURE__*/function () {
             var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(themeId) {
-              var css;
-              return _regenerator.default.wrap(function _callee$(_context) {
+              var css, _t;
+              return _regenerator.default.wrap(function (_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
                     _context.prev = 0;
-                    _context.next = 3;
+                    _context.next = 1;
                     return (0, _loadThemeCss.loadThemeCss)(themeId);
-                  case 3:
+                  case 1:
                     css = _context.sent;
                     return _context.abrupt("return", {
                       id: themeId,
@@ -82,15 +82,15 @@ var getThemeStyles = /*#__PURE__*/function () {
                       },
                       css: css
                     });
-                  case 7:
-                    _context.prev = 7;
-                    _context.t0 = _context["catch"](0);
+                  case 2:
+                    _context.prev = 2;
+                    _t = _context["catch"](0);
                     return _context.abrupt("return", undefined);
-                  case 10:
+                  case 3:
                   case "end":
                     return _context.stop();
                 }
-              }, _callee, null, [[0, 7]]);
+              }, _callee, null, [[0, 2]]);
             }));
             return function (_x2) {
               return _ref2.apply(this, arguments);
@@ -99,49 +99,49 @@ var getThemeStyles = /*#__PURE__*/function () {
           // Add custom themes if they're present
           (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
             var _preferences$UNSAFE_t;
-            var _yield$import, getCustomThemeStyles, customThemeStyles;
-            return _regenerator.default.wrap(function _callee2$(_context2) {
+            var _yield$import, getCustomThemeStyles, customThemeStyles, _t2;
+            return _regenerator.default.wrap(function (_context2) {
               while (1) switch (_context2.prev = _context2.next) {
                 case 0:
                   if (!(preferences !== 'all' && preferences !== null && preferences !== void 0 && preferences.UNSAFE_themeOptions && (0, _isValidBrandHex.isValidBrandHex)(preferences === null || preferences === void 0 || (_preferences$UNSAFE_t = preferences.UNSAFE_themeOptions) === null || _preferences$UNSAFE_t === void 0 ? void 0 : _preferences$UNSAFE_t.brandColor))) {
-                    _context2.next = 15;
+                    _context2.next = 5;
                     break;
                   }
                   _context2.prev = 1;
-                  _context2.next = 4;
+                  _context2.next = 2;
                   return Promise.resolve().then(function () {
                     return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-custom-theme" */
                     './custom-theme'));
                   });
-                case 4:
+                case 2:
                   _yield$import = _context2.sent;
                   getCustomThemeStyles = _yield$import.getCustomThemeStyles;
-                  _context2.next = 8;
+                  _context2.next = 3;
                   return getCustomThemeStyles({
                     colorMode: (preferences === null || preferences === void 0 ? void 0 : preferences.colorMode) || _themeConfig.themeStateDefaults['colorMode'],
                     UNSAFE_themeOptions: preferences === null || preferences === void 0 ? void 0 : preferences.UNSAFE_themeOptions
                   });
-                case 8:
+                case 3:
                   customThemeStyles = _context2.sent;
                   return _context2.abrupt("return", customThemeStyles);
-                case 12:
-                  _context2.prev = 12;
-                  _context2.t0 = _context2["catch"](1);
+                case 4:
+                  _context2.prev = 4;
+                  _t2 = _context2["catch"](1);
                   return _context2.abrupt("return", undefined);
-                case 15:
+                case 5:
                   return _context2.abrupt("return", undefined);
-                case 16:
+                case 6:
                 case "end":
                   return _context2.stop();
               }
-            }, _callee2, null, [[1, 12]]);
+            }, _callee2, null, [[1, 4]]);
           }))()]));
-        case 4:
+        case 1:
           results = _context3.sent;
           return _context3.abrupt("return", results.flat().filter(function (theme) {
             return theme !== undefined;
           }));
-        case 6:
+        case 2:
         case "end":
           return _context3.stop();
       }

package/dist/cjs/set-global-theme.js

@@ -21,7 +21,7 @@ var _themeLoading = require("./utils/theme-loading");
 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; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 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; }
 /**
@@ -80,8 +80,9 @@ var setGlobalTheme = /*#__PURE__*/function () {
       _step,
       themeId,
       autoUnbind,
-      _args3 = arguments;
-    return _regenerator.default.wrap(function _callee3$(_context3) {
+      _args3 = arguments,
+      _t;
+    return _regenerator.default.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
           nextThemeState = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {};
@@ -115,14 +116,14 @@ var setGlobalTheme = /*#__PURE__*/function () {
           loadingStrategy = themeLoader ? themeLoader : _themeLoading.loadAndAppendThemeCss; // Load standard themes
           loadingTasks = themePreferences.map( /*#__PURE__*/function () {
             var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(themeId) {
-              return _regenerator.default.wrap(function _callee$(_context) {
+              return _regenerator.default.wrap(function (_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
-                    _context.next = 2;
+                    _context.next = 1;
                     return loadingStrategy(themeId);
-                  case 2:
+                  case 1:
                     return _context.abrupt("return", _context.sent);
-                  case 3:
+                  case 2:
                   case "end":
                     return _context.stop();
                 }
@@ -139,15 +140,15 @@ var setGlobalTheme = /*#__PURE__*/function () {
               // Load custom theme styles
               loadingTasks.push((0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
                 var _yield$import, loadAndAppendCustomThemeCss;
-                return _regenerator.default.wrap(function _callee2$(_context2) {
+                return _regenerator.default.wrap(function (_context2) {
                   while (1) switch (_context2.prev = _context2.next) {
                     case 0:
-                      _context2.next = 2;
+                      _context2.next = 1;
                       return Promise.resolve().then(function () {
                         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-custom-theme" */
                         './custom-theme'));
                       });
-                    case 2:
+                    case 1:
                       _yield$import = _context2.sent;
                       loadAndAppendCustomThemeCss = _yield$import.loadAndAppendCustomThemeCss;
                       loadAndAppendCustomThemeCss({
@@ -156,7 +157,7 @@ var setGlobalTheme = /*#__PURE__*/function () {
                         attrOfMissingCustomStyles[0],
                         UNSAFE_themeOptions: UNSAFE_themeOptions
                       });
-                    case 5:
+                    case 2:
                     case "end":
                       return _context2.stop();
                   }
@@ -164,44 +165,44 @@ var setGlobalTheme = /*#__PURE__*/function () {
               }))());
             }
           }
-          _context3.next = 11;
+          _context3.next = 1;
           return Promise.all(loadingTasks);
-        case 11:
+        case 1:
           // Load override themes after standard themes
           themeOverridePreferences = (0, _getThemeOverridePreferences.getThemeOverridePreferences)(themeState);
           _iterator = _createForOfIteratorHelper(themeOverridePreferences);
-          _context3.prev = 13;
+          _context3.prev = 2;
           _iterator.s();
-        case 15:
+        case 3:
           if ((_step = _iterator.n()).done) {
-            _context3.next = 21;
+            _context3.next = 5;
             break;
           }
           themeId = _step.value;
-          _context3.next = 19;
+          _context3.next = 4;
           return loadingStrategy(themeId);
-        case 19:
-          _context3.next = 15;
+        case 4:
+          _context3.next = 3;
           break;
-        case 21:
-          _context3.next = 26;
+        case 5:
+          _context3.next = 7;
           break;
-        case 23:
-          _context3.prev = 23;
-          _context3.t0 = _context3["catch"](13);
-          _iterator.e(_context3.t0);
-        case 26:
-          _context3.prev = 26;
+        case 6:
+          _context3.prev = 6;
+          _t = _context3["catch"](2);
+          _iterator.e(_t);
+        case 7:
+          _context3.prev = 7;
           _iterator.f();
-          return _context3.finish(26);
-        case 29:
+          return _context3.finish(7);
+        case 8:
           autoUnbind = (0, _configurePage.default)(themeState);
           return _context3.abrupt("return", autoUnbind);
-        case 31:
+        case 9:
         case "end":
           return _context3.stop();
       }
-    }, _callee3, null, [[13, 23, 26, 29]]);
+    }, _callee3, null, [[2, 6, 7, 8]]);
   }));
   return function setGlobalTheme() {
     return _ref.apply(this, arguments);

package/dist/cjs/theme-config.js

@@ -197,6 +197,7 @@ function getMotionDefault() {
 /**
  * themeStateDefaults: the default values for ThemeState used by theming utilities
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var themeStateDefaults = exports.themeStateDefaults = {
   colorMode: 'auto',
   contrastMode: 'auto',
@@ -213,4 +214,5 @@ var themeStateDefaults = exports.themeStateDefaults = {
  * Represents theme state once mounted to the page
  * (the page doesn't have an "auto" color mode, it's either light or dark)
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var _default = exports.default = themeConfig;

package/dist/cjs/theme-state-transformer.js

@@ -73,6 +73,7 @@ var themeStringToObject = exports.themeStringToObject = function themeStringToOb
  * // returns 'dark:dark light:light spacing:spacing'
  * ```
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var themeObjectToString = exports.themeObjectToString = function themeObjectToString(themeState) {
   return Object.entries(themeState).reduce(function (themeString, _ref3) {
     var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),

package/dist/cjs/utils/color-utils.js

@@ -59,6 +59,8 @@ function hexToRgbA(hex) {
   c = '0x' + c.join('');
   return [c >> 16 & 255, c >> 8 & 255, c & 255, (0, _getAlpha.getAlpha)(hex)];
 }
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function hexToRgb(hex) {
   if (!isValidHex(hex)) {
     throw new Error('Invalid HEX');
@@ -71,6 +73,8 @@ function hexToRgb(hex) {
   c = '0x' + c.join('');
   return [c >> 16 & 255, c >> 8 & 255, c & 255];
 }
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function hexToHSL(hex) {
   if (!isValidHex(hex)) {
     throw new Error('Invalid HEX');
@@ -116,6 +120,8 @@ function hexToHSL(hex) {
   l = +(l * 100).toFixed(1);
   return [h, s, l];
 }
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function getContrastRatio(foreground, background) {
   if (!isValidHex(foreground) || !isValidHex(background)) {
     throw new Error('Invalid HEX');
@@ -129,6 +135,8 @@ function getContrastRatio(foreground, background) {
   var darkest = Math.min(foregroundLuminance, backgroundLuminance);
   return (brightest + 0.05) / (darkest + 0.05);
 }
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function deltaE(rgbA, rgbB) {
   var labA = rgbToLab(rgbA);
   var labB = rgbToLab(rgbB);

package/dist/cjs/utils/custom-theme-loading-utils.js

@@ -32,6 +32,8 @@ function findMissingCustomStyleElements(UNSAFE_themeOptions, mode) {
   });
   return attrOfMissingCustomStyles;
 }
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function reduceTokenMap(tokenMap, themeRamp) {
   return Object.entries(tokenMap).reduce(function (acc, _ref) {
     var _ref2 = (0, _slicedToArray2.default)(_ref, 2),

package/dist/cjs/utils/custom-theme-token-contrast-check.js

@@ -53,6 +53,8 @@ var additionalChecks = exports.additionalChecks = [{
 var getColorFromTokenRaw = function getColorFromTokenRaw(tokenName, mode) {
   return mode === 'light' ? _atlassianLightTokenValueForContrastCheck.default[tokenName] : _atlassianDarkTokenValueForContrastCheck.default[tokenName];
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var additionalContrastChecker = exports.additionalContrastChecker = function additionalContrastChecker(_ref) {
   var customThemeTokenMap = _ref.customThemeTokenMap,
     mode = _ref.mode,

package/dist/cjs/utils/generate-custom-color-ramp.js

@@ -76,6 +76,8 @@ function getInteractionStates(rampPosition, number, colors) {
   }
   return result;
 }
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var generateTokenMap = exports.generateTokenMap = function generateTokenMap(brandColor, mode, themeRamp) {
   var _generateColors = generateColors(brandColor),
     ramp = _generateColors.ramp,
@@ -215,6 +217,8 @@ var generateTokenMap = exports.generateTokenMap = function generateTokenMap(bran
     dark: customThemeTokenMapDark
   };
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var generateTokenMapWithContrastCheck = exports.generateTokenMapWithContrastCheck = function generateTokenMapWithContrastCheck(brandColor, mode, themeRamp) {
   var colors = themeRamp || generateColors(brandColor).ramp;
   var tokenMaps = generateTokenMap(brandColor, mode, colors);

package/dist/cjs/utils/hct-color-utils/color-utils.js

@@ -112,6 +112,7 @@ function blueFromArgb(argb) {
 /**
  * Converts a color from ARGB to XYZ.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function argbFromXyz(x, y, z) {
   var matrix = XYZ_TO_SRGB;
   var linearR = matrix[0][0] * x + matrix[0][1] * y + matrix[0][2] * z;
@@ -140,6 +141,7 @@ function xyzFromArgb(argb) {
  * @return ARGB representation of grayscale color with lightness
  * matching L*
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function argbFromLstar(lstar) {
   var y = yFromLstar(lstar);
   var component = (0, _delinearized.delinearized)(y);
@@ -152,6 +154,7 @@ function argbFromLstar(lstar) {
  * @param argb ARGB representation of a color
  * @return L*, from L*a*b*, coordinate of the color
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function lstarFromArgb(argb) {
   var y = xyzFromArgb(argb)[1];
   return 116.0 * labF(y / 100.0) - 16.0;
@@ -168,6 +171,7 @@ function lstarFromArgb(argb) {
  * @param lstar L* in L*a*b*
  * @return Y in XYZ
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function yFromLstar(lstar) {
   return 100.0 * labInvf((lstar + 16.0) / 116.0);
 }
@@ -183,6 +187,7 @@ function yFromLstar(lstar) {
  * @param y Y in XYZ
  * @return L* in L*a*b*
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function lstarFromY(y) {
   return labF(y / 100.0) * 116.0 - 16.0;
 }
@@ -192,6 +197,7 @@ function lstarFromY(y) {
  *
  * @return The white point
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function whitePointD65() {
   return WHITE_POINT_D65;
 }
@@ -211,6 +217,7 @@ function whitePointD65() {
  * @param argb ARGB representation of a int32 color.
  * @return RGBA representation of a int32 color.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function rgbaFromArgb(argb) {
   var r = redFromArgb(argb);
   var g = greenFromArgb(argb);
@@ -230,6 +237,7 @@ function rgbaFromArgb(argb) {
  * @param rgba RGBA representation of a int32 color.
  * @returns ARGB representation of a int32 color.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function argbFromRgba(_ref) {
   var r = _ref.r,
     g = _ref.g,

package/dist/cjs/utils/load-theme-css.js

@@ -11,16 +11,16 @@ var _themeImportMap = _interopRequireDefault(require("../artifacts/theme-import-
 var loadThemeCss = exports.loadThemeCss = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(themeId) {
     var _yield$themeImportMap, themeCss;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.next = 1;
           return _themeImportMap.default[themeId]();
-        case 2:
+        case 1:
           _yield$themeImportMap = _context.sent;
           themeCss = _yield$themeImportMap.default;
           return _context.abrupt("return", themeCss);
-        case 5:
+        case 2:
         case "end":
           return _context.stop();
       }

package/dist/cjs/utils/theme-loading.js

@@ -19,30 +19,30 @@ var _loadThemeCss = require("./load-theme-css");
 var loadAndAppendThemeCss = exports.loadAndAppendThemeCss = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(themeId) {
     var themeCss, style;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (!document.head.querySelector("style[".concat(_constants.THEME_DATA_ATTRIBUTE, "=\"").concat(themeId, "\"]:not([").concat(_constants.CUSTOM_THEME_ATTRIBUTE, "])"))) {
-            _context.next = 2;
+            _context.next = 1;
             break;
           }
           return _context.abrupt("return");
-        case 2:
+        case 1:
           if (themeId) {
-            _context.next = 4;
+            _context.next = 2;
             break;
           }
           return _context.abrupt("return");
-        case 4:
-          _context.next = 6;
+        case 2:
+          _context.next = 3;
           return (0, _loadThemeCss.loadThemeCss)(themeId);
-        case 6:
+        case 3:
           themeCss = _context.sent;
           style = document.createElement('style');
           style.textContent = themeCss;
           style.dataset.theme = themeId;
           document.head.appendChild(style);
-        case 11:
+        case 4:
         case "end":
           return _context.stop();
       }

package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d69f26b9146afc40dbad5febb62a7f64>>
+ * @codegen <<SignedSource::0c49cd7b99ff49fecf0ecfa056c603c4>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -217,7 +217,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
   --ds-background-accent-gray-bolder: #A9ABAF;
   --ds-background-accent-gray-bolder-hovered: #BFC1C4;
   --ds-background-accent-gray-bolder-pressed: #CECFD2;
-  --ds-background-disabled: #BDBDBD0A;
+  --ds-background-disabled: #E3E4F21F;
   --ds-background-input: #242528;
   --ds-background-input-hovered: #2B2C2F;
   --ds-background-input-pressed: #242528;

package/dist/es2019/artifacts/themes/atlassian-dark.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f2f87744a32f3100120d67caeac70c7c>>
+ * @codegen <<SignedSource::6a88711e8d5dd6de9d76ab46c744e2d5>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -215,7 +215,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
   --ds-background-accent-gray-bolder: #96999E;
   --ds-background-accent-gray-bolder-hovered: #A9ABAF;
   --ds-background-accent-gray-bolder-pressed: #BFC1C4;
-  --ds-background-disabled: #BDBDBD0A;
+  --ds-background-disabled: #E3E4F21F;
   --ds-background-input: #242528;
   --ds-background-input-hovered: #2B2C2F;
   --ds-background-input-pressed: #242528;

package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::327498ca5c7508a9f137be6920c47512>>
+ * @codegen <<SignedSource::a39eb39f9384da933a5aaeef2d1f5211>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -217,7 +217,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
   --ds-background-accent-gray-bolder: #505258;
   --ds-background-accent-gray-bolder-hovered: #3B3D42;
   --ds-background-accent-gray-bolder-pressed: #292A2E;
-  --ds-background-disabled: #17171708;
+  --ds-background-disabled: #0515240F;
   --ds-background-input: #FFFFFF;
   --ds-background-input-hovered: #F8F8F8;
   --ds-background-input-pressed: #FFFFFF;

package/dist/es2019/artifacts/themes/atlassian-light.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::81a7dedc0a0c6bb6970207479c2a88dd>>
+ * @codegen <<SignedSource::2aeda6082601f2aa47e90f990174849f>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -215,7 +215,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
   --ds-background-accent-gray-bolder: #6B6E76;
   --ds-background-accent-gray-bolder-hovered: #505258;
   --ds-background-accent-gray-bolder-pressed: #3B3D42;
-  --ds-background-disabled: #17171708;
+  --ds-background-disabled: #0515240F;
   --ds-background-input: #FFFFFF;
   --ds-background-input-hovered: #F8F8F8;
   --ds-background-input-pressed: #FFFFFF;

package/dist/es2019/artifacts/token-default-values.js

@@ -7,7 +7,7 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::3389a98f2c8d274c3d9e5d9d63df8780>>
+ * @codegen <<SignedSource::3873b297b6131bf7b9da06afc874cd80>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
@@ -268,7 +268,7 @@ const defaultTokenValues = {
   'color.background.accent.gray.bolder': '#6B6E76',
   'color.background.accent.gray.bolder.hovered': '#505258',
   'color.background.accent.gray.bolder.pressed': '#3B3D42',
-  'color.background.disabled': '#17171708',
+  'color.background.disabled': '#0515240F',
   'color.background.input': '#FFFFFF',
   'color.background.input.hovered': '#F8F8F8',
   'color.background.input.pressed': '#FFFFFF',

package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9cf43027d49c104eeaabe2f135ba8c22>>
+ * @codegen <<SignedSource::07c07cb4fbd8c34128a7303a4b5bf336>>
  * @codegenCommand yarn build tokens
  */
 
@@ -4581,7 +4581,7 @@ const tokens = [{
   "path": ["color", "background", "accent", "gray", "bolder", "pressed"],
   "cleanName": "color.background.accent.gray.bolder.pressed"
 }, {
-  "value": "#BDBDBD0A",
+  "value": "#E3E4F21F",
   "filePath": "schema/themes/atlassian-dark/color/background.tsx",
   "isSource": false,
   "attributes": {
@@ -4591,7 +4591,7 @@ const tokens = [{
     "description": "Use for backgrounds of elements in a disabled state."
   },
   "original": {
-    "value": "DarkNeutral100A",
+    "value": "DarkNeutral300A",
     "attributes": {
       "group": "paint",
       "state": "active",

package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::59ef4b5bec3f9d0828615e38ebd219c2>>
+ * @codegen <<SignedSource::c7aa39eae7839f7e54fc07b5614a5359>>
  * @codegenCommand yarn build tokens
  */
 
@@ -4587,7 +4587,7 @@ const tokens = [{
     "introduced": "0.0.15",
     "description": "Use for backgrounds of elements in a disabled state."
   },
-  "value": "#BDBDBD0A",
+  "value": "#E3E4F21F",
   "filePath": "schema/themes/atlassian-dark/color/background.tsx",
   "isSource": true,
   "original": {
@@ -4597,7 +4597,7 @@ const tokens = [{
       "introduced": "0.0.15",
       "description": "Use for backgrounds of elements in a disabled state."
     },
-    "value": "DarkNeutral100A"
+    "value": "DarkNeutral300A"
   },
   "name": "color.background.disabled",
   "path": ["color", "background", "disabled"],