@atlaskit/editor-common 96.4.0 → 96.5.0

package/dist/esm/selection-based-node-view/SelectionBasedNodeView.js

@@ -1,11 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import ReactNodeView from '../react-node-view';
 
@@ -34,14 +33,12 @@ import ReactNodeView from '../react-node-view';
  */
 
 export var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
-  _inherits(SelectionBasedNodeView, _ReactNodeView);
-  var _super = _createSuper(SelectionBasedNodeView);
   function SelectionBasedNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate) {
     var _this;
     _classCallCheck(this, SelectionBasedNodeView);
-    _this = _super.call(this, node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate);
-    _defineProperty(_assertThisInitialized(_this), "isSelectedNode", false);
-    _defineProperty(_assertThisInitialized(_this), "isNodeInsideSelection", function (from, to, pos, posEnd) {
+    _this = _callSuper(this, SelectionBasedNodeView, [node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate]);
+    _defineProperty(_this, "isSelectedNode", false);
+    _defineProperty(_this, "isNodeInsideSelection", function (from, to, pos, posEnd) {
       var _this$getPositionsWit = _this.getPositionsWithDefault(pos, posEnd);
       pos = _this$getPositionsWit.pos;
       posEnd = _this$getPositionsWit.posEnd;
@@ -50,7 +47,7 @@ export var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
       }
       return from <= pos && to >= posEnd;
     });
-    _defineProperty(_assertThisInitialized(_this), "isSelectionInsideNode", function (from, to, pos, posEnd) {
+    _defineProperty(_this, "isSelectionInsideNode", function (from, to, pos, posEnd) {
       var _this$getPositionsWit2 = _this.getPositionsWithDefault(pos, posEnd);
       pos = _this$getPositionsWit2.pos;
       posEnd = _this$getPositionsWit2.posEnd;
@@ -59,13 +56,13 @@ export var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
       }
       return pos < from && to < posEnd;
     });
-    _defineProperty(_assertThisInitialized(_this), "insideSelection", function () {
+    _defineProperty(_this, "insideSelection", function () {
       var _this$view$state$sele = _this.view.state.selection,
         from = _this$view$state$sele.from,
         to = _this$view$state$sele.to;
       return _this.isSelectedNode || _this.isSelectionInsideNode(from, to);
     });
-    _defineProperty(_assertThisInitialized(_this), "nodeInsideSelection", function () {
+    _defineProperty(_this, "nodeInsideSelection", function () {
       var selection = _this.view.state.selection;
       var from = selection.from,
         to = selection.to;
@@ -81,7 +78,8 @@ export var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
    * Prefer `this.pos` rather than getPos(), because calling getPos is
    * expensive, unless you know you're definitely going to render.
    */
-  _createClass(SelectionBasedNodeView, [{
+  _inherits(SelectionBasedNodeView, _ReactNodeView);
+  return _createClass(SelectionBasedNodeView, [{
     key: "updatePos",
     value: function updatePos() {
       if (typeof this.getPos === 'boolean') {
@@ -114,5 +112,4 @@ export var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
       this.update(this.node, this.decorations);
     }
   }]);
-  return SelectionBasedNodeView;
 }(ReactNodeView);

package/dist/esm/styles/shared/media-single.js

@@ -1,17 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _css, _css2;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { akEditorWrappedNodeZIndex } from '@atlaskit/editor-shared-styles';
 var richMediaClassName = 'rich-media-item';
 var wrappedMediaBreakoutPoint = 410;
-var mediaSingleSharedStyle = css((_css = {}, _defineProperty(_css, "li .".concat(richMediaClassName), {
+var mediaSingleSharedStyle = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "li .".concat(richMediaClassName), {
   margin: 0
-}), _defineProperty(_css, '&.ua-chrome li > .mediaSingleView-content-wrap::before', {
+}), '&.ua-chrome li > .mediaSingleView-content-wrap::before', {
   content: "''",
   display: 'block',
   height: 0
-}), _defineProperty(_css, '&.ua-firefox', {
+}), '&.ua-firefox', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.mediaSingleView-content-wrap': {
     userSelect: 'none'
@@ -20,9 +19,9 @@ var mediaSingleSharedStyle = css((_css = {}, _defineProperty(_css, "li .".concat
   '.captionView-content-wrap': {
     userSelect: 'text'
   }
-}), _defineProperty(_css, ".mediaSingleView-content-wrap[layout='center']", {
+}), ".mediaSingleView-content-wrap[layout='center']", {
   clear: 'both'
-}), _defineProperty(_css, "table .".concat(richMediaClassName), {
+}), "table .".concat(richMediaClassName), {
   marginTop: "var(--ds-space-150, 12px)",
   marginBottom: "var(--ds-space-150, 12px)",
   clear: 'both',
@@ -34,26 +33,26 @@ var mediaSingleSharedStyle = css((_css = {}, _defineProperty(_css, "li .".concat
       marginTop: "var(--ds-space-150, 12px)"
     }
   }
-}), _defineProperty(_css, ".".concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-left"), {
+}), ".".concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-left"), {
   clear: 'both'
-}), _defineProperty(_css, ".".concat(richMediaClassName, ".image-wrap-left + .").concat(richMediaClassName, ".image-wrap-right, .").concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-left, .").concat(richMediaClassName, ".image-wrap-left + .").concat(richMediaClassName, ".image-wrap-left, .").concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-right"), {
+}), ".".concat(richMediaClassName, ".image-wrap-left + .").concat(richMediaClassName, ".image-wrap-right, .").concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-left, .").concat(richMediaClassName, ".image-wrap-left + .").concat(richMediaClassName, ".image-wrap-left, .").concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-right"), {
   marginRight: 0,
   marginLeft: 0
-}), _defineProperty(_css, "@media all and (max-width: ".concat(wrappedMediaBreakoutPoint, "px)"), {
+}), "@media all and (max-width: ".concat(wrappedMediaBreakoutPoint, "px)"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   "div.mediaSingleView-content-wrap[layout='wrap-left'], div.mediaSingleView-content-wrap[data-layout='wrap-left'], div.mediaSingleView-content-wrap[layout='wrap-right'], div.mediaSingleView-content-wrap[data-layout='wrap-right']": {
     float: 'none',
     overflow: 'auto',
     margin: "var(--ds-space-150, 12px)".concat(" 0")
   }
-}), _css));
-var mediaSingleSharedStyleNew = css((_css2 = {}, _defineProperty(_css2, "li .".concat(richMediaClassName), {
+}));
+var mediaSingleSharedStyleNew = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "li .".concat(richMediaClassName), {
   margin: 0
-}), _defineProperty(_css2, '&.ua-chrome li > .mediaSingleView-content-wrap::before', {
+}), '&.ua-chrome li > .mediaSingleView-content-wrap::before', {
   content: "''",
   display: 'block',
   height: 0
-}), _defineProperty(_css2, '&.ua-firefox', {
+}), '&.ua-firefox', {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.mediaSingleView-content-wrap': {
     userSelect: 'none'
@@ -62,13 +61,13 @@ var mediaSingleSharedStyleNew = css((_css2 = {}, _defineProperty(_css2, "li .".c
   '.captionView-content-wrap': {
     userSelect: 'text'
   }
-}), _defineProperty(_css2, ".mediaSingleView-content-wrap[layout^='wrap-']", {
+}), ".mediaSingleView-content-wrap[layout^='wrap-']", {
   position: 'relative',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
   zIndex: akEditorWrappedNodeZIndex
-}), _defineProperty(_css2, ".mediaSingleView-content-wrap[layout='center']", {
+}), ".mediaSingleView-content-wrap[layout='center']", {
   clear: 'both'
-}), _defineProperty(_css2, "table .".concat(richMediaClassName), {
+}), "table .".concat(richMediaClassName), {
   marginTop: "var(--ds-space-150, 12px)",
   marginBottom: "var(--ds-space-150, 12px)",
   clear: 'both',
@@ -80,19 +79,19 @@ var mediaSingleSharedStyleNew = css((_css2 = {}, _defineProperty(_css2, "li .".c
       marginTop: "var(--ds-space-150, 12px)"
     }
   }
-}), _defineProperty(_css2, ".".concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-left"), {
+}), ".".concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-left"), {
   clear: 'both'
-}), _defineProperty(_css2, ".".concat(richMediaClassName, ".image-wrap-left + .").concat(richMediaClassName, ".image-wrap-right, .").concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-left, .").concat(richMediaClassName, ".image-wrap-left + .").concat(richMediaClassName, ".image-wrap-left, .").concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-right"), {
+}), ".".concat(richMediaClassName, ".image-wrap-left + .").concat(richMediaClassName, ".image-wrap-right, .").concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-left, .").concat(richMediaClassName, ".image-wrap-left + .").concat(richMediaClassName, ".image-wrap-left, .").concat(richMediaClassName, ".image-wrap-right + .").concat(richMediaClassName, ".image-wrap-right"), {
   marginRight: 0,
   marginLeft: 0
