@atlaskit/tokens 13.0.4 → 13.1.1

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.labF = labF;
+function labF(t) {
+  var e = 216.0 / 24389.0;
+  var kappa = 24389.0 / 27.0;
+  if (t > e) {
+    return Math.pow(t, 1.0 / 3.0);
+  } else {
+    return (kappa * t + 16) / 116;
+  }
+}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.labInvf = labInvf;
+function labInvf(ft) {
+  var e = 216.0 / 24389.0;
+  var kappa = 24389.0 / 27.0;
+  var ft3 = ft * ft * ft;
+  if (ft3 > e) {
+    return ft3;
+  } else {
+    return (116 * ft - 16) / kappa;
+  }
+}

package/dist/cjs/utils/hct-color-utils/lstar-from-argb.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lstarFromArgb = lstarFromArgb;
+var _blueFromArgb = require("./blue-from-argb");
+var _greenFromArgb = require("./green-from-argb");
+var _labF = require("./lab-f");
+var _linearized = require("./linearized");
+var _matrixMultiply = require("./matrix-multiply");
+var _redFromArgb = require("./red-from-argb");
+var SRGB_TO_XYZ = [[0.41233895, 0.35762064, 0.18051042], [0.2126, 0.7152, 0.0722], [0.01932141, 0.11916382, 0.95034478]];
+
+/**
+ * Converts a color from XYZ to ARGB.
+ */
+function xyzFromArgb(argb) {
+  var r = (0, _linearized.linearized)((0, _redFromArgb.redFromArgb)(argb));
+  var g = (0, _linearized.linearized)((0, _greenFromArgb.greenFromArgb)(argb));
+  var b = (0, _linearized.linearized)((0, _blueFromArgb.blueFromArgb)(argb));
+  return (0, _matrixMultiply.matrixMultiply)([r, g, b], SRGB_TO_XYZ);
+}
+
+/**
+ * Computes the L* value of a color in ARGB representation.
+ *
+ * @param argb ARGB representation of a color
+ * @return L*, from L*a*b*, coordinate of the color
+ */
+function lstarFromArgb(argb) {
+  var y = xyzFromArgb(argb)[1];
+  return 116.0 * (0, _labF.labF)(y / 100.0) - 16.0;
+}

package/dist/cjs/utils/hct-color-utils/lstar-from-y.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lstarFromY = lstarFromY;
+var _labF = require("./lab-f");
+/**
+ * Converts a Y value to an L* value.
+ *
+ * L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
+ *
+ * L* measures perceptual luminance, a linear scale. Y in XYZ
+ * measures relative luminance, a logarithmic scale.
+ *
+ * @param y Y in XYZ
+ * @return L* in L*a*b*
+ */
+function lstarFromY(y) {
+  return (0, _labF.labF)(y / 100.0) * 116.0 - 16.0;
+}

package/dist/cjs/utils/hct-color-utils/red-from-argb.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.redFromArgb = redFromArgb;
+/**
+ * Returns the red component of a color in ARGB format.
+ */
+function redFromArgb(argb) {
+  return argb >> 16 & 255;
+}

package/dist/cjs/utils/hct-color-utils/rgba-from-argb.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rgbaFromArgb = rgbaFromArgb;
+var _alphaFromArgb = require("./alpha-from-argb");
+var _blueFromArgb = require("./blue-from-argb");
+var _greenFromArgb = require("./green-from-argb");
+var _redFromArgb = require("./red-from-argb");
+/**
+ * Return RGBA from a given int32 color
+ *
+ * @param argb ARGB representation of a int32 color.
+ * @return RGBA representation of a int32 color.
+ */
+function rgbaFromArgb(argb) {
+  var r = (0, _redFromArgb.redFromArgb)(argb);
+  var g = (0, _greenFromArgb.greenFromArgb)(argb);
+  var b = (0, _blueFromArgb.blueFromArgb)(argb);
+  var a = (0, _alphaFromArgb.alphaFromArgb)(argb);
+  return {
+    r: r,
+    g: g,
+    b: b,
+    a: a
+  };
+}

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -9,8 +9,9 @@ exports.ViewingConditions = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var utils = _interopRequireWildcard(require("./color-utils"));
 var math = _interopRequireWildcard(require("./math-utils"));
