@atlaskit/editor-palette 1.4.3 → 1.5.1

package/{.babelrc.cts → .babelrc}

@@ -1,3 +1,3 @@
-module.exports = {
+{
   "plugins": ["@atlaskit/tokens/babel-plugin"]
-};
+}

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-palette
 
+## 1.5.1
+
+### Patch Changes
+
+- [`c5a5b4ec141`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c5a5b4ec141) - Reverted back the changes done as part of UTEST-643
+
+## 1.5.0
+
+### Minor Changes
+
+- [`f22911fb9be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f22911fb9be) - ENGHEALTH-2667: Adjust table cell color logic to enable static analysis of token usages and follow eslint rules
+
 ## 1.4.3
 
 ### Patch Changes

package/dist/cjs/background.js

@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.editorBackgroundPalette = void 0;
 exports.hexToEditorBackgroundPaletteColor = hexToEditorBackgroundPaletteColor;
-exports.hexToEditorBackgroundPaletteColorTokenName = hexToEditorBackgroundPaletteColorTokenName;
+exports.hexToEditorBackgroundPaletteRawValue = hexToEditorBackgroundPaletteRawValue;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _editorBackgroundPale;
-// This import will be stripped on build
+var _tokens = require("@atlaskit/tokens");
+var _editorBackgroundPale; // This import will be stripped on build
 // eslint-disable-next-line import/no-extraneous-dependencies
-
 /**
  * This takes an adf hex color and returns a matching background palette
  * color.
@@ -29,7 +28,7 @@ var _editorBackgroundPale;
  * The exact output of this function is an implementation detail and should only be used when rendering
  * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
  * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
- * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color.
  */
 function hexToEditorBackgroundPaletteColor(hexColor) {
   // Ts ignore used to allow use of conditional return type
@@ -38,86 +37,139 @@ function hexToEditorBackgroundPaletteColor(hexColor) {
   var tokenData = editorBackgroundPalette[hexColor.toUpperCase()];
   return tokenData ? tokenData.token : undefined;
 }
-function hexToEditorBackgroundPaletteColorTokenName(hexColor) {
+
+/**
+ * Takes an ADF hex color and returns the rendered hex code for the associated background palette design token using getTokenValue.
+ * If the provided color does not exist in the Editor color palette, this function returns undefined.
+ *
+ * This should only be used when rendering content where CSS variables are not feasible, such as a non-CSS environment
+ * or to enable cross-app copy/paste.
+ *
+ * WARNING: If the rendered theme changes (such as from light -> dark mode) the value returned here will no longer match
+ * the surrounding UI and will need to be re-fetched.
+ * In addition, the values of tokens will differ between themes and the value for a given theme can and will change.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color.
+ */
+function hexToEditorBackgroundPaletteRawValue(hexColor) {
   // Ts ignore used to allow use of conditional return type
   // (preferencing better type on consumption over safety in implementation)
   // @ts-ignore
   var tokenData = editorBackgroundPalette[hexColor.toUpperCase()];
-  return tokenData ? tokenData.tokenName : undefined;
+  return tokenData ? tokenData.getValue(hexColor) : undefined;
 }
 // Colors taken from
 // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
 
-// values are asserted to improve generated type declarations
-// Modified structure as having tokenName, token
-//  and possibly editorColorName in future will make it
-//  simpler to link everything together.
+/**
+ * Values are asserted to improve generated type declarations
+ * Using object structure as getValue() function needed for table values, and other
+ * properties may be needed in the future.
+ */
 var editorBackgroundPalette = (_editorBackgroundPale = {}, (0, _defineProperty2.default)(_editorBackgroundPale, '#DEEBFF', {
-  tokenName: 'color.background.accent.blue.subtlest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.blue.subtlest', fallback);
+  },
   token: "var(--ds-background-accent-blue-subtlest, #DEEBFF)"
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#B3D4FF', {
-  tokenName: 'color.background.accent.blue.subtler',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.blue.subtler', fallback);
+  },
   token: "var(--ds-background-accent-blue-subtler, #B3D4FF)"
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#4C9AFF', {
-  tokenName: 'color.background.accent.blue.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.blue.subtle', fallback);
+  },
   token: "var(--ds-background-accent-blue-subtle, #4C9AFF)"
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#E6FCFF', {
-  tokenName: 'color.background.accent.teal.subtlest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.teal.subtlest', fallback);
+  },
   token: "var(--ds-background-accent-teal-subtlest, #E6FCFF)" // source for hex code was legacy token T50,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#B3F5FF', {
-  tokenName: 'color.background.accent.teal.subtler',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.teal.subtler', fallback);
+  },
   token: "var(--ds-background-accent-teal-subtler, #B3F5FF)" // source for hex code was legacy token T75,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#79E2F2', {
-  tokenName: 'color.background.accent.teal.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.teal.subtle', fallback);
+  },
   token: "var(--ds-background-accent-teal-subtle, #79E2F2)" // source for hex code was legacy token T100,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#E3FCEF', {
-  tokenName: 'color.background.accent.green.subtlest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.green.subtlest', fallback);
+  },
   token: "var(--ds-background-accent-green-subtlest, #E3FCEF)" // source for hex code was legacy token G50,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#ABF5D1', {
-  tokenName: 'color.background.accent.green.subtler',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.green.subtler', fallback);
+  },
   token: "var(--ds-background-accent-green-subtler, #ABF5D1)" // source for hex code was legacy token G75,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#57D9A3', {
-  tokenName: 'color.background.accent.green.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.green.subtle', fallback);
+  },
   token: "var(--ds-background-accent-green-subtle, #57D9A3)" // source for hex code was legacy token G200,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FFFAE6', {
-  tokenName: 'color.background.accent.yellow.subtlest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.yellow.subtlest', fallback);
+  },
   token: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)" // source for hex code was legacy token Y50,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FFF0B3', {
-  tokenName: 'color.background.accent.yellow.subtler',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.yellow.subtler', fallback);
+  },
   token: "var(--ds-background-accent-yellow-subtler, #FFF0B3)" // source for hex code was legacy token Y75,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FFC400', {
-  tokenName: 'color.background.accent.orange.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.orange.subtle', fallback);
+  },
   token: "var(--ds-background-accent-orange-subtle, #FFC400)" // source for hex code was legacy token Y200,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FFEBE6', {
-  tokenName: 'color.background.accent.red.subtlest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.red.subtlest', fallback);
+  },
   token: "var(--ds-background-accent-red-subtlest, #FFEBE6)" // source for hex code was legacy token R50,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FFBDAD', {
-  tokenName: 'color.background.accent.red.subtler',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.red.subtler', fallback);
+  },
   token: "var(--ds-background-accent-red-subtler, #FFBDAD)" // source for hex code was legacy token R75,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FF8F73', {
-  tokenName: 'color.background.accent.red.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.red.subtle', fallback);
+  },
   token: "var(--ds-background-accent-red-subtle, #FF8F73)" // source for hex code was legacy token R100,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#EAE6FF', {
-  tokenName: 'color.background.accent.purple.subtlest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.purple.subtlest', fallback);
+  },
   token: "var(--ds-background-accent-purple-subtlest, #EAE6FF)" // source for hex code was legacy token P50,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#C0B6F2', {
-  tokenName: 'color.background.accent.purple.subtler',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.purple.subtler', fallback);
+  },
   token: "var(--ds-background-accent-purple-subtler, #C0B6F2)" // source for hex code was legacy token P75,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#998DD9', {
-  tokenName: 'color.background.accent.purple.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.purple.subtle', fallback);
+  },
   token: "var(--ds-background-accent-purple-subtle, #998DD9)" // source for hex code was legacy token P100,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FFFFFF', {
-  tokenName: 'elevation.surface',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('elevation.surface', fallback);
+  },
   token: "var(--ds-surface, #FFFFFF)" // source for hex code was legacy token N0,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#F4F5F7', {
-  tokenName: 'color.background.accent.gray.subtlest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.gray.subtlest', fallback);
+  },
   token: "var(--ds-background-accent-gray-subtlest, #F4F5F7)" // source for hex code was legacy token N20,
 }), (0, _defineProperty2.default)(_editorBackgroundPale, '#B3BAC5', {
-  tokenName: 'color.background.accent.gray.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.gray.subtle', fallback);
+  },
   token: "var(--ds-background-accent-gray-subtle, #B3BAC5)" // source for hex code was legacy token N60,
 }), _editorBackgroundPale);
-exports.editorBackgroundPalette = editorBackgroundPalette;
-var backgroundPaletteKeys = Object.keys(editorBackgroundPalette);
-var tokenNames = backgroundPaletteKeys.map(function (hexCode) {
-  return editorBackgroundPalette[hexCode].tokenName;
-});
+exports.editorBackgroundPalette = editorBackgroundPalette;

package/dist/cjs/index.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, "hexToEditorBackgroundPaletteColor", {
     return _background.hexToEditorBackgroundPaletteColor;
   }
 });
-Object.defineProperty(exports, "hexToEditorBackgroundPaletteColorTokenName", {
+Object.defineProperty(exports, "hexToEditorBackgroundPaletteRawValue", {
   enumerable: true,
   get: function get() {
-    return _background.hexToEditorBackgroundPaletteColorTokenName;
+    return _background.hexToEditorBackgroundPaletteRawValue;
   }
 });
 Object.defineProperty(exports, "hexToEditorBorderPaletteColor", {
@@ -27,10 +27,10 @@ Object.defineProperty(exports, "hexToEditorTableChartsPaletteColor", {
     return _tableCharts.hexToEditorTableChartsPaletteColor;
   }
 });
-Object.defineProperty(exports, "hexToEditorTableChartsPaletteColorTokenName", {
+Object.defineProperty(exports, "hexToEditorTableChartsPaletteRawValue", {
   enumerable: true,
   get: function get() {
-    return _tableCharts.hexToEditorTableChartsPaletteColorTokenName;
+    return _tableCharts.hexToEditorTableChartsPaletteRawValue;
   }
 });
 Object.defineProperty(exports, "hexToEditorTextPaletteColor", {

package/dist/cjs/table-charts.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hexToEditorTableChartsPaletteColor = hexToEditorTableChartsPaletteColor;
-exports.hexToEditorTableChartsPaletteColorTokenName = hexToEditorTableChartsPaletteColorTokenName;
+exports.hexToEditorTableChartsPaletteRawValue = hexToEditorTableChartsPaletteRawValue;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _editorTableChartsPal;
-// This import will be stripped on build
+var _tokens = require("@atlaskit/tokens");
+var _editorTableChartsPal; // This import will be stripped on build
 // eslint-disable-next-line import/no-extraneous-dependencies
-
 /**
  * This takes an adf hex color and returns a matching chart palette
  * color.
@@ -37,12 +36,26 @@ function hexToEditorTableChartsPaletteColor(hexColor) {
   var tokenData = editorTableChartsPalette[hexColor.toUpperCase()];
   return tokenData ? tokenData.token : undefined;
 }
-function hexToEditorTableChartsPaletteColorTokenName(hexColor) {
+
+/**
+ * Takes an ADF hex color and returns the rendered hex code for the associated chart palette design token using getTokenValue.
+ * If the provided color does not exist in the Editor color palette, this function returns undefined.
+ *
+ * This should only be used when rendering content where CSS variables are not feasible, such as a non-CSS environment
+ * or to enable cross-app copy/paste.
+ *
+ * WARNING: If the rendered theme changes (such as from light -> dark mode) the value returned here will no longer match
+ * the surrounding UI and will need to be re-fetched.
+ * In addition, the values of tokens will differ between themes and the value for a given theme can and will change.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color.
+ */
+function hexToEditorTableChartsPaletteRawValue(hexColor) {
   // Ts ignore used to allow use of conditional return type
   // (preferencing better type on consumption over safety in implementation)
   // @ts-ignore
   var tokenData = editorTableChartsPalette[hexColor.toUpperCase()];
-  return tokenData ? tokenData.tokenName : undefined;
+  return tokenData ? tokenData.getValue(hexColor) : undefined;
 }
 // Colors taken from
 // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
@@ -58,115 +71,183 @@ function hexToEditorTableChartsPaletteColorTokenName(hexColor) {
  * https://product-fabric.atlassian.net/browse/ED-17042
  */
 var editorTableChartsPalette = (_editorTableChartsPal = {}, (0, _defineProperty2.default)(_editorTableChartsPal, '#7AB2FF', {
-  tokenName: 'color.background.accent.blue.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.blue.subtle', fallback);
+  },
   token: "var(--ds-background-accent-blue-subtle, #7AB2FF)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#60C6D2', {
-  tokenName: 'color.background.accent.teal.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.teal.subtle', fallback);
+  },
   token: "var(--ds-background-accent-teal-subtle, #60C6D2)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#6BE1B0', {
-  tokenName: 'color.background.accent.green.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.green.subtle', fallback);
+  },
   token: "var(--ds-background-accent-green-subtle, #6BE1B0)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#FFDB57', {
-  tokenName: 'color.background.accent.yellow.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.yellow.subtle', fallback);
+  },
   token: "var(--ds-background-accent-yellow-subtle, #FFDB57)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#FAA53D', {
-  tokenName: 'color.background.accent.orange.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.orange.subtle', fallback);
+  },
   token: "var(--ds-background-accent-orange-subtle, #FAA53D)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#FF8F73', {
-  tokenName: 'color.background.accent.red.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.red.subtle', fallback);
+  },
   token: "var(--ds-background-accent-red-subtle, #FF8F73)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#E774BB', {
-  tokenName: 'color.background.accent.magenta.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.magenta.subtle', fallback);
+  },
   token: "var(--ds-background-accent-magenta-subtle, #E774BB)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#B5A7FB', {
-  tokenName: 'color.background.accent.purple.subtle',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.purple.subtle', fallback);
+  },
   token: "var(--ds-background-accent-purple-subtle, #B5A7FB)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#8993A5', {
-  tokenName: 'color.background.accent.gray.subtler',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.background.accent.gray.subtler', fallback);
+  },
   token: "var(--ds-background-accent-gray-subtler, #8993A5)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#247FFF', {
-  tokenName: 'color.chart.blue.bold',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.blue.bold', fallback);
+  },
   token: "var(--ds-chart-blue-bold, #247FFF)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#1D9AAA', {
-  tokenName: 'color.chart.teal.bold',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.teal.bold', fallback);
+  },
   token: "var(--ds-chart-teal-bold, #1D9AAA)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#23A971', {
-  tokenName: 'color.chart.green.bold',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.green.bold', fallback);
+  },
   token: "var(--ds-chart-green-bold, #23A971)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#FFBE33', {
-  tokenName: 'color.chart.yellow.bold',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.yellow.bold', fallback);
+  },
   token: "var(--ds-chart-yellow-bold, #FFBE33)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#D97008', {
-  tokenName: 'color.chart.orange.bold',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.orange.bold', fallback);
+  },
   token: "var(--ds-chart-orange-bold, #D97008)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#FC552C', {
-  tokenName: 'color.chart.red.bold',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.red.bold', fallback);
+  },
   token: "var(--ds-chart-red-bold, #FC552C)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#DA62AC', {
-  tokenName: 'color.chart.magenta.bold',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.magenta.bold', fallback);
+  },
   token: "var(--ds-chart-magenta-bold, #DA62AC)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#8B77EE', {
-  tokenName: 'color.chart.purple.bold',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.purple.bold', fallback);
+  },
   token: "var(--ds-chart-purple-bold, #8B77EE)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#8590A2', {
-  tokenName: 'color.chart.gray.bold',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.gray.bold', fallback);
+  },
   token: "var(--ds-chart-gray-bold, #8590A2)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#0055CC', {
-  tokenName: 'color.chart.blue.bolder',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.blue.bolder', fallback);
+  },
   token: "var(--ds-chart-blue-bolder, #0055CC)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#1D7F8C', {
-  tokenName: 'color.chart.teal.bolder',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.teal.bolder', fallback);
+  },
   token: "var(--ds-chart-teal-bolder, #1D7F8C)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#177D52', {
-  tokenName: 'color.chart.green.bolder',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.green.bolder', fallback);
+  },
   token: "var(--ds-chart-green-bolder, #177D52)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#FF9D00', {
-  tokenName: 'color.chart.yellow.bolder',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.yellow.bolder', fallback);
+  },
   token: "var(--ds-chart-yellow-bolder, #FF9D00)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#B65C02', {
-  tokenName: 'color.chart.orange.bolder',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.orange.bolder', fallback);
+  },
   token: "var(--ds-chart-orange-bolder, #B65C02)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#D32D03', {
-  tokenName: 'color.chart.red.bolder',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.red.bolder', fallback);
+  },
   token: "var(--ds-chart-red-bolder, #D32D03)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#CD519D', {
-  tokenName: 'color.chart.magenta.bolder',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.magenta.bolder', fallback);
+  },
   token: "var(--ds-chart-magenta-bolder, #CD519D)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#5A43D0', {
-  tokenName: 'color.chart.purple.bolder',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.purple.bolder', fallback);
+  },
   token: "var(--ds-chart-purple-bolder, #5A43D0)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#758195', {
-  tokenName: 'color.chart.gray.bolder',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.gray.bolder', fallback);
+  },
   token: "var(--ds-chart-gray-bolder, #758195)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#003884', {
-  tokenName: 'color.chart.blue.boldest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.blue.boldest', fallback);
+  },
   token: "var(--ds-chart-blue-boldest, #003884)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#206B74', {
-  tokenName: 'color.chart.teal.boldest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.teal.boldest', fallback);
+  },
   token: "var(--ds-chart-teal-boldest, #206B74)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#055C3F', {
-  tokenName: 'color.chart.green.boldest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.green.boldest', fallback);
+  },
   token: "var(--ds-chart-green-boldest, #055C3F)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#946104', {
-  tokenName: 'color.chart.yellow.boldest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.yellow.boldest', fallback);
+  },
   token: "var(--ds-chart-yellow-boldest, #946104)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#974F0C', {
-  tokenName: 'color.chart.orange.boldest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.orange.boldest', fallback);
+  },
   token: "var(--ds-chart-orange-boldest, #974F0C)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#A32000', {
-  tokenName: 'color.chart.red.boldest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.red.boldest', fallback);
+  },
   token: "var(--ds-chart-red-boldest, #A32000)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#943D73', {
-  tokenName: 'color.chart.magenta.boldest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.magenta.boldest', fallback);
+  },
   token: "var(--ds-chart-magenta-boldest, #943D73)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#44368B', {
-  tokenName: 'color.chart.purple.boldest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.purple.boldest', fallback);
+  },
   token: "var(--ds-chart-purple-boldest, #44368B)"
 }), (0, _defineProperty2.default)(_editorTableChartsPal, '#44546F', {
-  tokenName: 'color.chart.gray.boldest',
+  getValue: function getValue(fallback) {
+    return (0, _tokens.getTokenValue)('color.chart.gray.boldest', fallback);
+  },
   token: "var(--ds-chart-gray-boldest, #44546F)"
-}), _editorTableChartsPal);
-var tableChartsPaletteKeys = Object.keys(editorTableChartsPalette);
-var tokenNames = tableChartsPaletteKeys.map(function (hexCode) {
-  return editorTableChartsPalette[hexCode].tokenName;
-});
+}), _editorTableChartsPal);

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-palette",
-	"version": "1.4.3",
+	"version": "1.5.1",
 	"sideEffects": false
 }