-}), _defineProperty(_css2, "@media all and (max-width: ".concat(wrappedMediaBreakoutPoint, "px)"), {
+}), "@media all and (max-width: ".concat(wrappedMediaBreakoutPoint, "px)"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   "div.mediaSingleView-content-wrap[layout='wrap-left'], div.mediaSingleView-content-wrap[data-layout='wrap-left'], div.mediaSingleView-content-wrap[layout='wrap-right'], div.mediaSingleView-content-wrap[data-layout='wrap-right']": {
     float: 'none',
     overflow: 'auto',
     margin: "var(--ds-space-150, 12px)".concat(" 0")
   }
-}), _css2));
+}));
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export { mediaSingleSharedStyle, mediaSingleSharedStyleNew, richMediaClassName };

package/dist/esm/styles/shared/paragraph.js

@@ -23,7 +23,7 @@ export var paragraphSharedStyles = function paragraphSharedStyles(typographyThem
       fontSize: '1em',
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       lineHeight: akEditorLineHeight,
-      fontWeight: 'normal',
+      fontWeight: "var(--ds-font-weight-regular, 400)",
       marginTop: blockNodesVerticalMargin,
       marginBottom: 0,
       letterSpacing: '-0.005em'

package/dist/esm/styles/shared/shadow.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _css;
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -23,7 +22,7 @@ var shadowWidth = 8;
  *      background-attachment: local, local, scroll, scroll;
  */
 
-var shadowSharedStyle = css((_css = {}, _defineProperty(_css, "& .".concat(shadowClassNames.RIGHT_SHADOW, "::before, .").concat(shadowClassNames.RIGHT_SHADOW, "::after, .").concat(shadowClassNames.LEFT_SHADOW, "::before, .").concat(shadowClassNames.LEFT_SHADOW, "::after"), {
+var shadowSharedStyle = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "& .".concat(shadowClassNames.RIGHT_SHADOW, "::before, .").concat(shadowClassNames.RIGHT_SHADOW, "::after, .").concat(shadowClassNames.LEFT_SHADOW, "::before, .").concat(shadowClassNames.LEFT_SHADOW, "::after"), {
   display: 'none',
   position: 'absolute',
   pointerEvents: 'none',
@@ -32,27 +31,27 @@ var shadowSharedStyle = css((_css = {}, _defineProperty(_css, "& .".concat(shado
   width: "".concat(shadowWidth, "px"),
   content: "''",
   height: 'calc(100%)'
-}), _defineProperty(_css, "& .".concat(shadowClassNames.RIGHT_SHADOW, ", .").concat(shadowClassNames.LEFT_SHADOW), {
+}), "& .".concat(shadowClassNames.RIGHT_SHADOW, ", .").concat(shadowClassNames.LEFT_SHADOW), {
   position: 'relative'
-}), _defineProperty(_css, "& .".concat(shadowClassNames.LEFT_SHADOW, "::before"), {
+}), "& .".concat(shadowClassNames.LEFT_SHADOW, "::before"), {
   background: "linear-gradient( to left, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #091e4229)", " 140% ), linear-gradient( to right, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px )"),
   top: '0px',
   left: 0,
   display: 'block'
-}), _defineProperty(_css, "& .".concat(shadowClassNames.RIGHT_SHADOW, "::after"), {
+}), "& .".concat(shadowClassNames.RIGHT_SHADOW, "::after"), {
   background: "linear-gradient( to right, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #091e4229)", " 140% ), linear-gradient( to left, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px )"),
   right: '0px',
   top: '0px',
   display: 'block'
-}), _defineProperty(_css, "& .".concat(shadowObserverClassNames.SENTINEL_LEFT), {
+}), "& .".concat(shadowObserverClassNames.SENTINEL_LEFT), {
   height: '100%',
   width: '0px',
   minWidth: '0px'
-}), _defineProperty(_css, "& .".concat(shadowObserverClassNames.SENTINEL_RIGHT), {
+}), "& .".concat(shadowObserverClassNames.SENTINEL_RIGHT), {
   height: '100%',
   width: '0px',
   minWidth: '0px'
-}), _css));
+}));
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export { shadowSharedStyle };

