@atlaskit/editor-plugin-extension 0.7.3 → 0.7.4

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-extension
 
+## 0.7.4
+
+### Patch Changes
+
+- [#68572](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68572) [`15d407fe5143`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/15d407fe5143) - Upgrading @atlaskit/editor-prosemirror dependency
+- [#70460](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70460) [`2f37600156ae`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2f37600156ae) - The internal composition of a component in this package has changed. There is no expected change in behaviour.
+
 ## 0.7.3
 
 ### Patch Changes

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

@@ -21,6 +21,7 @@ var _reactIntlNext = require("react-intl-next");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _addCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/add-circle"));
+var _primitives = require("@atlaskit/primitives");
 var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
 var _select = _interopRequireDefault(require("@atlaskit/select"));
 var _colors = require("@atlaskit/theme/colors");
@@ -258,13 +259,13 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
 }(_react.default.Component);
 function FieldsetError(_ref) {
   var message = _ref.message;
-  return (0, _react2.jsx)("div", {
-    css: sectionMessageWrapperStyles
+  return (0, _react2.jsx)(_primitives.Box, {
+    xcss: sectionMessageWrapperStyles
   }, (0, _react2.jsx)(_sectionMessage.default, {
     appearance: "error"
   }, (0, _react2.jsx)("p", null, message)));
 }
-var sectionMessageWrapperStyles = (0, _react2.css)({
-  marginBottom: "var(--ds-space-300, 24px)"
+var sectionMessageWrapperStyles = (0, _primitives.xcss)({
+  marginBottom: 'space.300'
 });
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(FieldsetField);

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

@@ -6,6 +6,7 @@ import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import AddCircleIcon from '@atlaskit/icon/glyph/add-circle';
+import { Box, xcss } from '@atlaskit/primitives';
 import SectionMessage from '@atlaskit/section-message';
 import Select from '@atlaskit/select';
 import { N40A } from '@atlaskit/theme/colors';
@@ -215,13 +216,13 @@ class FieldsetField extends React.Component {
 function FieldsetError({
   message
 }) {
-  return jsx("div", {
-    css: sectionMessageWrapperStyles
+  return jsx(Box, {
+    xcss: sectionMessageWrapperStyles
   }, jsx(SectionMessage, {
     appearance: "error"
   }, jsx("p", null, message)));
 }
-const sectionMessageWrapperStyles = css({
-  marginBottom: "var(--ds-space-300, 24px)"
+const sectionMessageWrapperStyles = xcss({
+  marginBottom: 'space.300'
 });
 export default injectIntl(FieldsetField);

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

@@ -18,6 +18,7 @@ import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import AddCircleIcon from '@atlaskit/icon/glyph/add-circle';
+import { Box, xcss } from '@atlaskit/primitives';
 import SectionMessage from '@atlaskit/section-message';
 import Select from '@atlaskit/select';
 import { N40A } from '@atlaskit/theme/colors';
@@ -249,13 +250,13 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 function FieldsetError(_ref) {
   var message = _ref.message;
-  return jsx("div", {
-    css: sectionMessageWrapperStyles
+  return jsx(Box, {
+    xcss: sectionMessageWrapperStyles
   }, jsx(SectionMessage, {
     appearance: "error"
   }, jsx("p", null, message)));
 }
-var sectionMessageWrapperStyles = css({
-  marginBottom: "var(--ds-space-300, 24px)"
+var sectionMessageWrapperStyles = xcss({
+  marginBottom: 'space.300'
 });
 export default injectIntl(FieldsetField);

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

@@ -13,6 +13,7 @@ import type {
   Parameters,
 } from '@atlaskit/editor-common/extensions';
 import { getExtensionKeyAndNodeKey } from '@atlaskit/editor-common/extensions';
+import { Box, xcss } from '@atlaskit/primitives';
 import TextArea from '@atlaskit/textarea';
 import * as colors from '@atlaskit/theme/colors';
 import { token } from '@atlaskit/tokens';
@@ -23,7 +24,7 @@ import ConfigPanelWithProviders from './ConfigPanelWithProviders';
 import type { CallbackParams } from './ExtensionNodePicker';
 import ExtensionNodePicker from './ExtensionNodePicker';
 
-const wrapperStyles = css({ margin: token('space.200', '16px') });
+const wrapperStyles = xcss({ margin: 'space.200' });
 
 const exampleWrapperStyles = css({ display: 'flex', flexDirection: 'row' });
 
@@ -180,7 +181,7 @@ export default function ConfigPanelWithExtensionPicker({
 
   return (
     <IntlProvider locale="en-AU">
-      <div css={wrapperStyles}>
+      <Box xcss={wrapperStyles}>
         <div style={{ float: 'left' }} key="panel">
           {extensionNode?.node && item && (
             <ExtensionConfigPanel
@@ -211,7 +212,7 @@ export default function ConfigPanelWithExtensionPicker({
             }}
           />
         </div>
-      </div>
+      </Box>
     </IntlProvider>
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-extension",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "description": "editor-plugin-extension plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -39,13 +39,14 @@
     "@atlaskit/editor-plugin-decorations": "^0.2.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
     "@atlaskit/editor-plugin-width": "^0.2.0",
-    "@atlaskit/editor-prosemirror": "1.1.0",
+    "@atlaskit/editor-prosemirror": "3.0.0",
     "@atlaskit/editor-shared-styles": "^2.9.0",
     "@atlaskit/editor-tables": "^2.5.0",
     "@atlaskit/empty-state": "^7.6.0",
     "@atlaskit/form": "^9.0.3",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
+    "@atlaskit/primitives": "^2.0.0",
     "@atlaskit/radio": "^6.0.0",
     "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/select": "^17.0.3",