@atlaskit/editor-plugin-extension 1.1.7 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-extension
 
+## 1.2.0
+
+### Minor Changes
+
+- [#91586](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91586) [`b3135ab49e16`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b3135ab49e16) - Updated `@atlaskit/tabs` dependency which removed baked-in horizontal padding. There may be some very slight difference in padding after this change.
+
+### Patch Changes
+
+- [#92426](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92426) [`32c76c7c225c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32c76c7c225c) - Bump adf-schema to 35.9.2 to support table alignment options
+- Updated dependencies
+
+## 1.1.8
+
+### Patch Changes
+
+- [#87119](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/87119) [`0cea7cb799c3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0cea7cb799c3) - [EDF-462] Add analytics for AI Blocks
+- Updated dependencies
+
 ## 1.1.7
 
 ### Patch Changes

package/dist/cjs/commands.js

@@ -4,13 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeExtension = exports.removeDescendantNodes = exports.forceAutoSave = exports.clearEditingContext = exports.checkAndRemoveExtensionNode = void 0;
+exports.removeSelectedNodeWithAnalytics = exports.removeExtension = exports.removeDescendantNodes = exports.forceAutoSave = exports.clearEditingContext = exports.checkAndRemoveExtensionNode = void 0;
 exports.setEditingContextToContextPanel = setEditingContextToContextPanel;
 exports.updateExtensionLayout = void 0;
 exports.updateState = updateState;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _utils = require("@atlaskit/editor-common/utils");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _pluginFactory = require("./plugin-factory");
 var _utils3 = require("./utils");
@@ -82,7 +83,7 @@ var removeExtension = exports.removeExtension = function removeExtension(editorA
     }
   }, function (tr, state) {
     if ((0, _utils3.getSelectedExtension)(state)) {
-      return (0, _utils2.removeSelectedNode)(tr);
+      return removeSelectedNodeWithAnalytics(state, tr, editorAnalyticsAPI);
     } else {
       return checkAndRemoveExtensionNode(state, tr, editorAnalyticsAPI);
     }
@@ -98,6 +99,25 @@ var removeDescendantNodes = exports.removeDescendantNodes = function removeDesce
     return sourceNode ? (0, _utils.removeConnectedNodes)(state, sourceNode) : tr;
   });
 };
+var removeSelectedNodeWithAnalytics = exports.removeSelectedNodeWithAnalytics = function removeSelectedNodeWithAnalytics(state, tr, analyticsApi) {
+  if (state.selection instanceof _state.NodeSelection) {
+    var node = state.selection.node;
+    if (analyticsApi) {
+      analyticsApi.attachAnalyticsEvent({
+        action: _analytics.ACTION.DELETED,
+        actionSubject: _analytics.ACTION_SUBJECT.EXTENSION,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.EXTENSION,
+        eventType: _analytics.EVENT_TYPE.TRACK,
+        attributes: {
+          extensionType: node.attrs.extensionType,
+          extensionKey: node.attrs.extensionKey,
+          localId: node.attrs.localId
+        }
+      })(tr);
+    }
+  }
+  return (0, _utils2.removeSelectedNode)(tr);
+};
 var checkAndRemoveExtensionNode = exports.checkAndRemoveExtensionNode = function checkAndRemoveExtensionNode(state, tr, analyticsApi) {
   var nodeType = state.schema.nodes.bodiedExtension;
   var maybeMBENode = (0, _utils2.findParentNodeOfType)(state.schema.nodes.multiBodiedExtension)(state.selection);
@@ -117,5 +137,21 @@ var checkAndRemoveExtensionNode = exports.checkAndRemoveExtensionNode = function
       })(tr);
     }
   }
+  var bodiedExtensionNode = (0, _utils2.findParentNodeOfType)(state.schema.nodes.bodiedExtension)(state.selection);
+  if (bodiedExtensionNode) {
+    if (analyticsApi) {
+      analyticsApi.attachAnalyticsEvent({
+        action: _analytics.ACTION.DELETED,
+        actionSubject: _analytics.ACTION_SUBJECT.EXTENSION,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.EXTENSION_BODIED,
+        eventType: _analytics.EVENT_TYPE.TRACK,
+        attributes: {
+          extensionType: bodiedExtensionNode.node.attrs.extensionType,
+          extensionKey: bodiedExtensionNode.node.attrs.extensionKey,
+          localId: bodiedExtensionNode.node.attrs.localId
+        }
+      })(tr);
+    }
+  }
   return (0, _utils2.removeParentNodeOfType)(nodeType)(tr);
 };

