@atlaskit/tokens 1.24.0 → 1.25.1

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

@@ -8,7 +8,7 @@ exports.additionalContrastChecker = exports.additionalChecks = void 0;
 var _atlassianDarkTokenValueForContrastCheck = _interopRequireDefault(require("../artifacts/atlassian-dark-token-value-for-contrast-check"));
 var _atlassianLightTokenValueForContrastCheck = _interopRequireDefault(require("../artifacts/atlassian-light-token-value-for-contrast-check"));
 var _colorUtils = require("./color-utils");
-var additionalChecks = [{
+var additionalChecks = exports.additionalChecks = [{
   foreground: 'color.text.brand',
   backgroundLight: 'elevation.surface.sunken',
   backgroundDark: 'elevation.surface.overlay',
@@ -50,11 +50,10 @@ var additionalChecks = [{
   // In dark mode: lighten the following tokens by one base token
   updatedTokens: ['color.chart.brand', 'color.chart.brand.hovered']
 }];
-exports.additionalChecks = additionalChecks;
 var getColorFromTokenRaw = function getColorFromTokenRaw(tokenName, mode) {
   return mode === 'light' ? _atlassianLightTokenValueForContrastCheck.default[tokenName] : _atlassianDarkTokenValueForContrastCheck.default[tokenName];
 };
-var additionalContrastChecker = function additionalContrastChecker(_ref) {
+var additionalContrastChecker = exports.additionalContrastChecker = function additionalContrastChecker(_ref) {
   var customThemeTokenMap = _ref.customThemeTokenMap,
     mode = _ref.mode,
     themeRamp = _ref.themeRamp;
@@ -82,5 +81,4 @@ var additionalContrastChecker = function additionalContrastChecker(_ref) {
     }
   });
   return updatedCustomThemeTokenMap;
-};
-exports.additionalContrastChecker = additionalContrastChecker;
+};

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

@@ -16,7 +16,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 var lowLuminanceContrastRatios = [1.12, 1.33, 2.03, 2.73, 3.33, 4.27, 5.2, 6.62, 12.46, 14.25];
 var highLuminanceContrastRatios = [1.08, 1.24, 1.55, 1.99, 2.45, 3.34, 4.64, 6.1, 10.19, 12.6];
-var getClosestColorIndex = function getClosestColorIndex(themeRamp, brandColor) {
+var getClosestColorIndex = exports.getClosestColorIndex = function getClosestColorIndex(themeRamp, brandColor) {
   // Iterate over themeRamp and find whichever color is closest to brandColor
   var closestColorIndex = 0;
   var closestColorDistance = null;
@@ -29,8 +29,7 @@ var getClosestColorIndex = function getClosestColorIndex(themeRamp, brandColor)
   });
   return closestColorIndex;
 };
-exports.getClosestColorIndex = getClosestColorIndex;
-var generateColors = function generateColors(brandColor) {
+var generateColors = exports.generateColors = function generateColors(brandColor) {
   // Determine luminance
   var HSLBrandColorHue = (0, _colorUtils.hexToHSL)(brandColor)[0];
   var baseRgb = (0, _colorUtils.HSLToRGB)(HSLBrandColorHue, 100, 60);
@@ -69,7 +68,6 @@ var generateColors = function generateColors(brandColor) {
  *
  * Returns an array of the resulting colors
  */
-exports.generateColors = generateColors;
 function getInteractionStates(rampPosition, number, colors) {
   var result = [];
   for (var i = 1; i <= number; i++) {
@@ -81,7 +79,7 @@ function getInteractionStates(rampPosition, number, colors) {
   }
   return result;
 }
-var generateTokenMap = function generateTokenMap(brandColor, mode, themeRamp) {
+var generateTokenMap = exports.generateTokenMap = function generateTokenMap(brandColor, mode, themeRamp) {
   var _generateColors = generateColors(brandColor),
     ramp = _generateColors.ramp,
     replacedColor = _generateColors.replacedColor;
@@ -220,8 +218,7 @@ var generateTokenMap = function generateTokenMap(brandColor, mode, themeRamp) {
     dark: customThemeTokenMapDark
   };
 };
-exports.generateTokenMap = generateTokenMap;
-var generateTokenMapWithContrastCheck = function generateTokenMapWithContrastCheck(brandColor, mode, themeRamp) {
+var generateTokenMapWithContrastCheck = exports.generateTokenMapWithContrastCheck = function generateTokenMapWithContrastCheck(brandColor, mode, themeRamp) {
   var colors = themeRamp || generateColors(brandColor).ramp;
   var tokenMaps = generateTokenMap(brandColor, mode, colors);
   var result = {};
@@ -238,5 +235,4 @@ var generateTokenMapWithContrastCheck = function generateTokenMapWithContrastChe
     }
   });
   return result;
-};
-exports.generateTokenMapWithContrastCheck = generateTokenMapWithContrastCheck;
+};

package/dist/cjs/utils/get-theme-preferences.js

@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getThemePreferences = void 0;
+exports.getThemePreferences = exports.getThemeOverridePreferences = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var getThemePreferences = function getThemePreferences(themeState) {
+var getThemePreferences = exports.getThemePreferences = function getThemePreferences(themeState) {
   var colorMode = themeState.colorMode,
     dark = themeState.dark,
     light = themeState.light,
@@ -15,14 +15,35 @@ var getThemePreferences = function getThemePreferences(themeState) {
     spacing = themeState.spacing,
     typography = themeState.typography;
   var themePreferences = colorMode === 'auto' ? [light, dark] : [themeState[colorMode]];
+
+  // Replace light/dark theme with new palette if feature flag is on
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.saturated-palette-changes_asoro')) {
+    // Iterate over themePreferences and swap out light/dark with new palette
+    themePreferences.forEach(function (themeId, index) {
+      if (themeId === 'light') {
+        themePreferences[index] = 'light-saturated-palette-changes';
+      }
+      if (themeId === 'dark') {
+        themePreferences[index] = 'dark-saturated-palette-changes';
+      }
+    });
+  }
   [shape, spacing, typography].forEach(function (themeId) {
     if (themeId) {
       themePreferences.push(themeId);
     }
   });
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu')) {
-    themePreferences.push("".concat(themePreferences.includes('dark') ? 'dark' : 'light', "-new-input-border"));
-  }
   return (0, _toConsumableArray2.default)(new Set(themePreferences));
 };
-exports.getThemePreferences = getThemePreferences;
+var getThemeOverridePreferences = exports.getThemeOverridePreferences = function getThemeOverridePreferences(themeState) {
+  var colorMode = themeState.colorMode,
+    dark = themeState.dark,
+    light = themeState.light;
+  var themeOverridePreferences = [];
+  var themePreferences = colorMode === 'auto' ? [light, dark] : [themeState[colorMode]];
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu')) {
+    themePreferences.includes('light') && themeOverridePreferences.push('light-new-input-border');
+    themePreferences.includes('dark') && themeOverridePreferences.push('dark-new-input-border');
+  }
+  return (0, _toConsumableArray2.default)(new Set(themeOverridePreferences));
+};

package/dist/cjs/utils/hash.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hash = void 0;
-var hash = function hash(str) {
+var hash = exports.hash = function hash(str) {
   var hash = 0;
   for (var i = 0; i < str.length; i++) {
     var char = str.charCodeAt(i);
@@ -13,5 +13,4 @@ var hash = function hash(str) {
   }
 
   return new Uint32Array([hash])[0].toString(36);
-};
-exports.hash = hash;
+};

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

@@ -49,7 +49,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * Tone is equivalent to L* in the L*a*b* color space, or L in the LCH color
  * space.
  */
-var Contrast = /*#__PURE__*/function () {
+var Contrast = exports.Contrast = /*#__PURE__*/function () {
   function Contrast() {
     (0, _classCallCheck2.default)(this, Contrast);
   }
@@ -184,5 +184,4 @@ var Contrast = /*#__PURE__*/function () {
     }
   }]);
   return Contrast;
-}();
-exports.Contrast = Contrast;
+}();

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

