@atlaskit/editor-common 78.30.0 → 78.30.1

package/dist/cjs/ui/Messages/index.js

@@ -5,20 +5,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ValidMessage = exports.HelperMessage = exports.ErrorMessage = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _success = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/success"));
 var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
 var _colors = require("@atlaskit/theme/colors");
 var _typography = require("@atlaskit/theme/typography");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
-var errorColor = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-text-danger, ".concat(_colors.R400, ")"));
-var validColor = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-text-success, ".concat(_colors.G400, ")"));
+
+var errorColor = (0, _react.css)({
+  color: "var(--ds-text-danger, ".concat(_colors.R400, ")")
+});
+var validColor = (0, _react.css)({
+  color: "var(--ds-text-success, ".concat(_colors.G400, ")")
+});
 var messageStyle = function messageStyle() {
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", " font-weight: normal;\n  color: ", ";\n  margin-top: ", ";\n  display: flex;\n  justify-content: baseline;\n"])), (0, _typography.h200)(), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-050, 4px)");
+  return (0, _react.css)((0, _typography.h200)(), {
+    fontWeight: 'normal',
+    color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
+    marginTop: "var(--ds-space-050, 4px)",
+    display: 'flex',
+    justifyContent: 'baseline'
+  });
 };
-var iconWrapperStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-right: ", ";\n"])), "var(--ds-space-050, 4px)");
+var iconWrapperStyle = (0, _react.css)({
+  display: 'flex',
+  marginRight: "var(--ds-space-050, 4px)"
+});
 var HelperMessage = exports.HelperMessage = function HelperMessage(_ref) {
   var children = _ref.children;
   return (0, _react.jsx)("div", {

package/dist/cjs/ui/PanelTextInput/styles.js

@@ -1,17 +1,42 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.panelTextInputWithCustomWidth = exports.panelTextInput = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _colors = require("@atlaskit/theme/colors");
-var _templateObject, _templateObject2;
 // Normal .className gets overridden by input[type=text] hence this hack to produce input.className
-var panelTextInput = exports.panelTextInput = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  input& {\n    background: transparent;\n    border: 2px solid ", ";\n    border-radius: 0;\n    box-sizing: content-box;\n    color: ", ";\n    flex-grow: 1;\n    font-size: ", ";\n    line-height: 20px;\n    padding: ", " ", "\n      ", " ", ";\n    min-width: 145px;\n\n    /* Hides IE10+ built-in [x] clear input button */\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:focus {\n      outline: none;\n      border-color: ", ";\n    }\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"])), "var(--ds-border, ".concat(_colors.N30, ")"), "var(--ds-text-subtle, ".concat(_colors.N400, ")"), (0, _editorSharedStyles.relativeFontSizeToBase16)(13), "var(--ds-space-075, 6px)", "var(--ds-space-400, 32px)", "var(--ds-space-075, 6px)", "var(--ds-space-100, 8px)", "var(--ds-border-focused, ".concat(_colors.B100, ")"), "var(--ds-text-subtlest, ".concat(_colors.N100, ")"));
+var panelTextInput = exports.panelTextInput = (0, _react.css)({
+  'input&': {
+    background: 'transparent',
+    border: "2px solid ".concat("var(--ds-border, ".concat(_colors.N30, ")")),
+    borderRadius: 0,
+    boxSizing: 'content-box',
+    color: "var(--ds-text-subtle, ".concat(_colors.N400, ")"),
+    flexGrow: 1,
+    fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(13),
+    lineHeight: '20px',
+    padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-400, 32px)", " ", "var(--ds-space-075, 6px)", " ", "var(--ds-space-100, 8px)"),
+    minWidth: '145px',
+    /* Hides IE10+ built-in [x] clear input button */
+    '&::-ms-clear': {
+      display: 'none'
+    },
+    '&:focus': {
+      outline: 'none',
+      borderColor: "var(--ds-border-focused, ".concat(_colors.B100, ")")
+    },
+    '&::placeholder': {
+      color: "var(--ds-text-subtlest, ".concat(_colors.N100, ")")
+    }
+  }
+});
 var panelTextInputWithCustomWidth = exports.panelTextInputWithCustomWidth = function panelTextInputWithCustomWidth(width) {
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  input& {\n    width: ", "px;\n  }\n"])), width);
+  return (0, _react.css)({
+    'input&': {
+      width: "".concat(width, "px")
+    }
+  });
 };

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
@@ -19,11 +18,27 @@ var _analytics = require("../../analytics");
 var _unsupportedContent = require("../../messages/unsupportedContent");
 var _trackUnsupportedContent = require("../../utils/track-unsupported-content");
 var _unsupportedContentHelper = require("../unsupported-content-helper");
-var _templateObject;
-/** @jsx jsx */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var blockNodeStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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: ", " 0;\n  min-height: 24px;\n  padding: ", ";\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(_colors.N30, ")"), "var(--ds-border-disabled, ".concat(_colors.N50, ")"), (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), "var(--ds-space-100, 8px)", "var(--ds-space-150, 12px)");
+/** @jsx jsx */
+
+var blockNodeStyle = (0, _react2.css)({
+  background: "var(--ds-background-disabled, ".concat(_colors.N30, ")"),
+  border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(_colors.N50, ")")),
+  borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
+  boxSizing: 'border-box',
+  cursor: 'default',
+  display: 'flex',
+  fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
+  margin: "var(--ds-space-100, 8px)".concat(" 0"),
+  minHeight: '24px',
+  padding: "var(--ds-space-150, 12px)",
+  textAlign: 'center',
+  verticalAlign: 'text-bottom',
+  minWidth: '120px',
+  alignItems: 'center',
+  justifyContent: 'center'
+});
 var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
   var node = _ref.node,
     intl = _ref.intl,

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

@@ -8,16 +8,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.WidthProvider = exports.WidthContext = exports.WidthConsumer = void 0;
 exports.createWidthContext = createWidthContext;
 exports.getBreakpoint = getBreakpoint;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _widthDetector = require("@atlaskit/width-detector");
-var _templateObject;
-/** @jsx jsx */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/** @jsx jsx */
+
+var styles = (0, _react2.css)({
+  position: 'relative',
+  width: '100%'
+});
 var SCROLLBAR_WIDTH = 30;
 function getBreakpoint() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -61,7 +64,7 @@ var WidthProvider = exports.WidthProvider = function WidthProvider(_ref) {
   });
   var skipWidthDetection = shouldCheckExistingValue && existingContextValue.width > 0;
   return (0, _react2.jsx)("div", {
-    css: (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        position: relative;\n        width: 100%;\n      "]))),
+    css: styles,
     className: className
   }, !skipWidthDetection && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_widthDetector.WidthObserver, {
     setWidth: updateWidth,

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

@@ -1,11 +1,12 @@
 "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 _templateObject;
-var colorPaletteWrapper = exports.colorPaletteWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", ";\n  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */\n  display: flex;\n"])), "var(--ds-space-100, 8px)");
+var colorPaletteWrapper = exports.colorPaletteWrapper = (0, _react.css)({
+  padding: "0 ".concat("var(--ds-space-100, 8px)"),
+  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */
+  display: 'flex'
+});

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -34,7 +34,7 @@ var _Popup = _interopRequireDefault(require("../../ui/Popup"));
 var _ArrowKeyNavigationProvider = require("../ArrowKeyNavigationProvider");
 var _types = require("../ArrowKeyNavigationProvider/types");
 var _excluded = ["children"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2;
 /** @jsx jsx */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -42,16 +42,26 @@ 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; }
 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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var wrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* tooltip in ToolbarButton is display:block */\n  & > div > div {\n    display: flex;\n  }\n"])));
-var focusedMenuItemStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: inset 0px 0px 0px 2px ", ";\n  outline: none;\n"])), "var(--ds-border-focused, ".concat(_colors.B100, ")"));
+var wrapper = (0, _react2.css)({
+  /* tooltip in ToolbarButton is display:block */
+  '& > div > div': {
+    display: 'flex'
+  }
+});
+var focusedMenuItemStyle = (0, _react2.css)({
+  boxShadow: "inset 0px 0px 0px 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")")),
+  outline: 'none'
+});
 var buttonStyles = function buttonStyles(isActive, submenuActive) {
   if (isActive) {
     /**
      * Hack for item to imitate old dropdown-menu selected styles
      */
-    return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      > span,\n      > span:hover,\n      > span:active {\n        background: ", ";\n        color: ", ";\n      }\n      :focus > span[aria-disabled='false'] {\n        ", ";\n      }\n      :focus-visible,\n      :focus-visible > span[aria-disabled='false'] {\n        outline: none;\n      }\n    "])), "var(--ds-background-selected, #6c798f)", "var(--ds-text, #fff)", focusedMenuItemStyle);
+    // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+    return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n      > span,\n      > span:hover,\n      > span:active {\n        background: ", ";\n        color: ", ";\n      }\n      :focus > span[aria-disabled='false'] {\n        ", ";\n      }\n      :focus-visible,\n      :focus-visible > span[aria-disabled='false'] {\n        outline: none;\n      }\n    "])), "var(--ds-background-selected, #6c798f)", "var(--ds-text, #fff)", focusedMenuItemStyle);
   } else {
-    return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n      > span:hover[aria-disabled='false'] {\n        color: ", ";\n        background-color: ", ";\n      }\n      ", "\n      > span[aria-disabled='true'] {\n        color: ", ";\n      }\n      :focus > span[aria-disabled='false'] {\n        ", ";\n      }\n      :focus-visible,\n      :focus-visible > span[aria-disabled='false'] {\n        outline: none;\n      }\n    "])), "var(--ds-text, ".concat(_colors.N900, ")"), "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n          > span:active[aria-disabled='false'] {\n            background-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n          }"), "var(--ds-text-disabled, ".concat(_colors.N70, ")"), focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
+    // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+    return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      > span:hover[aria-disabled='false'] {\n        color: ", ";\n        background-color: ", ";\n      }\n      ", "\n      > span[aria-disabled='true'] {\n        color: ", ";\n      }\n      :focus > span[aria-disabled='false'] {\n        ", ";\n      }\n      :focus-visible,\n      :focus-visible > span[aria-disabled='false'] {\n        outline: none;\n      }\n    "])), "var(--ds-text, ".concat(_colors.N900, ")"), "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n          > span:active[aria-disabled='false'] {\n            background-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n          }"), "var(--ds-text-disabled, ".concat(_colors.N70, ")"), focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
   }
 };
 var DropListWithOutsideListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_DropList.default);

package/dist/cjs/ui-menu/ToolbarArrowKeyNavigationProvider/index.js

@@ -1,21 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ToolbarArrowKeyNavigationProvider = exports.KeyDownHandlerContext = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _messages = require("../../messages");
 var _ui = require("../../ui");
-var _templateObject;
-/** @jsx jsx */
-/* eslint-disable no-console */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/** @jsx jsx */
+/* eslint-disable no-console */
+
 /*
  **  The context is used to handle the keydown events of submenus.
  **  Because the keyboard navigation is explicitly managed for main toolbar items
@@ -26,7 +24,11 @@ var KeyDownHandlerContext = exports.KeyDownHandlerContext = /*#__PURE__*/_react.
   handleArrowRight: function handleArrowRight() {},
   handleTab: function handleTab() {}
 });