package/dist/esm/styles/shared/table.js

@@ -52,7 +52,7 @@ var firstNodeWithNotMarginTop = function firstNodeWithNotMarginTop() {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Appears safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing
 var tableSharedStyle = function tableSharedStyle() {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n     * Fix block top alignment inside table cells.\n     */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t", "\n\n\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t// selector lives inside @atlaskit/code\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), editorExperiment('table-nested-dnd', true) ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)") : "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", fg('platform_editor_nested_tables_renderer_styles') ? "// Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected\n\t\t\t> tbody > tr > td {\n\t\t\t\tbackground-color: ".concat("var(--ds-surface, #FFFFFF)", ";\n\t\t\t}") : '', "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t", "\n\t.", " {\n\t\tposition: relative;\n\t\tmargin: 0 auto ", ";\n\t\tbox-sizing: border-box;\n\n\t\t/**\n     * Fix block top alignment inside table cells.\n     */\n\t\t.decisionItemView-content-wrap:first-of-type > div {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.", "[data-number-column='true'] {\n\t\tpadding-left: ", "px;\n\t\tclear: both;\n\t}\n\n\t.", " {\n\t\twill-change: width, margin-left;\n\t}\n\n\t.", " table {\n\t\twill-change: width;\n\t}\n\n\t.", " > table {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\t.", " > table,\n\t.", " > table {\n\t\tmargin: ", " ", " 0 0;\n\t}\n\n\t/* avoid applying styles to nested tables (possible via extensions) */\n\t.", " > table,\n\t.", " > table,\n\t.", " > table {\n\t\tborder-collapse: collapse;\n\t\tborder: ", "px solid\n\t\t\t", ";\n\t\ttable-layout: fixed;\n\t\tfont-size: 1em;\n\t\twidth: 100%;\n\n\t\t&[data-autosize='true'] {\n\t\t\ttable-layout: auto;\n\t\t}\n\n\t\t& {\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\thr {\n\t\t\t\tbox-sizing: content-box;\n\t\t\t}\n\n\t\t\ttbody {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t\tth td {\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmin-width: ", "px;\n\t\t\t\tfont-weight: ", ";\n\t\t\t\tvertical-align: top;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-bottom-width: 0;\n\n\t\t\t\tpadding: ", ";\n\t\t\t\t/* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */\n\t\t\t\t", "\n\n\t\t\t\t", "\n\n\t\t\t\tth p:not(:first-of-type),\n\t\t\t\ttd p:not(:first-of-type) {\n\t\t\t\t\tmargin-top: ", ";\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t", "\n\t\t\tth {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\ttext-align: left;\n\n\t\t\t\t/* only apply this styling to codeblocks in default background headercells */\n\t\t\t\t/* TODO this needs to be overhauled as it relies on unsafe selectors */\n\t\t\t\t&:not([style]):not(.danger) {\n\t\t\t\t\t.", ":not(.danger) {\n\t\t\t\t\t\tbackground-color: ", ";\n\n\t\t\t\t\t\t:not(.", ") {\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 0px 1px ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-image: ", ";\n\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.", " {\n\t\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t/* this is only relevant to the element taken care of by renderer */\n\t\t\t\t\t\t> [data-ds--code--code-block] {\n\t\t\t\t\t\t\tbackground-image: ", "!important;\n\n\t\t\t\t\t\t\tbackground-color: ", "!important;\n\n\t\t\t\t\t\t\t// selector lives inside @atlaskit/code\n\t\t\t\t\t\t\t--ds--code--line-number-bg-color: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n"])), tableCellBackgroundStyleOverride(), TableSharedCssClassName.TABLE_CONTAINER, "var(--ds-space-200, 16px)", TableSharedCssClassName.TABLE_CONTAINER, akEditorTableNumberColumnWidth - 1, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_RESIZER_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, "var(--ds-space-300, 24px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", TableSharedCssClassName.TABLE_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, TableSharedCssClassName.TABLE_STICKY_WRAPPER, tableCellBorderWidth, "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), "var(--ds-background-neutral-subtle, white)", tableCellMinWidth, "var(--ds-font-weight-regular, 400)", "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"), editorExperiment('table-nested-dnd', true) ? "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-250, 20px)") : "var(--ds-space-100, 8px)", browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : '', firstNodeWithNotMarginTop(), "var(--ds-space-150, 12px)", fg('platform_editor_nested_tables_renderer_styles') ? "// Ensures nested tables are compatible with parent table background color - uses specificity to ensure tables nested by extensions are not affected\n\t\t\t> tbody > tr > td {\n\t\t\t\tbackground-color: ".concat("var(--ds-surface, #FFFFFF)", ";\n\t\t\t}") : '', "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableToolbar, ")"), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, "var(--ds-surface-raised, rgb(235, 237, 240))", akEditorSelectedNodeClassName, "var(--ds-border, transparent)", CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, overflowShadow({
     leftCoverWidth: "var(--ds-space-300, 24px)"
   }), "var(--ds-background-neutral, rgb(235, 237, 240))", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, rgb(226, 229, 233))", overflowShadow({
     leftCoverWidth: "var(--ds-space-300, 24px)"