package/dist/cjs/ui/ConfigPanel/Fields/TabGroup.js

@@ -15,18 +15,6 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 tabWrapperStyles = (0, _react2.css)({
-  // increase specificity to make sure the tab style is overridden
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
-  "&&& [role='tabpanel'][tabindex]": {
-    padding: 0
-  },
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
-  "&&& [role='tablist']::before": {
-    left: 0,
-    right: 0
-  }
-});
 var panelWrapperStyles = (0, _react2.css)({
   flexGrow: 1,
   maxWidth: '100%'
@@ -48,9 +36,7 @@ var TabGroupImpl = function TabGroupImpl(props) {
   var onChange = _react.default.useCallback(function (index) {
     setActiveTab(index);
   }, [setActiveTab]);
-  return (0, _react2.jsx)("div", {
-    css: tabWrapperStyles
-  }, (0, _react2.jsx)(_tabs.default, {
+  return (0, _react2.jsx)(_tabs.default, {
     id: "configPanelTabs-".concat(field.name),
     onChange: onChange,
     selected: activeTab
@@ -66,7 +52,7 @@ var TabGroupImpl = function TabGroupImpl(props) {
     }, (0, _react2.jsx)("div", {
       css: panelWrapperStyles
     }, renderPanel(field)));
-  })));
+  }));
 };
 TabGroupImpl.displayName = 'TabGroup';
 var TabGroup = (0, _reactIntlNext.injectIntl)(TabGroupImpl);

package/dist/cjs/ui/ConfigPanel/Fields/common/RequiredIndicator.js

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.requiredIndicator = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-var _templateObject;
-var requiredIndicator = exports.requiredIndicator = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-text-danger, ".concat(_colors.R500, ")"));
+var requiredIndicator = exports.requiredIndicator = (0, _react.css)({
+  color: "var(--ds-text-danger, ".concat(_colors.R500, ")")
+});

package/dist/es2019/commands.js

@@ -1,5 +1,6 @@
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { removeConnectedNodes } from '@atlaskit/editor-common/utils';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, removeParentNodeOfType, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
 import { createCommand } from './plugin-factory';
 import { getSelectedExtension } from './utils';
@@ -62,7 +63,7 @@ export const removeExtension = editorAnalyticsAPI => createCommand({
   }
 }, (tr, state) => {
   if (getSelectedExtension(state)) {
-    return removeSelectedNode(tr);
+    return removeSelectedNodeWithAnalytics(state, tr, editorAnalyticsAPI);
   } else {
     return checkAndRemoveExtensionNode(state, tr, editorAnalyticsAPI);
   }
@@ -75,6 +76,25 @@ export const removeDescendantNodes = sourceNode => createCommand({
 }, (tr, state) => {
   return sourceNode ? removeConnectedNodes(state, sourceNode) : tr;
 });
+export const removeSelectedNodeWithAnalytics = (state, tr, analyticsApi) => {
+  if (state.selection instanceof NodeSelection) {
+    const node = state.selection.node;
+    if (analyticsApi) {
+      analyticsApi.attachAnalyticsEvent({
+        action: ACTION.DELETED,
+        actionSubject: ACTION_SUBJECT.EXTENSION,
+        actionSubjectId: ACTION_SUBJECT_ID.EXTENSION,
+        eventType: EVENT_TYPE.TRACK,
+        attributes: {
+          extensionType: node.attrs.extensionType,
+          extensionKey: node.attrs.extensionKey,
+          localId: node.attrs.localId
+        }
+      })(tr);
+    }
+  }
+  return removeSelectedNode(tr);
+};
 export const checkAndRemoveExtensionNode = (state, tr, analyticsApi) => {
   let nodeType = state.schema.nodes.bodiedExtension;
   const maybeMBENode = findParentNodeOfType(state.schema.nodes.multiBodiedExtension)(state.selection);
@@ -94,5 +114,21 @@ export const checkAndRemoveExtensionNode = (state, tr, analyticsApi) => {
       })(tr);
     }
   }