-var centeredToolbarContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n"])));
+var centeredToolbarContainer = (0, _react2.css)({
+  display: 'flex',
+  width: '100%',
+  alignItems: 'center'
+});
 
 /**
  * This component is a wrapper of main toolbar which listens to keydown events of children

package/dist/cjs/ui-menu/ToolbarButton/index.js

@@ -7,23 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TOOLBAR_BUTTON = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _analyticsListeners = require("@atlaskit/analytics-listeners");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../analytics");
 var _styles = _interopRequireDefault(require("./styles"));
-var _templateObject; // This file is copied to `packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/ToolbarButton/index.tsx`
-// If you make any change here, copy it to above file as well
-// and notify about the change in #team-fc-editor-ai-dev channel.
-/** @jsx jsx */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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; }
+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; } // This file is copied to `packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/ToolbarButton/index.tsx`
+// If you make any change here, copy it to above file as well
+// and notify about the change in #team-fc-editor-ai-dev channel.
+/** @jsx jsx */
 var TOOLBAR_BUTTON = exports.TOOLBAR_BUTTON = _analytics.TOOLBAR_ACTION_SUBJECT_ID;
-var buttonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  height: 100%;\n"])));
+var buttonWrapper = (0, _react2.css)({
+  display: 'flex',
+  height: '100%'
+});
 var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var buttonId = props.buttonId,
     testId = props.testId,

