@atlaskit/editor-common 72.2.0 → 72.2.2

package/dist/esm/ui/UnsupportedBlock/index.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import React, { useCallback, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -16,19 +14,16 @@ import { unsupportedContentMessages } from '../../messages/unsupportedContent';
 import { trackUnsupportedContentTooltipDisplayedFor } from '../../utils/track-unsupported-content';
 import { getUnsupportedContent } from '../unsupported-content-helper';
 var blockNodeStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 1px dashed ", ";\n  border-radius: ", "px;\n  box-sizing: border-box;\n  cursor: default;\n  display: flex;\n  font-size: ", ";\n  margin: 10px 0;\n  min-height: 24px;\n  padding: 10px;\n  text-align: center;\n  vertical-align: text-bottom;\n  min-width: 120px;\n  align-items: center;\n  justify-content: center;\n"])), "var(--ds-background-disabled, ".concat(N30, ")"), "var(--ds-border-disabled, ".concat(N50, ")"), borderRadius(), relativeFontSizeToBase16(fontSize()));
-
 var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
   var node = _ref.node,
-      intl = _ref.intl,
-      dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+    intl = _ref.intl,
+    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
   var message = getUnsupportedContent(unsupportedContentMessages.unsupportedBlockContent, unsupportedContentMessages.unsupportedBlockContent.defaultMessage + ':', node, intl);
   var tooltipContent = intl.formatMessage(unsupportedContentMessages.unsupportedContentTooltip);
-
   var _useRef = useRef({
-    padding: '4px'
-  }),
-      style = _useRef.current;
-
+      padding: '4px'
+    }),
+    style = _useRef.current;
   var originalNodeType = node === null || node === void 0 ? void 0 : node.attrs.originalValue.type;
   var tooltipOnShowHandler = useCallback(function () {
     return dispatchAnalyticsEvent && trackUnsupportedContentTooltipDisplayedFor(dispatchAnalyticsEvent, ACTION_SUBJECT_ID.ON_UNSUPPORTED_BLOCK, originalNodeType);
@@ -49,5 +44,4 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
     size: "small"
   }))));
 };
-
 export default injectIntl(UnsupportedBlockNode);

package/dist/esm/ui/UnsupportedInline/index.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import React, { useCallback, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -16,19 +14,16 @@ import { unsupportedContentMessages } from '../../messages/unsupportedContent';
 import { trackUnsupportedContentTooltipDisplayedFor } from '../../utils/track-unsupported-content';
 import { getUnsupportedContent } from '../unsupported-content-helper';
 var inlineNodeStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: center;\n  background: ", ";\n  border: 1px dashed ", ";\n  border-radius: ", "px;\n  box-sizing: border-box;\n  cursor: default;\n  display: inline-flex;\n  font-size: ", ";\n  margin: 0 2px;\n  min-height: 24px;\n  padding: 0 10px;\n  vertical-align: middle;\n  white-space: nowrap;\n"])), "var(--ds-background-disabled, ".concat(N30, ")"), "var(--ds-border-disabled, ".concat(N50, ")"), borderRadius(), relativeFontSizeToBase16(fontSize()));
-
 var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
   var node = _ref.node,
-      intl = _ref.intl,
-      dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+    intl = _ref.intl,
+    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
   var message = getUnsupportedContent(unsupportedContentMessages.unsupportedInlineContent, 'Unsupported', node, intl);
   var tooltipContent = intl.formatMessage(unsupportedContentMessages.unsupportedContentTooltip);
-
   var _useRef = useRef({
-    padding: '4px'
-  }),
-      style = _useRef.current;
-
+      padding: '4px'
+    }),
+    style = _useRef.current;
   var originalNodeType = node === null || node === void 0 ? void 0 : node.attrs.originalValue.type;
   var tooltipOnShowHandler = useCallback(function () {
     return dispatchAnalyticsEvent && trackUnsupportedContentTooltipDisplayedFor(dispatchAnalyticsEvent, ACTION_SUBJECT_ID.ON_UNSUPPORTED_INLINE, originalNodeType);
@@ -48,5 +43,4 @@ var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
     size: "small"
   }))));
 };
-
 export default injectIntl(UnsupportedInlineNode);

package/dist/esm/ui/WidthProvider/index.js

@@ -6,13 +6,9 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _templateObject;
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
@@ -23,13 +19,11 @@ export function getBreakpoint() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   var MAX_S = 1266;
   var MAX_M = 2146;
-
   if (width >= MAX_S && width < MAX_M) {
     return 'M';
   } else if (width >= MAX_M) {
     return 'L';
   }
