@atlaskit/editor-plugin-extension 31.0.0 → 31.0.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-extension
 
+## 31.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 31.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 31.0.0
 
 ### Patch Changes

package/dist/cjs/ui/ConfigPanel/DescriptionSummary.js

@@ -8,18 +8,24 @@ exports.DescriptionSummary = DescriptionSummary;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _extensions = require("@atlaskit/editor-common/extensions");
-var _primitives = require("@atlaskit/primitives");
+var _box = require("@atlaskit/primitives/box");
+var _text = require("@atlaskit/primitives/text");
+var _xcss = require("@atlaskit/primitives/xcss/xcss");
 var _HelpLink = require("./HelpLink");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 var DESCRIPTION_PERIOD_REGEX = /([^.])$/;
-var descriptionStyles = (0, _primitives.xcss)({
+var descriptionStyles = (0, _xcss.xcss)({
   marginBottom: 'space.300'
 });
-var helpLinkStyles = (0, _primitives.xcss)({
+var helpLinkStyles = (0, _xcss.xcss)({
   paddingTop: 'space.150'
 });
 function DescriptionSummary(_ref) {
@@ -33,16 +39,16 @@ function DescriptionSummary(_ref) {
   // This will be removed when Top 5 Modernized Macros updates are rolled out
   var modernizedMacrosList = ['children', 'recently-updated', 'excerpt'];
   var enableHelpCTA = modernizedMacrosList.includes(extensionManifest.key);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (description || documentationUrl) && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (description || documentationUrl) && /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: descriptionStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_text.Text, {
     as: "p",
     testId: "config-panel-header-description"
-  }, description && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, description.replace(DESCRIPTION_PERIOD_REGEX, '$1.'), " "), (deprecation === null || deprecation === void 0 ? void 0 : deprecation.isDeprecated) && (deprecation === null || deprecation === void 0 ? void 0 : deprecation.message) && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, description && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, description.replace(DESCRIPTION_PERIOD_REGEX, '$1.'), " "), (deprecation === null || deprecation === void 0 ? void 0 : deprecation.isDeprecated) && (deprecation === null || deprecation === void 0 ? void 0 : deprecation.message) && /*#__PURE__*/_react.default.createElement(_box.Box, {
     paddingBlockStart: "space.150"
-  }, deprecation.message), documentationUrl && (enableHelpCTA ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, deprecation.message), documentationUrl && (enableHelpCTA ? /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: helpLinkStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_text.Text, {
     as: "p"
   }, /*#__PURE__*/_react.default.createElement(_HelpLink.HelpLink, {
     documentationUrl: documentationUrl,

package/dist/cjs/ui/ConfigPanel/FieldMessages.js

@@ -10,7 +10,7 @@ var _reactIntl = require("react-intl");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _errorMessage = require("@atlaskit/form/error-message");
 var _helperMessage = require("@atlaskit/form/helper-message");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _types = require("./types");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // sidestep XSS issues
@@ -43,14 +43,14 @@ function makeMarkup(fragment, key) {
         key: key
       }, children);
     case 'STRONG':
-      return /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+      return /*#__PURE__*/_react.default.createElement(_text.Text, {
         as: "strong",
         color: "color.text.subtlest",
         size: "small",
         key: key
       }, children);
     case 'EM':
-      return /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+      return /*#__PURE__*/_react.default.createElement(_text.Text, {
         as: "em",
         color: "color.text.subtlest",
         size: "small",

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

@@ -12,8 +12,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _checkbox = require("@atlaskit/checkbox/checkbox");
 var _field = _interopRequireDefault(require("@atlaskit/form/field"));
-var _compiled = require("@atlaskit/primitives/compiled");
-var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
+var _text = require("@atlaskit/primitives/compiled/text");
+var _toggle = _interopRequireDefault(require("@atlaskit/toggle/toggle"));
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
 var _types = require("../types");
 var _excluded = ["value"],
@@ -132,7 +132,7 @@ function Toggle(_ref3) {
       htmlFor: id
     }, label, isRequired ?
     // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-    (0, _react2.jsx)(_compiled.Text, {
+    (0, _react2.jsx)(_text.Text, {
       color: "color.text.danger",
       "aria-hidden": "true"
     }, "*") : null), (0, _react2.jsx)(_toggle.default

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

@@ -12,7 +12,7 @@ var _paletteMessagesTokenModeNames = require("@atlaskit/editor-common/ui-color/C
 var _common = require("@atlaskit/editor-common/ui-color/ColorPalette/Palettes/common");
 var _ColorPickerButton = _interopRequireDefault(require("@atlaskit/editor-common/ui-menu/ColorPickerButton"));
 var _field = _interopRequireDefault(require("@atlaskit/form/field"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
 var _utils = require("../utils");
 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; }
@@ -402,7 +402,7 @@ var ColorPickerField = function ColorPickerField(_ref) {
       css: colorPickerWrapperStyles
     }, (0, _react2.jsx)("label", {
       css: colorPickerLabelStyles
-    }, label, isRequired && (0, _react2.jsx)(_compiled.Text, {
+    }, label, isRequired && (0, _react2.jsx)(_text.Text, {
       color: "color.text.danger",
       "aria-hidden": "true"
     }, "*")), (0, _react2.jsx)(ColorPicker, {

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

@@ -22,7 +22,9 @@ var _button = _interopRequireDefault(require("@atlaskit/button/default/button"))
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
 var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
-var _primitives = require("@atlaskit/primitives");
+var _box = require("@atlaskit/primitives/box");
+var _text = require("@atlaskit/primitives/text");
+var _xcss = require("@atlaskit/primitives/xcss/xcss");
 var _message = _interopRequireDefault(require("@atlaskit/section-message/message"));
 var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
 var _utils = require("../utils");
@@ -35,6 +37,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var actionsWrapperStyles = (0, _react2.css)({
   borderTop: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   marginTop: "var(--ds-space-200, 16px)",
@@ -274,15 +278,15 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
 }(_react.default.Component);
 function FieldsetError(_ref) {
   var message = _ref.message;
-  return (0, _react2.jsx)(_primitives.Box, {
+  return (0, _react2.jsx)(_box.Box, {
     xcss: sectionMessageWrapperStyles
   }, (0, _react2.jsx)(_message.default, {
     appearance: "error"
-  }, (0, _react2.jsx)(_primitives.Text, {
+  }, (0, _react2.jsx)(_text.Text, {
     as: "p"
   }, message)));
 }
-var sectionMessageWrapperStyles = (0, _primitives.xcss)({
+var sectionMessageWrapperStyles = (0, _xcss.xcss)({
   marginBottom: 'space.300'
 });
 

package/dist/cjs/ui/ConfigPanel/FormErrorBoundary.js

@@ -20,7 +20,8 @@ var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-n
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _extensions = require("@atlaskit/editor-common/extensions");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _stack = require("@atlaskit/primitives/compiled/stack");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _message = _interopRequireDefault(require("@atlaskit/section-message/message"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
@@ -132,9 +133,9 @@ var FormErrorBoundaryInner = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react.default.createElement(_message.default, {
         title: intl.formatMessage(_extensions.configPanelMessages.errorBoundaryTitle),
         appearance: "error"
-      }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+      }, /*#__PURE__*/_react.default.createElement(_stack.Stack, null, /*#__PURE__*/_react.default.createElement(_text.Text, {
         as: "p"
-      }, /*#__PURE__*/_react.default.createElement("i", null, error.message)), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+      }, /*#__PURE__*/_react.default.createElement("i", null, error.message)), /*#__PURE__*/_react.default.createElement(_text.Text, {
         as: "p"
       }, intl.formatMessage(_extensions.configPanelMessages.errorBoundaryNote))));
     }

package/dist/cjs/ui/ConfigPanel/Header/HeaderAfterIconElement.js

@@ -6,11 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _primitives = require("@atlaskit/primitives");
+var _box = require("@atlaskit/primitives/box");
+var _flex = require("@atlaskit/primitives/components/flex");
+var _xcss = require("@atlaskit/primitives/xcss/xcss");
 var _withExtensionManifest = require("../withExtensionManifest");
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
-var itemBodyStyles = (0, _primitives.xcss)({
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
+var itemBodyStyles = (0, _xcss.xcss)({
   display: 'flex',
   flexDirection: 'row',
   flexWrap: 'nowrap',
@@ -18,11 +24,11 @@ var itemBodyStyles = (0, _primitives.xcss)({
   margin: 'space.200',
   flexGrow: 3
 });
-var itemTextStyles = (0, _primitives.xcss)({
+var itemTextStyles = (0, _xcss.xcss)({
   maxWidth: '100%',
   whiteSpace: 'initial'
 });
-var summaryStyles = (0, _primitives.xcss)({
+var summaryStyles = (0, _xcss.xcss)({
   font: 'font.body.small',
   color: 'color.text.subtlest',
   marginTop: 'space.050',
@@ -34,16 +40,16 @@ function HeaderAfterIconElement(_ref) {
   var extensionManifest = _ref.extensionManifest;
   var title = extensionManifest.title;
   var summary = extensionManifest.summary;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: itemBodyStyles
-  }, summary ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, summary ? /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: itemTextStyles
   }, /*#__PURE__*/_react.default.createElement("div", {
     id: "context-panel-title",
     "data-testid": "context-panel-title"
-  }, title), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, title), /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: summaryStyles
-  }, summary)) : /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
+  }, summary)) : /*#__PURE__*/_react.default.createElement(_flex.Flex, {
     direction: "column",
     alignItems: "center",
     testId: "context-panel-title"

package/dist/cjs/ui/ConfigPanel/Header/HeaderIcon.js

@@ -6,13 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _primitives = require("@atlaskit/primitives");
+var _box = require("@atlaskit/primitives/box");
+var _xcss = require("@atlaskit/primitives/xcss/xcss");
 var _withExtensionManifest = require("../withExtensionManifest");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
 var iconWidth = '40px';
-var itemIconStyles = (0, _primitives.xcss)({
+var itemIconStyles = (0, _xcss.xcss)({
   width: iconWidth,
   height: iconWidth,
   overflow: 'hidden',
@@ -39,7 +42,7 @@ function HeaderIcon(_ref) {
       });
     });
   }, [icon]);
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
     xcss: itemIconStyles
   }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null

package/dist/cjs/ui/ConfigPanel/Header.js

@@ -12,7 +12,9 @@ var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
-var _primitives = require("@atlaskit/primitives");
+var _box = require("@atlaskit/primitives/box");
+var _text = require("@atlaskit/primitives/text");
+var _xcss = require("@atlaskit/primitives/xcss/xcss");
 var _HelpLink = require("./HelpLink");
 /**
  * @jsxRuntime classic
@@ -25,6 +27,10 @@ var _HelpLink = require("./HelpLink");
 
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 var DESCRIPTION_PERIOD_REGEX = /([^.])$/;
@@ -83,10 +89,10 @@ var itemTextStyles = (0, _react2.css)({
     textOverflow: 'ellipsis'
   }
 });
-var descriptionStyles = (0, _primitives.xcss)({
+var descriptionStyles = (0, _xcss.xcss)({
   marginBottom: 'space.300'
 });
-var helpLinkStyles = (0, _primitives.xcss)({
+var helpLinkStyles = (0, _xcss.xcss)({
   paddingTop: 'space.150'
 });
 var closeButtonWrapperStyles = (0, _react2.css)({
@@ -146,16 +152,16 @@ var Header = function Header(_ref) {
     label: intl.formatMessage(_extensions.configPanelMessages.close),
     icon: _cross.default,
     onClick: onClose
-  }))), (description || documentationUrl) && (0, _react2.jsx)(_primitives.Box, {
+  }))), (description || documentationUrl) && (0, _react2.jsx)(_box.Box, {
     xcss: descriptionStyles
-  }, (0, _react2.jsx)(_primitives.Text, {
+  }, (0, _react2.jsx)(_text.Text, {
     as: "p",
     testId: "config-panel-header-description"
-  }, description && (0, _react2.jsx)(_react.Fragment, null, description.replace(DESCRIPTION_PERIOD_REGEX, '$1.'), " "), (deprecation === null || deprecation === void 0 ? void 0 : deprecation.isDeprecated) && (deprecation === null || deprecation === void 0 ? void 0 : deprecation.message) && (0, _react2.jsx)(_primitives.Box, {
+  }, description && (0, _react2.jsx)(_react.Fragment, null, description.replace(DESCRIPTION_PERIOD_REGEX, '$1.'), " "), (deprecation === null || deprecation === void 0 ? void 0 : deprecation.isDeprecated) && (deprecation === null || deprecation === void 0 ? void 0 : deprecation.message) && (0, _react2.jsx)(_box.Box, {
     paddingBlockStart: "space.150"
-  }, deprecation.message), documentationUrl && (enableHelpCTA ? (0, _react2.jsx)(_primitives.Box, {
+  }, deprecation.message), documentationUrl && (enableHelpCTA ? (0, _react2.jsx)(_box.Box, {
     xcss: helpLinkStyles
-  }, (0, _react2.jsx)(_primitives.Text, {
+  }, (0, _react2.jsx)(_text.Text, {
     as: "p"
   }, (0, _react2.jsx)(_HelpLink.HelpLink, {
     documentationUrl: documentationUrl,

package/dist/cjs/ui/SaveIndicator/SaveIndicator.js

@@ -11,7 +11,9 @@ var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _messages = require("@atlaskit/editor-common/extensions/messages");
 var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
-var _primitives = require("@atlaskit/primitives");
+var _box = require("@atlaskit/primitives/box");
+var _text = require("@atlaskit/primitives/text");
+var _xcss = require("@atlaskit/primitives/xcss/xcss");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -21,6 +23,10 @@ var _primitives = require("@atlaskit/primitives");
 
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
 var noop = function noop() {};
 var saveIndicatorWrapperStyles = (0, _react2.css)({
   display: 'flex',
@@ -39,7 +45,7 @@ var saveIndicatorContentStyles = (0, _react2.css)({
   boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
   borderRadius: "var(--ds-radius-xxlarge, 16px)"
 });
-var saveIndicatorTextStyles = (0, _primitives.xcss)({
+var saveIndicatorTextStyles = (0, _xcss.xcss)({
   paddingLeft: 'space.075'
 });
 var SaveIndicator = exports.SaveIndicator = function SaveIndicator(_ref) {
@@ -80,9 +86,9 @@ var SaveIndicator = exports.SaveIndicator = function SaveIndicator(_ref) {
     label: "Saving",
     color: "var(--ds-icon-success, #6A9A23)",
     spacing: "none"
-  }), (0, _react2.jsx)(_primitives.Box, {
+  }), (0, _react2.jsx)(_box.Box, {
     xcss: saveIndicatorTextStyles
-  }, (0, _react2.jsx)(_primitives.Text, null, (0, _react2.jsx)(_reactIntl.FormattedMessage
+  }, (0, _react2.jsx)(_text.Text, null, (0, _react2.jsx)(_reactIntl.FormattedMessage
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _messages.messages.saveIndicator))))));

package/dist/cjs/ui/useConfigPanelPluginHook.js

@@ -16,7 +16,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _manifestHelpers = require("@atlaskit/editor-common/extensions/manifest-helpers");
 var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _box = require("@atlaskit/primitives/compiled/box");
 var _commands = require("../editor-commands/commands");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _utils = require("../pm-plugins/utils");
@@ -230,7 +230,7 @@ var getContextPanelBodyComponent = exports.getContextPanelBodyComponent = functi
     nodeKey = _getExtensionKeyAndNo4[1];
   var configParams = processParametersBefore ? processParametersBefore(parameters || {}) : parameters;
   return function () {
-    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    return /*#__PURE__*/_react.default.createElement(_box.Box, {
       padding: "space.200"
     }, /*#__PURE__*/_react.default.createElement(_SaveIndicator.SaveIndicator, {
       duration: 5000,

package/dist/es2019/ui/ConfigPanel/DescriptionSummary.js

@@ -2,7 +2,11 @@ import React, { Fragment } from 'react';
 import { useIntl } from 'react-intl';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Text, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Text } from '@atlaskit/primitives/text';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import { HelpLink } from './HelpLink';
 
 // Ignored via go/ees005

package/dist/es2019/ui/ConfigPanel/FieldMessages.js

@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { ErrorMessage } from '@atlaskit/form/error-message';
 import { HelperMessage } from '@atlaskit/form/helper-message';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { FieldTypeError, ValidationError } from './types';
 
 // sidestep XSS issues

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

@@ -9,8 +9,8 @@ import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { Checkbox as AKCheckbox } from '@atlaskit/checkbox/checkbox';
 import Field from '@atlaskit/form/field';
-import { Text } from '@atlaskit/primitives/compiled';
-import AKToggle from '@atlaskit/toggle';
+import { Text } from '@atlaskit/primitives/compiled/text';
+import AKToggle from '@atlaskit/toggle/toggle';
 import FieldMessages from '../FieldMessages';
 import { ValidationError } from '../types';
 const toggleFieldWrapperStyles = css({

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

@@ -10,7 +10,7 @@ import { chartsColorPaletteTooltipMessages } from '@atlaskit/editor-common/ui-co
 import { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color/ColorPalette/Palettes/common';
 import ColorPickerButton from '@atlaskit/editor-common/ui-menu/ColorPickerButton';
 import Field from '@atlaskit/form/field';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import FieldMessages from '../FieldMessages';
 import { validate } from '../utils';
 

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

@@ -14,7 +14,11 @@ import { configPanelMessages as messages } from '@atlaskit/editor-common/extensi
 import Heading from '@atlaskit/heading/heading';
 import AddCircleIcon from '@atlaskit/icon/core/add';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Text, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Text } from '@atlaskit/primitives/text';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import SectionMessage from '@atlaskit/section-message/message';
 import Select from '@atlaskit/select/default';
 import { getNameFromDuplicateField, isDuplicateField } from '../utils';

package/dist/es2019/ui/ConfigPanel/FormErrorBoundary.js

@@ -6,7 +6,8 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { editorAnalyticsChannel } from '@atlaskit/editor-common/analytics';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import { Stack, Text } from '@atlaskit/primitives/compiled';
+import { Stack } from '@atlaskit/primitives/compiled/stack';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import SectionMessage from '@atlaskit/section-message/message';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class FormErrorBoundaryInner extends React.Component {

package/dist/es2019/ui/ConfigPanel/Header/HeaderAfterIconElement.js

@@ -1,6 +1,10 @@
 import React from 'react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Flex, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Flex } from '@atlaskit/primitives/components/flex';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import { withExtensionManifest } from '../withExtensionManifest';
 const itemBodyStyles = xcss({
   display: 'flex',

package/dist/es2019/ui/ConfigPanel/Header/HeaderIcon.js

@@ -1,6 +1,8 @@
 import React, { Suspense, lazy, useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import { withExtensionManifest } from '../withExtensionManifest';
 const iconWidth = '40px';
 const itemIconStyles = xcss({

package/dist/es2019/ui/ConfigPanel/Header.js

@@ -14,7 +14,11 @@ import { configPanelMessages as messages } from '@atlaskit/editor-common/extensi
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles/constants';
 import CrossIcon from '@atlaskit/icon/core/cross';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Text, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Text } from '@atlaskit/primitives/text';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import { HelpLink } from './HelpLink';
 
 // Ignored via go/ees005

package/dist/es2019/ui/SaveIndicator/SaveIndicator.js

@@ -10,7 +10,11 @@ import { FormattedMessage } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/extensions/messages';
 import CheckCircleIcon from '@atlaskit/icon/core/status-success';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Text, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Text } from '@atlaskit/primitives/text';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 const noop = () => {};
 const saveIndicatorWrapperStyles = css({
   display: 'flex',

package/dist/es2019/ui/useConfigPanelPluginHook.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { getExtensionKeyAndNodeKey } from '@atlaskit/editor-common/extensions/manifest-helpers';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { clearEditingContext, forceAutoSave } from '../editor-commands/commands';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { getSelectedExtension } from '../pm-plugins/utils';

package/dist/esm/ui/ConfigPanel/DescriptionSummary.js

@@ -2,7 +2,11 @@ import React, { Fragment } from 'react';
 import { useIntl } from 'react-intl';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Text, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Text } from '@atlaskit/primitives/text';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import { HelpLink } from './HelpLink';
 
 // Ignored via go/ees005

package/dist/esm/ui/ConfigPanel/FieldMessages.js

@@ -3,7 +3,7 @@ import { injectIntl } from 'react-intl';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { ErrorMessage } from '@atlaskit/form/error-message';
 import { HelperMessage } from '@atlaskit/form/helper-message';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { FieldTypeError, ValidationError } from './types';
 
 // sidestep XSS issues

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

@@ -12,8 +12,8 @@ import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { Checkbox as AKCheckbox } from '@atlaskit/checkbox/checkbox';
 import Field from '@atlaskit/form/field';
-import { Text } from '@atlaskit/primitives/compiled';
-import AKToggle from '@atlaskit/toggle';
+import { Text } from '@atlaskit/primitives/compiled/text';
+import AKToggle from '@atlaskit/toggle/toggle';
 import FieldMessages from '../FieldMessages';
 import { ValidationError } from '../types';
 var toggleFieldWrapperStyles = css({

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

@@ -13,7 +13,7 @@ import { chartsColorPaletteTooltipMessages } from '@atlaskit/editor-common/ui-co
 import { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color/ColorPalette/Palettes/common';
 import ColorPickerButton from '@atlaskit/editor-common/ui-menu/ColorPickerButton';
 import Field from '@atlaskit/form/field';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import FieldMessages from '../FieldMessages';
 import { validate as _validate } from '../utils';
 

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

@@ -25,7 +25,11 @@ import { configPanelMessages as messages } from '@atlaskit/editor-common/extensi
 import Heading from '@atlaskit/heading/heading';
 import AddCircleIcon from '@atlaskit/icon/core/add';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Text, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Text } from '@atlaskit/primitives/text';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import SectionMessage from '@atlaskit/section-message/message';
 import Select from '@atlaskit/select/default';
 import { getNameFromDuplicateField, isDuplicateField } from '../utils';

package/dist/esm/ui/ConfigPanel/FormErrorBoundary.js

@@ -15,7 +15,8 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { editorAnalyticsChannel } from '@atlaskit/editor-common/analytics';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import { Stack, Text } from '@atlaskit/primitives/compiled';
+import { Stack } from '@atlaskit/primitives/compiled/stack';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import SectionMessage from '@atlaskit/section-message/message';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var FormErrorBoundaryInner = /*#__PURE__*/function (_React$Component) {

package/dist/esm/ui/ConfigPanel/Header/HeaderAfterIconElement.js

@@ -1,6 +1,10 @@
 import React from 'react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Flex, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Flex } from '@atlaskit/primitives/components/flex';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import { withExtensionManifest } from '../withExtensionManifest';
 var itemBodyStyles = xcss({
   display: 'flex',

package/dist/esm/ui/ConfigPanel/Header/HeaderIcon.js

@@ -1,6 +1,8 @@
 import React, { Suspense, lazy, useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import { withExtensionManifest } from '../withExtensionManifest';
 var iconWidth = '40px';
 var itemIconStyles = xcss({

package/dist/esm/ui/ConfigPanel/Header.js

@@ -14,7 +14,11 @@ import { configPanelMessages as messages } from '@atlaskit/editor-common/extensi
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles/constants';
 import CrossIcon from '@atlaskit/icon/core/cross';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Text, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Text } from '@atlaskit/primitives/text';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import { HelpLink } from './HelpLink';
 
 // Ignored via go/ees005

package/dist/esm/ui/SaveIndicator/SaveIndicator.js

@@ -11,7 +11,11 @@ import { FormattedMessage } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/extensions/messages';
 import CheckCircleIcon from '@atlaskit/icon/core/status-success';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, Text, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { Text } from '@atlaskit/primitives/text';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 var noop = function noop() {};
 var saveIndicatorWrapperStyles = css({
   display: 'flex',

package/dist/esm/ui/useConfigPanelPluginHook.js

@@ -4,7 +4,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect } from 'react';
 import { getExtensionKeyAndNodeKey } from '@atlaskit/editor-common/extensions/manifest-helpers';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
-import { Box } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
 import { clearEditingContext, forceAutoSave } from '../editor-commands/commands';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { getSelectedExtension } from '../pm-plugins/utils';

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

@@ -18,7 +18,9 @@ import type { ExtensionProvider } from '@atlaskit/editor-common/extensions/exten
 import { getExtensionKeyAndNodeKey } from '@atlaskit/editor-common/extensions/manifest-helpers';
 import Heading from '@atlaskit/heading/heading';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/box';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+import { xcss } from '@atlaskit/primitives/xcss/xcss';
 import TextArea from '@atlaskit/textarea/text-area';
 import { token } from '@atlaskit/tokens';
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "31.0.0",
+	"version": "31.0.2",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -69,7 +69,7 @@
 		"@atlaskit/tabs": "^21.3.0",
 		"@atlaskit/textarea": "^10.2.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^240.0.0",
+		"@atlaskit/tmp-editor-statsig": "^242.0.0",
 		"@atlaskit/toggle": "^17.3.0",
 		"@atlaskit/tokens": "^20.6.0",
 		"@atlaskit/tooltip": "^24.4.0",