package/dist/es2019/analytics/fire-analytics-event.js

@@ -8,20 +8,9 @@ export const fireAnalyticsEvent = createAnalyticsEvent => ({
   if (!createAnalyticsEvent) {
     return;
   }
-
-  // START TEMPORARY CODE ED-10584
-  // __queueAnalytics property set in ReactEditorView based on featureFlags.queueAnalytics
-  const queueAnalytics = Boolean(createAnalyticsEvent.__queueAnalytics);
-  // END TEMPORARY CODE ED-10584
-
-  if (queueAnalytics) {
-    const queue = AnalyticsQueue.get();
-    queue.schedule(() => {
-      var _createAnalyticsEvent;
-      return (_createAnalyticsEvent = createAnalyticsEvent(payload)) === null || _createAnalyticsEvent === void 0 ? void 0 : _createAnalyticsEvent.fire(channel);
-    });
-  } else {
-    var _createAnalyticsEvent2;
-    (_createAnalyticsEvent2 = createAnalyticsEvent(payload)) === null || _createAnalyticsEvent2 === void 0 ? void 0 : _createAnalyticsEvent2.fire(channel);
-  }
+  const queue = AnalyticsQueue.get();
+  queue.schedule(() => {
+    var _createAnalyticsEvent;
+    return (_createAnalyticsEvent = createAnalyticsEvent(payload)) === null || _createAnalyticsEvent === void 0 ? void 0 : _createAnalyticsEvent.fire(channel);
+  });
 };

package/dist/es2019/card/LinkToolbarButtonGroup.js

@@ -7,12 +7,12 @@ import { FloatingToolbarButton as Button } from '../ui';
 /**
  * Applying `pointer-events: none;` when disabled allows the Tooltip to be displayed
  */
-const buttonStyle = css`
-  pointer-events: auto;
-`;
-const buttonStyleNoneEvent = css`
-  pointer-events: none;
-`;
+const buttonStyle = css({
+  pointerEvents: 'auto'
+});
+const buttonStyleNoneEvent = css({
+  pointerEvents: 'none'
+});
 const DisallowedWrapper = ({
   disabled,
   ...props
@@ -24,12 +24,12 @@ const DisallowedWrapper = ({
  * The button requires `pointer-events: none;` in order to fix the tooltip, hence
  * leaving us without a disabled cursor, the following fixes this:
  */
-const defaultWrapperStyle = css`
-  cursor: pointer;
-`;
-const disallowedWrapperStyle = css`
-  cursor: not-allowed;
-`;
+const defaultWrapperStyle = css({
+  cursor: 'pointer'
+});
+const disallowedWrapperStyle = css({
+  cursor: 'not-allowed'
+});
 export const LinkToolbarButtonGroup = ({
   options
 }) => {

package/dist/es2019/element-browser/ViewMore.js

@@ -2,15 +2,15 @@
 import { useEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { ButtonItem, Section } from '@atlaskit/menu';
-const itemBefore = css`
-  width: 40px;
-  height: 40px;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: ${"var(--ds-space-050, 4px)"};
-`;
+const itemBefore = css({
+  width: '40px',
+  height: '40px',
+  boxSizing: 'border-box',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  marginRight: "var(--ds-space-050, 4px)"
+});
 export const ViewMore = ({
   item,
   focus
@@ -32,9 +32,9 @@ export const ViewMore = ({
     "data-testid": "view-more-elements-item"
     // @ts-ignore Overriding Menu styles is not supported
     ,
-    css: css`
-          padding: 0px ${"var(--ds-space-150, 12px)"};
-        `,
+    css: css({
+      padding: `0px ${"var(--ds-space-150, 12px)"}`
+    }),
     ref: ref
   }, item.title));
 };

package/dist/es2019/element-browser/components/ElementBrowserLoader.js

@@ -3,13 +3,13 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import Loadable from 'react-loadable';
 import Spinner from '@atlaskit/spinner';
-const spinnerContainer = css`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  width: 100%;
-`;
+const spinnerContainer = css({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  height: '100%',
+  width: '100%'
+});
 const ElementBrowserLoader = Loadable({
   loader: () => import( /* webpackChunkName: "@atlaskit-internal_editor-element-browser" */'../ElementBrowser').then(module => module.default),
   loading: () => jsx("div", {

package/dist/es2019/element-browser/components/ElementList/NotFoundIllustration.js

@@ -1,10 +1,10 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-const imageContainer = css`
-  width: 120px;
-  height: 111px;
-  margin-top: ${"var(--ds-space-600, 48px)"};
-`;
+const imageContainer = css({
+  width: '120px',
+  height: '111px',
+  marginTop: "var(--ds-space-600, 48px)"
+});
 
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 export default function NotFoundIllustration() {

package/dist/es2019/element-browser/hooks/use-container-width.js

@@ -29,9 +29,9 @@ import { WidthObserver } from '@atlaskit/width-detector';
  *
  */
 
-const widthObserverWrapper = css`
-  position: relative;
-`;
+const widthObserverWrapper = css({
+  position: 'relative'
+});
 export default function useContainerWidth() {
   const [containerWidth, setContainerWidth] = useState(0);
   const ref = useRef(null);

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -25,44 +25,44 @@ import { filterUniqueItems, mapContentTypeToIcon, sha1, wordCount } from './util
  * Visible only to screenreaders. Use when there is a need
  * to provide more context to a non-sighted user.
  */
-export const visuallyHiddenStyles = css`
-  clip: rect(1px, 1px, 1px, 1px);
-  clip-path: inset(50%);
-  height: 1px;
-  width: 1px;
-  margin: ${"var(--ds-space-negative-025, -2px)"};
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-`;
+export const visuallyHiddenStyles = css({
+  clip: 'rect(1px, 1px, 1px, 1px)',
+  clipPath: 'inset(50%)',
+  height: '1px',
+  width: '1px',
+  margin: "var(--ds-space-negative-025, -2px)",
+  overflow: 'hidden',
+  padding: 0,
+  position: 'absolute'
+});
 export const RECENT_SEARCH_LIST_SIZE = 5;
-const clearText = css`
-  cursor: pointer;
-  padding: 0;
-  margin-right: ${"var(--ds-space-100, 8px)"};
-  color: ${`var(--ds-icon-subtle, ${N90})`};
-  background: transparent;
-  border: none;
-`;
-const clearTextWrapper = css`
-  position: absolute;
-  right: 0;
-`;
-const containerPadding = css`
-  padding: ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-100, 8px)"};
-`;
-const textLabelMargin = css`
-  margin-top: ${"var(--ds-space-150, 12px)"};
-`;
-const inputLabel = css`
-  font-size: ${fontSizeSmall()}px;
-  color: ${`var(--ds-text-subtlest, ${N200})`};
-  font-weight: 500;
-  padding-bottom: ${"var(--ds-space-050, 4px)"};
-`;
-const inputWrapperPosition = css`
-  position: relative;
-`;
+const clearText = css({
+  cursor: 'pointer',
+  padding: 0,
+  marginRight: "var(--ds-space-100, 8px)",
+  color: `var(--ds-icon-subtle, ${N90})`,
+  background: 'transparent',
+  border: 'none'
+});
+const clearTextWrapper = css({
+  position: 'absolute',
+  right: 0
+});
+const containerPadding = css({
+  padding: `${"var(--ds-space-150, 12px)"} ${"var(--ds-space-100, 8px)"}`
+});
+const textLabelMargin = css({
+  marginTop: "var(--ds-space-150, 12px)"
+});
+const inputLabel = css({
+  fontSize: `${fontSizeSmall()}px`,
+  color: `var(--ds-text-subtlest, ${N200})`,
+  fontWeight: 500,
+  paddingBottom: "var(--ds-space-050, 4px)"
+});
+const inputWrapperPosition = css({
+  position: 'relative'
+});
 export const messages = defineMessages({
   displayText: {
     id: 'fabric.editor.displayText',

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "78.30.0";
+const packageVersion = "78.30.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/ui/Caption/index.js

@@ -5,18 +5,18 @@ import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { N200, N400 } from '@atlaskit/theme/colors';
 import { messages } from './messages';
-const captionWrapperStyle = css`
-  margin-top: ${"var(--ds-space-100, 8px)"};
-  text-align: center;
-  position: relative;
-  color: ${`var(--ds-text-subtle, ${N400})`};
-`;
-const placeholderStyle = css`
-  color: ${`var(--ds-text-subtlest, ${N200})`};
-  position: absolute;
-  top: 0;
-  width: 100%;
-`;
+const captionWrapperStyle = css({
+  marginTop: "var(--ds-space-100, 8px)",
+  textAlign: 'center',
+  position: 'relative',
+  color: `var(--ds-text-subtle, ${N400})`
+});
+const placeholderStyle = css({
+  color: `var(--ds-text-subtlest, ${N200})`,
+  position: 'absolute',
+  top: 0,
+  width: '100%'
+});
 export class CaptionComponent extends React.Component {
   render() {
     const {