+var _whitePointD = require("./white-point-d65");
+var _yFromLstar = require("./y-from-lstar");
 var _ViewingConditions;
 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); }
 var ViewingConditions = exports.ViewingConditions = /*#__PURE__*/function () {
@@ -53,8 +54,8 @@ var ViewingConditions = exports.ViewingConditions = /*#__PURE__*/function () {
      *       self-luminous objects like displays.
      */
     function make() {
-      var whitePoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : utils.whitePointD65();
-      var adaptingLuminance = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200.0 / Math.PI * utils.yFromLstar(50.0) / 100.0;
+      var whitePoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0, _whitePointD.whitePointD65)();
+      var adaptingLuminance = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200.0 / Math.PI * (0, _yFromLstar.yFromLstar)(50.0) / 100.0;
       var backgroundLstar = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 50.0;
       var surround = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2.0;
       var discountingIlluminant = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
@@ -72,7 +73,7 @@ var ViewingConditions = exports.ViewingConditions = /*#__PURE__*/function () {
       var k4 = k * k * k * k;
       var k4F = 1.0 - k4;
       var fl = k4 * adaptingLuminance + 0.1 * k4F * k4F * Math.cbrt(5.0 * adaptingLuminance);
-      var n = utils.yFromLstar(backgroundLstar) / whitePoint[1];
+      var n = (0, _yFromLstar.yFromLstar)(backgroundLstar) / whitePoint[1];
       var z = 1.48 + Math.sqrt(n);
       var nbb = 0.725 / Math.pow(n, 0.2);
       var ncb = nbb;

package/dist/cjs/utils/hct-color-utils/white-point-d65.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.whitePointD65 = whitePointD65;
+/**
+ * Returns the standard white point; white on a sunny day.
+ *
+ * @return The white point
+ */
+function whitePointD65() {
+  return [95.047, 100.0, 108.883];
+}

package/dist/cjs/utils/hct-color-utils/y-from-lstar.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.yFromLstar = yFromLstar;
+var _labInvf = require("./lab-invf");
+/**
+ * Converts an L* value to a Y value.
+ *
+ * L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
+ *
+ * L* measures perceptual luminance, a linear scale. Y in XYZ
+ * measures relative luminance, a logarithmic scale.
+ *
+ * @param lstar L* in L*a*b*
+ * @return Y in XYZ
+ */
+function yFromLstar(lstar) {
+  return 100.0 * (0, _labInvf.labInvf)((lstar + 16.0) / 116.0);
+}

package/dist/cjs/utils/hex-to-hsl.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hexToHSL = hexToHSL;
+var _isValidHex = require("./is-valid-hex");
+function hexToHSL(hex) {
+  if (!(0, _isValidHex.isValidHex)(hex)) {
+    throw new Error('Invalid HEX');
+  }
+  var r = 0,
+    g = 0,
+    b = 0;
+  if (hex.length === 4) {
+    r = '0x' + hex[1] + hex[1];
+    g = '0x' + hex[2] + hex[2];
+    b = '0x' + hex[3] + hex[3];
+  } else if (hex.length === 7) {
+    r = '0x' + hex[1] + hex[2];
+    g = '0x' + hex[3] + hex[4];
+    b = '0x' + hex[5] + hex[6];
+  }
+  // Then to HSL
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  var cmin = Math.min(r, g, b),
+    cmax = Math.max(r, g, b),
+    delta = cmax - cmin,
+    h = 0,
+    s = 0,
+    l = 0;
+  if (delta === 0) {
+    h = 0;
+  } else if (cmax === r) {
+    h = (g - b) / delta % 6;
+  } else if (cmax === g) {
+    h = (b - r) / delta + 2;
+  } else {
+    h = (r - g) / delta + 4;
+  }
+  h = Math.round(h * 60);
+  if (h < 0) {
+    h += 360;
+  }
+  l = (cmax + cmin) / 2;
+  s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
+  s = +(s * 100).toFixed(1);
+  l = +(l * 100).toFixed(1);
+  return [h, s, l];
+}

package/dist/cjs/utils/hex-to-rgb-a.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hexToRgbA = hexToRgbA;
+var _getAlpha = require("./get-alpha");
+var _isValidHex = require("./is-valid-hex");
+function hexToRgbA(hex) {
+  if (!(0, _isValidHex.isValidHex)(hex)) {
+    throw new Error('Invalid HEX');
+  }
+  var c;
+  c = hex.substring(1).split('');
+  if (c.length === 3) {
+    c = [c[0], c[0], c[1], c[1], c[2], c[2]];
+  }
+  c = '0x' + c.join('');
+  return [c >> 16 & 255, c >> 8 & 255, c & 255, (0, _getAlpha.getAlpha)(hex)];
+}

package/dist/cjs/utils/hex-to-rgb.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hexToRgb = hexToRgb;
+var _isValidHex = require("./is-valid-hex");
+function hexToRgb(hex) {
+  if (!(0, _isValidHex.isValidHex)(hex)) {
+    throw new Error('Invalid HEX');
+  }
+  var c;
+  c = hex.substring(1).split('');
+  if (c.length === 3) {
+    c = [c[0], c[0], c[1], c[1], c[2], c[2]];
+  }
+  c = '0x' + c.join('');
+  return [c >> 16 & 255, c >> 8 & 255, c & 255];
+}

package/dist/cjs/utils/is-valid-hex.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isValidHex = void 0;
+// valid hex color with 4, 6 or 8 digits
+var isValidHex = exports.isValidHex = function isValidHex(hex) {
+  return /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
+};

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/reduce-token-map.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reduceTokenMap = reduceTokenMap;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _tokenNames = _interopRequireDefault(require("../artifacts/token-names"));
+function reduceTokenMap(tokenMap, themeRamp) {
+  return Object.entries(tokenMap).reduce(function (acc, _ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    var cssVar = _tokenNames.default[key];
+    return cssVar ? "".concat(acc, "\n  ").concat(cssVar, ": ").concat(typeof value === 'string' ? value : themeRamp[value], ";") : acc;
+  }, '');
+}

package/dist/cjs/utils/rgb-to-lab.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rgbToLab = rgbToLab;
+function rgbToLab(rgb) {
+  var r = rgb[0] / 255,
+    g = rgb[1] / 255,
+    b = rgb[2] / 255,
+    x,
+    y,
+    z;
+  r = r > 0.04045 ? Math.pow((r + 0.055) / 1.055, 2.4) : r / 12.92;
+  g = g > 0.04045 ? Math.pow((g + 0.055) / 1.055, 2.4) : g / 12.92;
+  b = b > 0.04045 ? Math.pow((b + 0.055) / 1.055, 2.4) : b / 12.92;
+  x = (r * 0.4124 + g * 0.3576 + b * 0.1805) / 0.95047;
+  y = (r * 0.2126 + g * 0.7152 + b * 0.0722) / 1.0;
+  z = (r * 0.0193 + g * 0.1192 + b * 0.9505) / 1.08883;
+  x = x > 0.008856 ? Math.pow(x, 1 / 3) : 7.787 * x + 16 / 116;
+  y = y > 0.008856 ? Math.pow(y, 1 / 3) : 7.787 * y + 16 / 116;
+  z = z > 0.008856 ? Math.pow(z, 1 / 3) : 7.787 * z + 16 / 116;
+  return [116 * y - 16, 500 * (x - y), 200 * (y - z)];
+}

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/palettes-raw/palette.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3ab6d06ceee07a33f01831ba39d1781a>>
+ * @codegen <<SignedSource::53794f446833e9543b9fc09809fc6844>>
  * @codegenCommand yarn build tokens
  */
 
@@ -2044,6 +2044,23 @@ const tokens = [{
   },
   "name": "color.palette.Neutral1100",
   "path": ["color", "palette", "Neutral1100"]
+}, {
+  "value": "#000000",
+  "attributes": {
+    "group": "palette",
+    "category": "light mode neutral"
+  },
+  "filePath": "schema/palettes/palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "#000000",
+    "attributes": {
+      "group": "palette",
+      "category": "light mode neutral"
+    }
+  },
+  "name": "color.palette.Neutral1200",
+  "path": ["color", "palette", "Neutral1200"]
 }, {
   "value": "#17171708",
   "attributes": {
@@ -2384,6 +2401,23 @@ const tokens = [{
   },
   "name": "color.palette.DarkNeutral1100",
   "path": ["color", "palette", "DarkNeutral1100"]
+}, {
+  "value": "#FFFFFF",
+  "attributes": {
+    "group": "palette",
+    "category": "dark mode neutral"
+  },
+  "filePath": "schema/palettes/palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "#FFFFFF",
+    "attributes": {
+      "group": "palette",
+      "category": "dark mode neutral"
+    }
+  },
+  "name": "color.palette.DarkNeutral1200",
+  "path": ["color", "palette", "DarkNeutral1200"]
 }, {
   "value": "#01040475",
   "attributes": {

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"],

package/dist/es2019/artifacts/tokens-raw/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::8a1f5d2a98c1bd5c70a4bb2c9b1ccf11>>
+ * @codegen <<SignedSource::8a1fd8b52d543897e21443d4368692c4>>
  * @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": "#17171708",
+  "value": "#0515240F",
   "filePath": "schema/themes/atlassian-light/color/background.tsx",
   "isSource": false,
   "attributes": {
@@ -4591,7 +4591,7 @@ const tokens = [{
     "description": "Use for backgrounds of elements in a disabled state."
   },
   "original": {
-    "value": "Neutral100A",
+    "value": "Neutral200A",
     "attributes": {
       "group": "paint",
       "state": "active",