+  const bodiedExtensionNode = findParentNodeOfType(state.schema.nodes.bodiedExtension)(state.selection);
+  if (bodiedExtensionNode) {
+    if (analyticsApi) {
+      analyticsApi.attachAnalyticsEvent({
+        action: ACTION.DELETED,
+        actionSubject: ACTION_SUBJECT.EXTENSION,
+        actionSubjectId: ACTION_SUBJECT_ID.EXTENSION_BODIED,
+        eventType: EVENT_TYPE.TRACK,
+        attributes: {
+          extensionType: bodiedExtensionNode.node.attrs.extensionType,
+          extensionKey: bodiedExtensionNode.node.attrs.extensionKey,
+          localId: bodiedExtensionNode.node.attrs.localId
+        }
+      })(tr);
+    }
+  }
   return removeParentNodeOfType(nodeType)(tr);
 };

package/dist/es2019/ui/ConfigPanel/Fields/TabGroup.js

@@ -3,18 +3,6 @@ import React, { useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-const tabWrapperStyles = css({
-  // increase specificity to make sure the tab style is overridden
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
-  "&&& [role='tabpanel'][tabindex]": {
-    padding: 0
-  },
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
-  "&&& [role='tablist']::before": {
-    left: 0,
-    right: 0
-  }
-});
 const panelWrapperStyles = css({
   flexGrow: 1,
   maxWidth: '100%'
@@ -35,9 +23,7 @@ const TabGroupImpl = props => {
   const onChange = React.useCallback(index => {
     setActiveTab(index);
   }, [setActiveTab]);
-  return jsx("div", {
-    css: tabWrapperStyles
-  }, jsx(Tabs, {
+  return jsx(Tabs, {
     id: `configPanelTabs-${field.name}`,
     onChange: onChange,
     selected: activeTab
@@ -50,7 +36,7 @@ const TabGroupImpl = props => {
     key: `panel-${field.name}`
   }, jsx("div", {
     css: panelWrapperStyles
-  }, renderPanel(field))))));
+  }, renderPanel(field)))));
 };
 TabGroupImpl.displayName = 'TabGroup';
 const TabGroup = injectIntl(TabGroupImpl);

package/dist/es2019/ui/ConfigPanel/Fields/common/RequiredIndicator.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
 import { R500 } from '@atlaskit/theme/colors';
-export const requiredIndicator = css`
-  color: ${`var(--ds-text-danger, ${R500})`};
-`;
+export const requiredIndicator = css({
+  color: `var(--ds-text-danger, ${R500})`
+});

package/dist/esm/commands.js

@@ -1,8 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { removeConnectedNodes } from '@atlaskit/editor-common/utils';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, removeParentNodeOfType, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
 import { createCommand } from './plugin-factory';
 import { getSelectedExtension } from './utils';
@@ -73,7 +74,7 @@ export var removeExtension = function removeExtension(editorAnalyticsAPI) {
     }
   }, function (tr, state) {
     if (getSelectedExtension(state)) {
-      return removeSelectedNode(tr);
+      return removeSelectedNodeWithAnalytics(state, tr, editorAnalyticsAPI);
     } else {
       return checkAndRemoveExtensionNode(state, tr, editorAnalyticsAPI);
     }
@@ -89,6 +90,25 @@ export var removeDescendantNodes = function removeDescendantNodes(sourceNode) {
     return sourceNode ? removeConnectedNodes(state, sourceNode) : tr;
   });
 };
+export var removeSelectedNodeWithAnalytics = function removeSelectedNodeWithAnalytics(state, tr, analyticsApi) {
+  if (state.selection instanceof NodeSelection) {
+    var node = state.selection.node;
+    if (analyticsApi) {
+      analyticsApi.attachAnalyticsEvent({
+        action: ACTION.DELETED,
+        actionSubject: ACTION_SUBJECT.EXTENSION,
+        actionSubjectId: ACTION_SUBJECT_ID.EXTENSION,
+        eventType: EVENT_TYPE.TRACK,
+        attributes: {
+          extensionType: node.attrs.extensionType,
+          extensionKey: node.attrs.extensionKey,
+          localId: node.attrs.localId
+        }
+      })(tr);
+    }
+  }
+  return removeSelectedNode(tr);
+};
 export var checkAndRemoveExtensionNode = function checkAndRemoveExtensionNode(state, tr, analyticsApi) {
   var nodeType = state.schema.nodes.bodiedExtension;
   var maybeMBENode = findParentNodeOfType(state.schema.nodes.multiBodiedExtension)(state.selection);
@@ -108,5 +128,21 @@ export var checkAndRemoveExtensionNode = function checkAndRemoveExtensionNode(st
       })(tr);
     }
   }
