@atlaskit/editor-common 72.1.2 → 72.2.1

package/dist/cjs/ui/unsupported-content-helper.js

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getUnsupportedContent = getUnsupportedContent;
-
 function getUnsupportedContent(message, prefix, node, intl) {
   var defaultLocale = 'en';
   var canTranslateToLocale = true;
   var locale = intl ? intl.locale : defaultLocale;
   var finalMessage = message.defaultMessage;
-
   if (node && locale.startsWith(defaultLocale)) {
     var originalValue = node.attrs.originalValue;
-
     if (originalValue.text || originalValue.attrs && originalValue.attrs.text) {
       finalMessage = originalValue.text ? originalValue.text : originalValue.attrs.text;
       canTranslateToLocale = false;
@@ -22,10 +19,8 @@ function getUnsupportedContent(message, prefix, node, intl) {
       canTranslateToLocale = false;
     }
   }
-
   if (intl && canTranslateToLocale) {
     return intl.formatMessage(message);
   }
-
   return finalMessage;
 }

package/dist/cjs/ui/with-outer-listeners.js

@@ -1,60 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = withOuterListeners;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 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; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function withOuterListeners(Component) {
   return /*#__PURE__*/function (_PureComponent) {
     (0, _inherits2.default)(WithOutsideClick, _PureComponent);
-
     var _super = _createSuper(WithOutsideClick);
-
     function WithOutsideClick() {
       var _this;
-
       (0, _classCallCheck2.default)(this, WithOutsideClick);
-
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-
       _this = _super.call.apply(_super, [this].concat(args));
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (evt) {
         var domNode = _reactDom.default.findDOMNode((0, _assertThisInitialized2.default)(_this)); // eslint-disable-line react/no-find-dom-node
 
-
         if (!domNode || evt.target instanceof Node && !domNode.contains(evt.target)) {
           if (_this.props.handleClickOutside) {
             _this.props.handleClickOutside(evt);
@@ -68,14 +46,12 @@ function withOuterListeners(Component) {
       });
       return _this;
     }
-
     (0, _createClass2.default)(WithOutsideClick, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         if (this.props.handleClickOutside) {
           document.addEventListener('click', this.handleClick, false);
         }
-
         if (this.props.handleEscapeKeydown) {
           document.addEventListener('keydown', this.handleKeydown, false);
         }
@@ -86,7 +62,6 @@ function withOuterListeners(Component) {
         if (this.props.handleClickOutside) {
           document.removeEventListener('click', this.handleClick, false);
         }
-
         if (this.props.handleEscapeKeydown) {
           document.removeEventListener('keydown', this.handleKeydown, false);
         }

package/dist/cjs/ui-color/ColorPalette/Color/index.js

@@ -1,92 +1,65 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _editorPalette = require("@atlaskit/editor-palette");
-
 var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _styles = require("./styles");
-
 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; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var Color = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Color, _PureComponent);
-
   var _super = _createSuper(Color);
-
   function Color() {
     var _this;
-
     (0, _classCallCheck2.default)(this, Color);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function (e) {
       e.preventDefault();
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function (e) {
       var _this$props = _this.props,
-          onClick = _this$props.onClick,
-          value = _this$props.value,
-          label = _this$props.label;
+        onClick = _this$props.onClick,
+        value = _this$props.value,
+        label = _this$props.label;
       e.preventDefault();
       onClick(value, label);
     });
     return _this;
   }
-
   (0, _createClass2.default)(Color, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          autoFocus = _this$props2.autoFocus,
-          tabIndex = _this$props2.tabIndex,
-          value = _this$props2.value,
-          label = _this$props2.label,
-          isSelected = _this$props2.isSelected,
-          borderColor = _this$props2.borderColor,
-          _this$props2$checkMar = _this$props2.checkMarkColor,
-          checkMarkColor = _this$props2$checkMar === void 0 ? _colors.N0 : _this$props2$checkMar,
-          useDesignTokens = _this$props2.useDesignTokens;
+        autoFocus = _this$props2.autoFocus,
+        tabIndex = _this$props2.tabIndex,
+        value = _this$props2.value,
+        label = _this$props2.label,
+        isSelected = _this$props2.isSelected,
+        borderColor = _this$props2.borderColor,
+        _this$props2$checkMar = _this$props2.checkMarkColor,
+        checkMarkColor = _this$props2$checkMar === void 0 ? _colors.N0 : _this$props2$checkMar,
+        useDesignTokens = _this$props2.useDesignTokens;
       var colorStyle = useDesignTokens ? (0, _editorPalette.hexToEditorTextPaletteColor)(value) : value;
       return (0, _react2.jsx)(_tooltip.default, {
         content: label
@@ -114,6 +87,5 @@ var Color = /*#__PURE__*/function (_PureComponent) {
   }]);
   return Color;
 }(_react.PureComponent);
-
 var _default = Color;
 exports.default = _default;

package/dist/cjs/ui-color/ColorPalette/Color/styles.js

@@ -1,32 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buttonWrapperStyle = exports.buttonStyle = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _templateObject, _templateObject2;
-
 /** this is not new usage - old code extracted from editor-core */
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var buttonStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 26px;\n  width: 26px;\n  background: ", ";\n  padding: 0;\n  border-radius: 4px;\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: block;\n"])), _colors.N900, _colors.N0);
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
 /** this is not new usage - old code extracted from editor-core */
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 exports.buttonStyle = buttonStyle;
 var buttonWrapperStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid transparent;\n  margin: 1px;\n  font-size: 0;\n  display: flex;\n  align-items: center;\n  padding: 1px;\n  border-radius: 6px;\n  &:hover {\n    border-color: ", ";\n  }\n"])), _colors.N50);
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-
 exports.buttonWrapperStyle = buttonWrapperStyle;

package/dist/cjs/ui-color/ColorPalette/Palettes/cellBackgroundColorPalette.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _adfSchema = require("@atlaskit/adf-schema");
-
 var _getColorMessage = _interopRequireDefault(require("./getColorMessage"));
-
 var _paletteMessages = _interopRequireDefault(require("./paletteMessages"));
-
 var cellBackgroundColorPalette = [];
-
 _adfSchema.tableBackgroundColorPalette.forEach(function (label, color) {
   var key = label.toLowerCase().replace(' ', '-');
   var message = (0, _getColorMessage.default)(_paletteMessages.default, key);
@@ -25,6 +19,5 @@ _adfSchema.tableBackgroundColorPalette.forEach(function (label, color) {
     message: message
   });
 });
-
 var _default = cellBackgroundColorPalette;
 exports.default = _default;

package/dist/cjs/ui-color/ColorPalette/Palettes/common.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_BORDER_COLOR = void 0;
-
 var _chromatism = _interopRequireDefault(require("chromatism"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 /**
  * For a given color set the alpha channel to alpha
  *
@@ -20,18 +16,14 @@ var _colors = require("@atlaskit/theme/colors");
  */
 function setAlpha(color, alpha) {
   var _chromatism$convert$r = _chromatism.default.convert(color).rgb,
-      r = _chromatism$convert$r.r,
-      g = _chromatism$convert$r.g,
-      b = _chromatism$convert$r.b;
-
+    r = _chromatism$convert$r.r,
+    g = _chromatism$convert$r.g,
+    b = _chromatism$convert$r.b;
   return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
 }
-/** this is not new usage - old code extracted from editor-core */
 
+/** this is not new usage - old code extracted from editor-core */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
-
 var DEFAULT_BORDER_COLOR = setAlpha(_colors.N800, 0.12);
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-
 exports.DEFAULT_BORDER_COLOR = DEFAULT_BORDER_COLOR;

package/dist/cjs/ui-color/ColorPalette/Palettes/getColorMessage.js

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getColorMessage;
-
 function getColorMessage(messages, color) {
   var message = messages[color];
-
   if (!message) {
     // eslint-disable-next-line no-console
     console.warn("Text color palette does not have an internationalization message for color ".concat(color.toUpperCase(), ".\nYou must add a message description to properly translate this color.\nUsing current label as default message.\nThis could have happen when someone changed the 'colorPalette' from 'adf-schema' without updating this file.\n"));
   }
-
   return message;
 }

package/dist/cjs/ui-color/ColorPalette/Palettes/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "DEFAULT_BORDER_COLOR", {
     return _common.DEFAULT_BORDER_COLOR;
   }
 });
-
 var _common = require("./common");

package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessages.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactIntlNext = require("react-intl-next");
-
 var _default = (0, _reactIntlNext.defineMessages)({
   white: {
     id: 'fabric.theme.white',
@@ -119,5 +117,4 @@ var _default = (0, _reactIntlNext.defineMessages)({
     description: 'Name of a color'
   }
 });
-
 exports.default = _default;

package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessagesTokenModeNames.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.newLightPalette = exports.newDarkPalette = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _reactIntlNext = require("react-intl-next");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 // These messages are only to be used when useSomewhatSemanticTextColorNames feature flag is true.
 // They are used only in Jira and are part of work for https://product-fabric.atlassian.net/wiki/spaces/EUXQ/pages/3365994869/EXTERNAL+MAKE+PP+COMMIT-5058+Enable+dark+mode+usage+of+text+colors+in+UGC+and+non+custom+panels+in+Jira
 var newLightPalette = (0, _reactIntlNext.defineMessages)({
@@ -132,7 +126,5 @@ var darkModeWhite = (0, _reactIntlNext.defineMessages)({
     description: 'Name of a color'
   }
 });
-
 var newDarkPalette = _objectSpread(_objectSpread({}, newLightPalette), darkModeWhite);
-
 exports.newDarkPalette = newDarkPalette;

package/dist/cjs/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.panelDarkModeBackgroundPalette = exports.panelBackgroundPalette = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _theme = require("@atlaskit/theme");
-
 var _panel = require("../../../panel");
-
 var _common = require("./common");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /** this is not new usage - old code extracted from editor-core */
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var panelBackgroundPalette = [{
   label: 'White',
@@ -91,7 +82,6 @@ var panelBackgroundPalette = [{
   });
 });
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-
 exports.panelBackgroundPalette = panelBackgroundPalette;
 var panelDarkModeBackgroundPalette = [{
   label: 'Dark gray',

package/dist/cjs/ui-color/ColorPalette/Palettes/statusColorPalette.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.lightModeStatusColorPalette = exports.darkModeStatusColorPalette = void 0;
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
 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; }
-
 /** this is not new usage - old code extracted from editor-core */
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var lightModeStatusColorPalette = [{
   label: 'neutral',
@@ -68,5 +62,4 @@ var darkModeStatusColorPalette = [{
   border: colors.G400
 }];
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-
 exports.darkModeStatusColorPalette = darkModeStatusColorPalette;

package/dist/cjs/ui-color/ColorPalette/Palettes/textColorPalette.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.textColorPalette = void 0;
-
 var _adfSchema = require("@atlaskit/adf-schema");
-
 var _common = require("./common");
-
 var _getColorMessage = _interopRequireDefault(require("./getColorMessage"));
-
 var _paletteMessages = _interopRequireDefault(require("./paletteMessages"));
-
 var mapPaletteColor = function mapPaletteColor(label, color) {
   var key = label.toLowerCase().replace(' ', '-');
   var message = (0, _getColorMessage.default)(_paletteMessages.default, key);
@@ -24,12 +18,11 @@ var mapPaletteColor = function mapPaletteColor(label, color) {
     border: _common.DEFAULT_BORDER_COLOR,
     message: message
   };
-}; // row 1
-
+};
 
+// row 1
 var textColorPalette = [];
 exports.textColorPalette = textColorPalette;
-
 _adfSchema.colorPalette.forEach(function (label, color) {
   textColorPalette.push(mapPaletteColor(label, color));
 });

package/dist/cjs/ui-color/ColorPalette/index.js

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _chromatism = _interopRequireDefault(require("chromatism"));
-
 var _reactIntlNext = require("react-intl-next");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _tokens = require("@atlaskit/tokens");
-
 var _Color = _interopRequireDefault(require("./Color"));
-
 var _getColorMessage = _interopRequireDefault(require("./Palettes/getColorMessage"));
-
 var _paletteMessagesTokenModeNames = require("./Palettes/paletteMessagesTokenModeNames");
-
 var _styles = require("./styles");
-
 /** @jsx jsx */
 
 /**
@@ -41,42 +29,37 @@ function getCheckMarkColor(color, textPalette) {
   var contrastColor = [_colors.N0, _colors.N500].sort(function (a, b) {
     return _chromatism.default.difference(b, color) - _chromatism.default.difference(a, color);
   })[0];
-
   if (!textPalette) {
     return contrastColor;
-  } // Use of these token comes from guidance from designers in the Design System team
+  }
+
+  // Use of these token comes from guidance from designers in the Design System team
   // they are only intended for use with text colors (and there are different tokens
   // planned to be used when this extended to be used with other palettes).
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-
-
   return contrastColor === _colors.N0 ? "var(--ds-icon-inverse, ".concat(_colors.N0, ")") : "var(--ds-icon, ".concat(_colors.N500, ")");
 }
-
 var ColorPalette = function ColorPalette(props) {
   var palette = props.palette,
-      _props$cols = props.cols,
-      cols = _props$cols === void 0 ? 7 : _props$cols,
-      onClick = props.onClick,
-      selectedColor = props.selectedColor,
-      className = props.className,
-      formatMessage = props.intl.formatMessage,
-      _props$textPalette = props.textPalette,
-      textPalette = _props$textPalette === void 0 ? false : _props$textPalette,
-      _props$useSomewhatSem = props.useSomewhatSemanticTextColorNames,
-      useSomewhatSemanticTextColorNames = _props$useSomewhatSem === void 0 ? false : _props$useSomewhatSem;
+    _props$cols = props.cols,
+    cols = _props$cols === void 0 ? 7 : _props$cols,
+    onClick = props.onClick,
+    selectedColor = props.selectedColor,
+    className = props.className,
+    formatMessage = props.intl.formatMessage,
+    _props$textPalette = props.textPalette,
+    textPalette = _props$textPalette === void 0 ? false : _props$textPalette,
+    _props$useSomewhatSem = props.useSomewhatSemanticTextColorNames,
+    useSomewhatSemanticTextColorNames = _props$useSomewhatSem === void 0 ? false : _props$useSomewhatSem;
   var tokenTheme = (0, _tokens.useThemeObserver)();
-
   var colorsPerRow = _react.default.useMemo(function () {
     return palette.reduce(function (resultArray, item, index) {
       var chunkIndex = Math.floor(index / cols);
       resultArray[chunkIndex] = resultArray[chunkIndex] || []; // start a new chunk
-
       resultArray[chunkIndex].push(item);
       return resultArray;
     }, []);
   }, [palette, cols]);
-
   return (0, _react2.jsx)(_react.default.Fragment, null, colorsPerRow.map(function (row, rowIdx) {
     return (0, _react2.jsx)("div", {
       css: _styles.colorPaletteWrapper,
@@ -85,20 +68,17 @@ var ColorPalette = function ColorPalette(props) {
       role: "radiogroup"
     }, row.map(function (_ref, colorIdx) {
       var value = _ref.value,
-          label = _ref.label,
-          border = _ref.border,
-          message = _ref.message;
-
+        label = _ref.label,
+        border = _ref.border,
+        message = _ref.message;
       if (textPalette === true && useSomewhatSemanticTextColorNames) {
         if (tokenTheme === 'dark') {
           message = (0, _getColorMessage.default)(_paletteMessagesTokenModeNames.newDarkPalette, value.toUpperCase());
         }
-
         if (tokenTheme === 'light') {
           message = (0, _getColorMessage.default)(_paletteMessagesTokenModeNames.newLightPalette, value.toUpperCase());
         }
       }
-
       return (0, _react2.jsx)(_Color.default, {
         key: value,
         value: value,
@@ -112,7 +92,5 @@ var ColorPalette = function ColorPalette(props) {
     }));
   }));
 };
-
 var _default = (0, _reactIntlNext.injectIntl)(ColorPalette);
-
 exports.default = _default;

package/dist/cjs/ui-color/ColorPalette/styles.js

@@ -1,19 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.colorPaletteWrapper = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject;
-
 var colorPaletteWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", "px;\n  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */\n  display: flex;\n"])), (0, _constants.gridSize)());
 exports.colorPaletteWrapper = colorPaletteWrapper;