-
   return 'S';
 }
 export function createWidthContext() {
@@ -41,38 +35,29 @@ export function createWidthContext() {
 }
 export var WidthContext = /*#__PURE__*/React.createContext(createWidthContext());
 var Provider = WidthContext.Provider,
-    Consumer = WidthContext.Consumer;
+  Consumer = WidthContext.Consumer;
 export var WidthProvider = /*#__PURE__*/function (_React$Component) {
   _inherits(WidthProvider, _React$Component);
-
   var _super = _createSuper(WidthProvider);
-
   function WidthProvider(props) {
     var _this;
-
     _classCallCheck(this, WidthProvider);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       width: 0
     });
-
     _defineProperty(_assertThisInitialized(_this), "setWidth", rafSchedule(function (width) {
       // Ignore changes that are less than SCROLLBAR_WIDTH, otherwise it can cause infinite re-scaling
       if (Math.abs(_this.state.width - width) < SCROLLBAR_WIDTH) {
         return;
       }
-
       _this.setState({
         width: width
       });
     }));
-
     _this.state.width = document.body.offsetWidth;
     return _this;
   }
-
   _createClass(WidthProvider, [{
     key: "render",
     value: function render() {
@@ -87,7 +72,6 @@ export var WidthProvider = /*#__PURE__*/function (_React$Component) {
       }, this.props.children));
     }
   }]);
-
   return WidthProvider;
 }(React.Component);
 export { Consumer as WidthConsumer };

package/dist/esm/ui/WithCreateAnalyticsEvent/index.js

@@ -3,33 +3,25 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 export var WithCreateAnalyticsEvent = withAnalyticsEvents()( /*#__PURE__*/function (_React$Component) {
   _inherits(WithCreateAnalyticsEvent, _React$Component);
-
   var _super = _createSuper(WithCreateAnalyticsEvent);
-
   function WithCreateAnalyticsEvent() {
     _classCallCheck(this, WithCreateAnalyticsEvent);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(WithCreateAnalyticsEvent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          render = _this$props.render,
-          createAnalyticsEvent = _this$props.createAnalyticsEvent;
+        render = _this$props.render,
+        createAnalyticsEvent = _this$props.createAnalyticsEvent;
       return render(createAnalyticsEvent);
     }
   }]);
-
   return WithCreateAnalyticsEvent;
 }(React.Component));

package/dist/esm/ui/clear-next-sibling-margin-top.js

@@ -1,9 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
+import { css } from '@emotion/react';
 
-import { css } from '@emotion/react'; // We use !important to ensure next sibling gets the margin reset no matter what
-
+// We use !important to ensure next sibling gets the margin reset no matter what
 var marginTopReset = "margin-top: 0 !important;";
 export var clearNextSiblingMarginTopStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & + * {\n    ", "\n  }\n"])), marginTopReset);
 var textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];

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

@@ -3,10 +3,8 @@ export function getUnsupportedContent(message, prefix, node, intl) {
   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;
@@ -15,10 +13,8 @@ export function getUnsupportedContent(message, prefix, node, intl) {
       canTranslateToLocale = false;
     }
   }
-
   if (intl && canTranslateToLocale) {
     return intl.formatMessage(message);
   }
-
   return finalMessage;
 }

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

@@ -5,30 +5,21 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React, { PureComponent } from 'react';
 import ReactDOM from 'react-dom';
 export default function withOuterListeners(Component) {
   return /*#__PURE__*/function (_PureComponent) {
     _inherits(WithOutsideClick, _PureComponent);
-
     var _super = _createSuper(WithOutsideClick);
-
     function WithOutsideClick() {
       var _this;
-
       _classCallCheck(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));
-
       _defineProperty(_assertThisInitialized(_this), "handleClick", function (evt) {
         var domNode = ReactDOM.findDOMNode(_assertThisInitialized(_this)); // eslint-disable-line react/no-find-dom-node
 
@@ -38,23 +29,19 @@ export default function withOuterListeners(Component) {
           }
         }
       });
-
       _defineProperty(_assertThisInitialized(_this), "handleKeydown", function (evt) {
         if (evt.code === 'Escape' && _this.props.handleEscapeKeydown) {
           _this.props.handleEscapeKeydown(evt);
         }
       });
-
       return _this;
     }
-
     _createClass(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);
         }
@@ -65,7 +52,6 @@ export default function withOuterListeners(Component) {
         if (this.props.handleClickOutside) {
           document.removeEventListener('click', this.handleClick, false);
         }
-
         if (this.props.handleEscapeKeydown) {
           document.removeEventListener('keydown', this.handleKeydown, false);
         }
@@ -76,7 +62,6 @@ export default function withOuterListeners(Component) {
         return /*#__PURE__*/React.createElement(Component, this.props);
       }
     }]);
-
     return WithOutsideClick;
   }(PureComponent);
 }

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

@@ -5,11 +5,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 /** @jsx jsx */
 import React, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