@@ -11,8 +11,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var utils = _interopRequireWildcard(require("./color-utils"));
 var math = _interopRequireWildcard(require("./math-utils"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _class2;
 /**
  * Below lines are copied from @material/material-color-utilities.
  * Do not modify it.
@@ -33,6 +32,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
  * A color system built using CAM16 hue and chroma, and L* from
  * L*a*b*.
@@ -53,7 +54,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * accurate color measurement system that can also accurately render what colors
  * will appear as in different lighting environments.
  */
-var Hct = /*#__PURE__*/function () {
+var Hct = exports.Hct = /*#__PURE__*/function () {
   function Hct(argb) {
     (0, _classCallCheck2.default)(this, Hct);
     this.argb = argb;
@@ -204,7 +205,6 @@ var Hct = /*#__PURE__*/function () {
  * point is accurately measured as a slightly chromatic blue by CAM16. (roughly,
  * hue 203, chroma 3, lightness 100)
  */
-exports.Hct = Hct;
 var Cam16 = /*#__PURE__*/function () {
   /**
    * All of the CAM16 dimensions can be calculated from 3 of the dimensions, in
@@ -951,7 +951,7 @@ var HctSolver = /*#__PURE__*/function () {
 (0, _defineProperty2.default)(HctSolver, "LINRGB_FROM_SCALED_DISCOUNT", [[1373.2198709594231, -1100.4251190754821, -7.278681089101213], [-271.815969077903, 559.6580465940733, -32.46047482791194], [1.9622899599665666, -57.173814538844006, 308.7233197812385]]);
 (0, _defineProperty2.default)(HctSolver, "Y_FROM_LINRGB", [0.2126, 0.7152, 0.0722]);
 (0, _defineProperty2.default)(HctSolver, "CRITICAL_PLANES", [0.015176349177441876, 0.045529047532325624, 0.07588174588720938, 0.10623444424209313, 0.13658714259697685, 0.16693984095186062, 0.19729253930674434, 0.2276452376616281, 0.2579979360165119, 0.28835063437139563, 0.3188300904430532, 0.350925934958123, 0.3848314933096426, 0.42057480301049466, 0.458183274052838, 0.4976837250274023, 0.5391024159806381, 0.5824650784040898, 0.6277969426914107, 0.6751227633498623, 0.7244668422128921, 0.775853049866786, 0.829304845476233, 0.8848452951698498, 0.942497089126609, 1.0022825574869039, 1.0642236851973577, 1.1283421258858297, 1.1946592148522128, 1.2631959812511864, 1.3339731595349034, 1.407011200216447, 1.4823302800086415, 1.5599503113873272, 1.6398909516233677, 1.7221716113234105, 1.8068114625156377, 1.8938294463134073, 1.9832442801866852, 2.075074464868551, 2.1693382909216234, 2.2660538449872063, 2.36523901573795, 2.4669114995532007, 2.5710888059345764, 2.6777882626779785, 2.7870270208169257, 2.898822059350997, 3.0131901897720907, 3.1301480604002863, 3.2497121605402226, 3.3718988244681087, 3.4967242352587946, 3.624204428461639, 3.754355295633311, 3.887192587735158, 4.022731918402185, 4.160988767090289, 4.301978482107941, 4.445716283538092, 4.592217266055746, 4.741496401646282, 4.893568542229298, 5.048448422192488, 5.20615066083972, 5.3666897647573375, 5.5300801301023865, 5.696336044816294, 5.865471690767354, 6.037501145825082, 6.212438385869475, 6.390297286737924, 6.571091626112461, 6.7548350853498045, 6.941541251256611, 7.131223617812143, 7.323895587840543, 7.5195704746346665, 7.7182615035334345, 7.919981813454504, 8.124744458384042, 8.332562408825165, 8.543448553206703, 8.757415699253682, 8.974476575321063, 9.194643831691977, 9.417930041841839, 9.644347703669503, 9.873909240696694, 10.106627003236781, 10.342513269534024, 10.58158024687427, 10.8238400726681, 11.069304815507364, 11.317986476196008, 11.569896988756009, 11.825048221409341, 12.083451977536606, 12.345119996613247, 12.610063955123938, 12.878295467455942, 13.149826086772048, 13.42466730586372, 13.702830557985108, 13.984327217668513, 14.269168601521828, 14.55736596900856, 14.848930523210871, 15.143873411576273, 15.44220572664832, 15.743938506781891, 16.04908273684337, 16.35764934889634, 16.66964922287304, 16.985093187232053, 17.30399201960269, 17.62635644741625, 17.95219714852476, 18.281524751807332, 18.614349837764564, 18.95068293910138, 19.290534541298456, 19.633915083172692, 19.98083495742689, 20.331304511189067, 20.685334046541502, 21.042933821039977, 21.404114048223256, 21.76888489811322, 22.137256497705877, 22.50923893145328, 22.884842241736916, 23.264076429332462, 23.6469514538663, 24.033477234264016, 24.42366364919083, 24.817520537484558, 25.21505769858089, 25.61628489293138, 26.021211842414342, 26.429848230738664, 26.842203703840827, 27.258287870275353, 27.678110301598522, 28.10168053274597, 28.529008062403893, 28.96010235337422, 29.39497283293396, 29.83362889318845, 30.276079891419332, 30.722335150426627, 31.172403958865512, 31.62629557157785, 32.08401920991837, 32.54558406207592, 33.010999283389665, 33.4802739966603, 33.953417292456834, 34.430438229418264, 34.911345834551085, 35.39614910352207, 35.88485700094671, 36.37747846067349, 36.87402238606382, 37.37449765026789, 37.87891309649659, 38.38727753828926, 38.89959975977785, 39.41588851594697, 39.93615253289054, 40.460400508064545, 40.98864111053629, 41.520882981230194, 42.05713473317016, 42.597404951718396, 43.141702194811224, 43.6900349931913, 44.24241185063697, 44.798841244188324, 45.35933162437017, 45.92389141541209, 46.49252901546552, 47.065252796817916, 47.64207110610409, 48.22299226451468, 48.808024568002054, 49.3971762874833, 49.9904556690408, 50.587870934119984, 51.189430279724725, 51.79514187861014, 52.40501387947288, 53.0190544071392, 53.637271562750364, 54.259673423945976, 54.88626804504493, 55.517063457223934, 56.15206766869424, 56.79128866487574, 57.43473440856916, 58.08241284012621, 58.734331877617365, 59.39049941699807, 60.05092333227251, 60.715611475655585, 61.38457167773311, 62.057811747619894, 62.7353394731159, 63.417162620860914, 64.10328893648692, 64.79372614476921, 65.48848194977529, 66.18756403501224, 66.89098006357258, 67.59873767827808, 68.31084450182222, 69.02730813691093, 69.74813616640164, 70.47333615344107, 71.20291564160104, 71.93688215501312, 72.67524319850172, 73.41800625771542, 74.16517879925733, 74.9167682708136, 75.67278210128072, 76.43322770089146, 77.1981124613393, 77.96744375590167, 78.74122893956174, 79.51947534912904, 80.30219030335869, 81.08938110306934, 81.88105503125999, 82.67721935322541, 83.4778813166706, 84.28304815182372, 85.09272707154808, 85.90692527145302, 86.72564993000343, 87.54890820862819, 88.3767072518277, 89.2090541872801, 90.04595612594655, 90.88742016217518, 91.73345337380438, 92.58406282226491, 93.43925555268066, 94.29903859396902, 95.16341895893969, 96.03240364439274, 96.9059996312159, 97.78421388448044, 98.6670533535366, 99.55452497210776]);
-var ViewingConditions = /*#__PURE__*/function () {
+var ViewingConditions = exports.ViewingConditions = /*#__PURE__*/function () {
   /**
    * Parameters are intermediate values of the CAM16 conversion process. Their
    * names are shorthand for technical color science terminology, this class
@@ -1029,8 +1029,8 @@ var ViewingConditions = /*#__PURE__*/function () {
   }]);
   return ViewingConditions;
 }();
-exports.ViewingConditions = ViewingConditions;
+_class2 = ViewingConditions;
 /**
  * sRGB-like viewing conditions.
  */
-(0, _defineProperty2.default)(ViewingConditions, "DEFAULT", ViewingConditions.make());
+(0, _defineProperty2.default)(ViewingConditions, "DEFAULT", _class2.make());

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

@@ -9,7 +9,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _themeImportMap = _interopRequireDefault(require("../artifacts/theme-import-map"));
 var _constants = require("../constants");
-var loadAndAppendThemeCss = /*#__PURE__*/function () {
+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) {
@@ -39,8 +39,7 @@ var loadAndAppendThemeCss = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-exports.loadAndAppendThemeCss = loadAndAppendThemeCss;
-var loadThemeCss = /*#__PURE__*/function () {
+var loadThemeCss = exports.loadThemeCss = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(themeId) {
     var _yield$themeImportMap, themeCss;
     return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -62,6 +61,4 @@ var loadThemeCss = /*#__PURE__*/function () {
     return _ref2.apply(this, arguments);
   };
 }();
-exports.loadThemeCss = loadThemeCss;
-var darkModeMediaQuery = '(prefers-color-scheme: dark)';
-exports.darkModeMediaQuery = darkModeMediaQuery;
+var darkModeMediaQuery = exports.darkModeMediaQuery = '(prefers-color-scheme: dark)';

package/dist/cjs/utils/token-ids.js

@@ -21,7 +21,7 @@ var _constants = require("../constants");
  * // Returns ds-background-bold
  * getCSSCustomProperty('color.background.bold.[default]')
  */
-var getCSSCustomProperty = function getCSSCustomProperty(path) {
+var getCSSCustomProperty = exports.getCSSCustomProperty = function getCSSCustomProperty(path) {
   var normalizedPath = typeof path === 'string' ? path.split('.') : path;
 
   // Opacity and other 'shallow' groups are more readable when not trimmed
@@ -45,8 +45,7 @@ var getCSSCustomProperty = function getCSSCustomProperty(path) {
  * // Returns color.background.bold
  * getTokenId('color.background.bold.[default]')
  */
-exports.getCSSCustomProperty = getCSSCustomProperty;
-var getTokenId = function getTokenId(path) {
+var getTokenId = exports.getTokenId = function getTokenId(path) {
   var normalizedPath = typeof path === 'string' ? path.split('.') : path;
   return normalizedPath.filter(function (el) {
     return el !== '[default]';
@@ -63,8 +62,6 @@ var getTokenId = function getTokenId(path) {
  * // Returns color.background.bold.[default]
  * getFullyQualifiedTokenId(['color', 'background', 'bold', '[default]'])
  */
-exports.getTokenId = getTokenId;
-var getFullyQualifiedTokenId = function getFullyQualifiedTokenId(path) {
+var getFullyQualifiedTokenId = exports.getFullyQualifiedTokenId = function getFullyQualifiedTokenId(path) {
   return path.join('.');
-};
-exports.getFullyQualifiedTokenId = getFullyQualifiedTokenId;
+};

package/dist/cjs/utils/token-order.js

@@ -7,7 +7,7 @@ exports.tokenOrder = void 0;
 /**
  * Create specific rules for ordering tokens based on their root path and subpath.
  */
-var tokenOrder = [{
+var tokenOrder = exports.tokenOrder = [{
   path: 'color',
   subpaths: ['text', 'link', 'icon', 'border', 'background', 'blanket', 'interaction', 'skeleton', 'chart',
   // deleted ↓
@@ -42,5 +42,4 @@ var tokenOrder = [{
   path: 'value',
   // Legacy palette
   subpaths: []
-}];
-exports.tokenOrder = tokenOrder;
+}];

package/dist/es2019/artifacts/palettes-raw/typography-palette.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fb8c64dc20041c62b562be8da8152e46>>
+ * @codegen <<SignedSource::70935f0c6dc0ecb8df8e0eea44853fba>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -64,14 +64,14 @@ const tokens = [{
   "name": "typography.fontFamily.FontFamilyWebMono",
   "path": ["typography", "fontFamily", "FontFamilyWebMono"]
 }, {
-  "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+  "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
   "attributes": {
     "group": "fontFamily"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif",
+    "value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
     "attributes": {
       "group": "fontFamily"
     }