package/dist/esm/types/annotation/emitter.js

@@ -17,7 +17,7 @@ export var AnnotationUpdateEmitter = /*#__PURE__*/function () {
     _classCallCheck(this, AnnotationUpdateEmitter);
     _defineProperty(this, "emitter", new EventEmitter());
   }
-  _createClass(AnnotationUpdateEmitter, [{
+  return _createClass(AnnotationUpdateEmitter, [{
     key: "emit",
     value: function emit(event, params) {
       if (typeof params === 'undefined') {
@@ -41,5 +41,4 @@ export var AnnotationUpdateEmitter = /*#__PURE__*/function () {
       return this.emitter.listeners(event);
     }
   }]);
-  return AnnotationUpdateEmitter;
 }();

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

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 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(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * @jsxRuntime classic
@@ -30,13 +30,12 @@ var placeholderStyle = xcss({
   width: '100%'
 });
 export var CaptionComponent = /*#__PURE__*/function (_React$Component) {
-  _inherits(CaptionComponent, _React$Component);
-  var _super = _createSuper(CaptionComponent);
   function CaptionComponent() {
     _classCallCheck(this, CaptionComponent);
-    return _super.apply(this, arguments);
+    return _callSuper(this, CaptionComponent, arguments);
   }
-  _createClass(CaptionComponent, [{
+  _inherits(CaptionComponent, _React$Component);
+  return _createClass(CaptionComponent, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -56,6 +55,5 @@ export var CaptionComponent = /*#__PURE__*/function (_React$Component) {
       }, jsx(Text, null, formatMessage(messages.placeholder))) : null, children);
     }
   }]);
-  return CaptionComponent;
 }(React.Component);
 export default injectIntl(CaptionComponent);

package/dist/esm/ui/ContextPanel/context.js

@@ -1,11 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 
@@ -31,24 +30,22 @@ export var ContextPanel = /*#__PURE__*/React.createContext({
   broadcastPosition: function broadcastPosition() {}
 });
 export var ContextPanelWidthProvider = /*#__PURE__*/function (_React$Component) {
-  _inherits(ContextPanelWidthProvider, _React$Component);
-  var _super = _createSuper(ContextPanelWidthProvider);
   function ContextPanelWidthProvider(props) {
     var _this;
     _classCallCheck(this, ContextPanelWidthProvider);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, ContextPanelWidthProvider, [props]);
+    _defineProperty(_this, "state", {
       width: 0,
       positionedOverEditor: false
     });
-    _defineProperty(_assertThisInitialized(_this), "broadcastSidebarWidth", function (width) {
+    _defineProperty(_this, "broadcastSidebarWidth", function (width) {
       if (width !== _this.state.width) {
         _this.setState({
           width: width
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "broadcastPosition", function (positionedOverEditor) {
+    _defineProperty(_this, "broadcastPosition", function (positionedOverEditor) {
       if (positionedOverEditor !== _this.state.positionedOverEditor) {
         _this.setState({
           positionedOverEditor: positionedOverEditor
@@ -57,7 +54,8 @@ export var ContextPanelWidthProvider = /*#__PURE__*/function (_React$Component)
     });
     return _this;
   }
-  _createClass(ContextPanelWidthProvider, [{
+  _inherits(ContextPanelWidthProvider, _React$Component);
+  return _createClass(ContextPanelWidthProvider, [{
     key: "render",
     value: function render() {
       var _this$state = this.state,
@@ -73,7 +71,6 @@ export var ContextPanelWidthProvider = /*#__PURE__*/function (_React$Component)
       }, this.props.children);
     }
   }]);
-  return ContextPanelWidthProvider;
 }(React.Component);
 var Provider = ContextPanel.Provider,
   Consumer = ContextPanel.Consumer;

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

@@ -1,11 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * @jsxRuntime classic
@@ -21,20 +20,18 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "96.4.0";
+var packageVersion = "96.5.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {
-  _inherits(DropList, _Component);
-  var _super = _createSuper(DropList);
   function DropList() {
     var _this;
     _classCallCheck(this, DropList);
     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), "wrapperStyles", css({
+    _this = _callSuper(this, DropList, [].concat(args));
+    _defineProperty(_this, "wrapperStyles", css({
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       display: _this.props.shouldFitContainer ? 'block' : 'inline-flex',
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -42,7 +39,7 @@ var DropList = /*#__PURE__*/function (_Component) {
       transitionDuration: '0.2s',
       transition: 'box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)'
     }));
-    _defineProperty(_assertThisInitialized(_this), "triggerStyles", css({
+    _defineProperty(_this, "triggerStyles", css({
       transitionDuration: '0.2s',
       transition: 'box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)',
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -51,7 +48,7 @@ var DropList = /*#__PURE__*/function (_Component) {
       boxSizing: _this.props.shouldFitContainer ? 'border-box' : undefined
     }));
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-    _defineProperty(_assertThisInitialized(_this), "menuWrapper", function () {
+    _defineProperty(_this, "menuWrapper", function () {
       return css({
         color: "var(--ds-text, #172B4D)",
         backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
@@ -64,7 +61,7 @@ var DropList = /*#__PURE__*/function (_Component) {
       });
     });
     /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-    _defineProperty(_assertThisInitialized(_this), "componentDidMount", function () {
+    _defineProperty(_this, "componentDidMount", function () {
       _this.setContentWidth();
       // We use a captured event here to avoid a radio or checkbox dropdown item firing its
       // click event first, which would cause a re-render of the element and prevent DropList
@@ -72,19 +69,19 @@ var DropList = /*#__PURE__*/function (_Component) {
       document.addEventListener('click', _this.handleClickOutside, true);
       document.addEventListener('keydown', _this.handleEsc);
     });
-    _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function () {
+    _defineProperty(_this, "componentDidUpdate", function () {
       if (_this.props.isOpen) {
         _this.setContentWidth();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
+    _defineProperty(_this, "componentWillUnmount", function () {
       document.removeEventListener('click', _this.handleClickOutside, true);
       document.removeEventListener('keydown', _this.handleEsc);
     });
-    _defineProperty(_assertThisInitialized(_this), "setContentWidth", function () {
-      var _assertThisInitialize = _assertThisInitialized(_this),
-        dropContentRef = _assertThisInitialize.dropContentRef,
-        triggerRef = _assertThisInitialize.triggerRef;
+    _defineProperty(_this, "setContentWidth", function () {
+      var _this2 = _this,
+        dropContentRef = _this2.dropContentRef,
+        triggerRef = _this2.triggerRef;
       var shouldFitContainer = _this.props.shouldFitContainer;
 
       // We need to manually set the content width to match the trigger width
@@ -92,12 +89,12 @@ var DropList = /*#__PURE__*/function (_Component) {
         dropContentRef.style.width = "".concat(triggerRef.offsetWidth - halfFocusRing * 2, "px");
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleEsc", function (event) {
+    _defineProperty(_this, "handleEsc", function (event) {
       if ((event.key === 'Escape' || event.key === 'Esc') && _this.props.isOpen) {
         _this.close(event);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleClickOutside", function (event) {
+    _defineProperty(_this, "handleClickOutside", function (event) {
       if (_this.props.isOpen) {
         if (event.target instanceof Node) {
           // Rather than check for the target within the entire DropList, we specify the trigger/content.
@@ -111,7 +108,7 @@ var DropList = /*#__PURE__*/function (_Component) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "close", function (event) {
+    _defineProperty(_this, "close", function (event) {
       if (_this.props.onOpenChange) {
         _this.props.onOpenChange({
           isOpen: false,
@@ -119,7 +116,7 @@ var DropList = /*#__PURE__*/function (_Component) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleContentRef", function (ref) {
+    _defineProperty(_this, "handleContentRef", function (ref) {
       _this.dropContentRef = ref;
 
       // If the dropdown has just been opened, we focus on the containing element so the
@@ -129,16 +126,17 @@ var DropList = /*#__PURE__*/function (_Component) {
         ref.focus();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleDroplistRef", function (ref) {
+    _defineProperty(_this, "handleDroplistRef", function (ref) {
       var _this$props$onDroplis, _this$props;
       (_this$props$onDroplis = (_this$props = _this.props).onDroplistRef) === null || _this$props$onDroplis === void 0 || _this$props$onDroplis.call(_this$props, ref);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleTriggerRef", function (ref) {
+    _defineProperty(_this, "handleTriggerRef", function (ref) {
       _this.triggerRef = ref;
     });
     return _this;
   }
-  _createClass(DropList, [{
+  _inherits(DropList, _Component);
+  return _createClass(DropList, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -171,7 +169,6 @@ var DropList = /*#__PURE__*/function (_Component) {
       }, trigger)));
     }
   }]);
-  return DropList;
 }(Component);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

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

@@ -1,31 +1,29 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { ACTION, EVENT_TYPE } from '../../analytics';
 import { logException } from '../../monitoring/error';
 export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  _inherits(ErrorBoundary, _React$Component);
-  var _super = _createSuper(ErrorBoundary);
   function ErrorBoundary() {
     var _this;
     _classCallCheck(this, ErrorBoundary);
     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), "state", {
+    _this = _callSuper(this, ErrorBoundary, [].concat(args));
+    _defineProperty(_this, "state", {
       errorCaptured: false
     });
     return _this;
   }
-  _createClass(ErrorBoundary, [{
+  _inherits(ErrorBoundary, _React$Component);
+  return _createClass(ErrorBoundary, [{
     key: "hasFallback",
     value: function hasFallback() {
       return typeof this.props.fallbackComponent !== 'undefined';
@@ -69,5 +67,4 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-  return ErrorBoundary;
 }(React.Component);

package/dist/esm/ui/Expand/sharedStyles.js

@@ -56,7 +56,7 @@ var titleInputStyles = function titleInputStyles() {
     fontSize: relativeFontSizeToBase16(14),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     lineHeight: fg('platform-visual-refresh-icons') ? 1 : akEditorLineHeight,
-    fontWeight: 'normal',
+    fontWeight: "var(--ds-font-weight-regular, 400)",
     color: "var(--ds-text-subtlest, #626F86)",
     background: 'transparent',
     display: 'flex',