+  var bodiedExtensionNode = findParentNodeOfType(state.schema.nodes.bodiedExtension)(state.selection);
+  if (bodiedExtensionNode) {
+    if (analyticsApi) {
+      analyticsApi.attachAnalyticsEvent({
+        action: ACTION.DELETED,
+        actionSubject: ACTION_SUBJECT.EXTENSION,
+        actionSubjectId: ACTION_SUBJECT_ID.EXTENSION_BODIED,
+        eventType: EVENT_TYPE.TRACK,
+        attributes: {
+          extensionType: bodiedExtensionNode.node.attrs.extensionType,
+          extensionKey: bodiedExtensionNode.node.attrs.extensionKey,
+          localId: bodiedExtensionNode.node.attrs.localId
+        }
+      })(tr);
+    }
+  }
   return removeParentNodeOfType(nodeType)(tr);
 };

package/dist/esm/ui/ConfigPanel/Fields/TabGroup.js

@@ -4,18 +4,6 @@ import React, { useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
-var tabWrapperStyles = css({
-  // increase specificity to make sure the tab style is overridden
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
-  "&&& [role='tabpanel'][tabindex]": {
-    padding: 0
-  },
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
-  "&&& [role='tablist']::before": {
-    left: 0,
-    right: 0
-  }
-});
 var panelWrapperStyles = css({
   flexGrow: 1,
   maxWidth: '100%'
@@ -37,9 +25,7 @@ var TabGroupImpl = function TabGroupImpl(props) {
   var onChange = React.useCallback(function (index) {
     setActiveTab(index);
   }, [setActiveTab]);
-  return jsx("div", {
-    css: tabWrapperStyles
-  }, jsx(Tabs, {
+  return jsx(Tabs, {
     id: "configPanelTabs-".concat(field.name),
     onChange: onChange,
     selected: activeTab
@@ -55,7 +41,7 @@ var TabGroupImpl = function TabGroupImpl(props) {
     }, jsx("div", {
       css: panelWrapperStyles
     }, renderPanel(field)));
-  })));
+  }));
 };
 TabGroupImpl.displayName = 'TabGroup';
 var TabGroup = injectIntl(TabGroupImpl);

package/dist/esm/ui/ConfigPanel/Fields/common/RequiredIndicator.js

@@ -1,5 +1,5 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
 import { R500 } from '@atlaskit/theme/colors';
-export var requiredIndicator = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n"])), "var(--ds-text-danger, ".concat(R500, ")"));
+export var requiredIndicator = css({
+  color: "var(--ds-text-danger, ".concat(R500, ")")
+});

package/dist/types/commands.d.ts