@@ -18,52 +15,42 @@ import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
 import { N0 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { buttonStyle, buttonWrapperStyle } from './styles';
-
 var Color = /*#__PURE__*/function (_PureComponent) {
   _inherits(Color, _PureComponent);
-
   var _super = _createSuper(Color);
-
   function Color() {
     var _this;
-
     _classCallCheck(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));
-
     _defineProperty(_assertThisInitialized(_this), "onMouseDown", function (e) {
       e.preventDefault();
     });
-
     _defineProperty(_assertThisInitialized(_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;
   }
-
   _createClass(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 ? 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 ? N0 : _this$props2$checkMar,
+        useDesignTokens = _this$props2.useDesignTokens;
       var colorStyle = useDesignTokens ? hexToEditorTextPaletteColor(value) : value;
       return jsx(Tooltip, {
         content: label
@@ -89,8 +76,6 @@ var Color = /*#__PURE__*/function (_PureComponent) {
       }))));
     }
   }]);
-
   return Color;
 }(PureComponent);
-
 export default Color;

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

@@ -1,19 +1,14 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 import { css } from '@emotion/react';
 import { N0, N50, N900 } from '@atlaskit/theme/colors';
-/** 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 */
-
 export var buttonStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), N900, 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 */
-
 export var buttonWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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"])), N50);
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */

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

@@ -1,5 +1,6 @@
 import chromatism from 'chromatism';
 import { N800 } from '@atlaskit/theme/colors';
+
 /**
  * For a given color set the alpha channel to alpha
  *
@@ -7,18 +8,15 @@ import { N800 } from '@atlaskit/theme/colors';
  * @param alpha Alpha channel value as fraction of 1
  * @return CSS RGBA string with applied alpha channel
  */
-
 function setAlpha(color, alpha) {
   var _chromatism$convert$r = chromatism.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 */
-
-
 export var DEFAULT_BORDER_COLOR = setAlpha(N800, 0.12);
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */

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

@@ -1,10 +1,8 @@
 export default 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/esm/ui-color/ColorPalette/Palettes/paletteMessagesTokenModeNames.js

@@ -1,12 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
+import { defineMessages } from 'react-intl-next';
 
-import { defineMessages } from 'react-intl-next'; // These messages are only to be used when useSomewhatSemanticTextColorNames feature flag is true.
+// 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
-
 export var newLightPalette = defineMessages({
   '#FFFFFF': {
     id: 'fabric.theme.white',

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

@@ -1,17 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
-
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { colors } from '@atlaskit/theme';
 import { darkPanelColors } from '../../../panel';
 import { DEFAULT_BORDER_COLOR } from './common';
-
 /** this is not new usage - old code extracted from editor-core */
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 export var panelBackgroundPalette = [{
   label: 'White',

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

@@ -1,7 +1,5 @@
 import * as colors from '@atlaskit/theme/colors';
-
 /** this is not new usage - old code extracted from editor-core */
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 export var lightModeStatusColorPalette = [{
   label: 'neutral',

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

@@ -2,7 +2,6 @@ import { colorPalette } from '@atlaskit/adf-schema';
 import { DEFAULT_BORDER_COLOR } from './common';
 import getColorMessage from './getColorMessage';
 import paletteMessages from './paletteMessages';
-
 var mapPaletteColor = function mapPaletteColor(label, color) {
   var key = label.toLowerCase().replace(' ', '-');
   var message = getColorMessage(paletteMessages, key);
@@ -12,9 +11,9 @@ var mapPaletteColor = function mapPaletteColor(label, color) {
     border: DEFAULT_BORDER_COLOR,
     message: message
   };
-}; // row 1
-
+};
 
+// row 1
 export var textColorPalette = [];
 colorPalette.forEach(function (label, color) {
   textColorPalette.push(mapPaletteColor(label, color));

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

@@ -9,7 +9,6 @@ import Color from './Color';
 import getColorMessage from './Palettes/getColorMessage';
 import { newDarkPalette, newLightPalette } from './Palettes/paletteMessagesTokenModeNames';
 import { colorPaletteWrapper } from './styles';
-
 /**
  * For a given color pick the color from a list of colors with
  * the highest contrast
@@ -22,36 +21,33 @@ function getCheckMarkColor(color, textPalette) {
   var contrastColor = [N0, N500].sort(function (a, b) {
     return chromatism.difference(b, color) - chromatism.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 === N0 ? "var(--ds-icon-inverse, ".concat(N0, ")") : "var(--ds-icon, ".concat(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 = useThemeObserver();
   var colorsPerRow = React.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;
     }, []);
@@ -64,20 +60,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 = getColorMessage(newDarkPalette, value.toUpperCase());
         }
-
         if (tokenTheme === 'light') {
           message = getColorMessage(newLightPalette, value.toUpperCase());
         }
       }
-
       return jsx(Color, {
         key: value,
         value: value,
@@ -91,5 +84,4 @@ var ColorPalette = function ColorPalette(props) {
     }));
   }));
 };
-
 export default injectIntl(ColorPalette);

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

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 import { gridSize } from '@atlaskit/theme/constants';
 export var colorPaletteWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0 ", "px;\n  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */\n  display: flex;\n"])), gridSize());