@@ -3,7 +3,7 @@ import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Parameters, TransformAfter, TransformBefore } from '@atlaskit/editor-common/extensions';
 import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import { type EditorState, type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { ExtensionState, RejectSave } from './types';
 export declare function updateState(state: Partial<ExtensionState>): import("@atlaskit/editor-common/types").Command;
 export declare function setEditingContextToContextPanel<T extends Parameters = Parameters>(processParametersBefore: TransformBefore<T>, processParametersAfter: TransformAfter<T>, applyChangeToContextPanel: ApplyChangeHandler | undefined): import("@atlaskit/editor-common/types").Command;
@@ -12,4 +12,5 @@ export declare const forceAutoSave: (applyChangeToContextPanel: ApplyChangeHandl
 export declare const updateExtensionLayout: (layout: ExtensionLayout) => import("@atlaskit/editor-common/types").Command;
 export declare const removeExtension: (editorAnalyticsAPI?: EditorAnalyticsAPI) => import("@atlaskit/editor-common/types").Command;
 export declare const removeDescendantNodes: (sourceNode?: PMNode) => import("@atlaskit/editor-common/types").Command;
+export declare const removeSelectedNodeWithAnalytics: (state: EditorState, tr: Transaction, analyticsApi?: EditorAnalyticsAPI) => Transaction;
 export declare const checkAndRemoveExtensionNode: (state: EditorState, tr: Transaction, analyticsApi?: EditorAnalyticsAPI) => Transaction;

package/dist/types-ts4.5/commands.d.ts

@@ -3,7 +3,7 @@ import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Parameters, TransformAfter, TransformBefore } from '@atlaskit/editor-common/extensions';
 import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import { type EditorState, type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { ExtensionState, RejectSave } from './types';
 export declare function updateState(state: Partial<ExtensionState>): import("@atlaskit/editor-common/types").Command;
 export declare function setEditingContextToContextPanel<T extends Parameters = Parameters>(processParametersBefore: TransformBefore<T>, processParametersAfter: TransformAfter<T>, applyChangeToContextPanel: ApplyChangeHandler | undefined): import("@atlaskit/editor-common/types").Command;
@@ -12,4 +12,5 @@ export declare const forceAutoSave: (applyChangeToContextPanel: ApplyChangeHandl
 export declare const updateExtensionLayout: (layout: ExtensionLayout) => import("@atlaskit/editor-common/types").Command;
 export declare const removeExtension: (editorAnalyticsAPI?: EditorAnalyticsAPI) => import("@atlaskit/editor-common/types").Command;
 export declare const removeDescendantNodes: (sourceNode?: PMNode) => import("@atlaskit/editor-common/types").Command;
+export declare const removeSelectedNodeWithAnalytics: (state: EditorState, tr: Transaction, analyticsApi?: EditorAnalyticsAPI) => Transaction;
 export declare const checkAndRemoveExtensionNode: (state: EditorState, tr: Transaction, analyticsApi?: EditorAnalyticsAPI) => Transaction;

package/example-utils/config-panel/ConfigPanelWithExtensionPicker.tsx

@@ -29,15 +29,15 @@ const wrapperStyles = xcss({ margin: 'space.200' });
 const exampleWrapperStyles = css({ display: 'flex', flexDirection: 'row' });
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-const column = (width: number | string) => css`
-  width: ${width}px;
-  margin: ${token('space.200', '16px')};
-
-  h3 {
-    border-bottom: 1px solid ${colors.N50};
-    margin-bottom: ${token('space.200', '16px')};
-  }
-`;
+const column = (width: number | string) =>
+  css({
+    width: `${width}px`,
+    margin: token('space.200', '16px'),
+    h3: {
+      borderBottom: `1px solid ${colors.N50}`,
+      marginBottom: token('space.200', '16px'),
+    },
+  });
 
 const codeWrapperStyles = css({
   marginTop: token('space.200', '16px'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-extension",
-  "version": "1.1.7",
+  "version": "1.2.0",
   "description": "editor-plugin-extension plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -24,14 +24,14 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^35.9.0",
+    "@atlaskit/adf-schema": "^35.9.2",
     "@atlaskit/adf-utils": "^19.0.0",
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/avatar": "^21.5.0",
-    "@atlaskit/button": "^17.12.0",
+    "@atlaskit/button": "^17.13.0",
     "@atlaskit/checkbox": "^13.1.0",
     "@atlaskit/datetime-picker": "^13.3.0",
-    "@atlaskit/editor-common": "^78.28.0",
+    "@atlaskit/editor-common": "^78.30.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-context-identifier": "^1.0.0",
@@ -42,8 +42,8 @@
     "@atlaskit/editor-prosemirror": "3.0.0",
     "@atlaskit/editor-shared-styles": "^2.9.0",
     "@atlaskit/editor-tables": "^2.6.0",
-    "@atlaskit/empty-state": "^7.7.0",
-    "@atlaskit/form": "^9.2.0",
+    "@atlaskit/empty-state": "^7.8.0",
+    "@atlaskit/form": "^9.3.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/primitives": "^5.5.0",
@@ -52,7 +52,7 @@
     "@atlaskit/select": "^17.6.0",
     "@atlaskit/smart-user-picker": "^6.9.0",
     "@atlaskit/spinner": "^16.0.0",
-    "@atlaskit/tabs": "^14.1.0",
+    "@atlaskit/tabs": "^15.0.0",
     "@atlaskit/textarea": "^5.2.0",
     "@atlaskit/textfield": "^6.1.0",
     "@atlaskit/theme": "^12.7.0",