@atlaskit/editor-plugin-card 2.0.4 → 2.0.6

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-card
 
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.0.5
+
+### Patch Changes
+
+- [#110890](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110890)
+  [`a0ec52861fce2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a0ec52861fce2) -
+  [ux] Fixed a duplicate separator showing in the floating toolbar.
+- [#110903](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110903)
+  [`7fafce0ccd594`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7fafce0ccd594) -
+  [ux] Clicking edit link or edit datasource while in SLLV view will no longer trigger scrolling.
+- Updated dependencies
+
 ## 2.0.4
 
 ### Patch Changes

package/dist/cjs/nodeviews/datasource.js

@@ -29,7 +29,7 @@ var _EditorAnalyticsContext = require("../ui/EditorAnalyticsContext");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var getPosSafely = function getPosSafely(pos) {
   if (!pos || typeof pos === 'boolean') {
     return;
@@ -284,7 +284,9 @@ var Datasource = exports.Datasource = /*#__PURE__*/function (_ReactNodeView) {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: _styles.DATASOURCE_INNER_CONTAINER_CLASSNAME,
         style: {
-          minWidth: this.isNodeNested ? '100%' : (0, _utils.calcBreakoutWidth)(attrs.layout || _linkingCommon.DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
+          minWidth: this.isNodeNested ? '100%' :
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+          (0, _utils.calcBreakoutWidth)(attrs.layout || _linkingCommon.DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
         }
       }, (0, _react2.jsx)(DatasourceComponent, {
         node: this.node,

package/dist/cjs/pm-plugins/doc.js

@@ -622,6 +622,8 @@ var getStartingToolbarItems = exports.getStartingToolbarItems = function getStar
       title: intl.formatMessage(_messages.linkToolbarMessages.editLink),
       showTitle: true,
       metadata: metadata
+    }, {
+      type: 'separator'
     }];
     return [{
       type: 'custom',

package/dist/cjs/toolbar.js

@@ -236,7 +236,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
             intl: intl,
             editorAnalyticsApi: editorAnalyticsApi,
             editorView: editorView,
-            onLinkEditClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi)
+            onLinkEditClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi, true)
           });
         }
       }] : [{
@@ -247,7 +247,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         title: intl.formatMessage(_messages.linkToolbarMessages.editLink),
         showTitle: true,
         testId: 'link-toolbar-edit-link-button',
-        onClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi)
+        onClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi, true)
       }, {
         type: 'separator'
       }];
@@ -479,7 +479,7 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
           intl: intl,
           editorAnalyticsApi: editorAnalyticsApi,
           editorView: editorView,
-          onLinkEditClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi)
+          onLinkEditClick: (0, _EditLinkToolbar.editLink)(editorAnalyticsApi, false)
         });
       }
     });

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

@@ -18,10 +18,12 @@ var _LeftIconOverlay = _interopRequireDefault(require("../LeftIconOverlay"));
 var _Pulse = require("../Pulse");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // editor adds a standard line-height that is bigger than an inline smart link
 // due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
 var loaderWrapperStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.loader-wrapper': {
     lineHeight: 'normal'
   }

package/dist/cjs/ui/DatasourceAppearanceButton.js

@@ -20,6 +20,8 @@ var _DatasourceIcon = require("./DatasourceIcon");
 var _useFetchDatasourceInfo = require("./useFetchDatasourceInfo");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var buttonStyles = (0, _react2.css)({
   pointerEvents: 'auto'
 });

package/dist/cjs/ui/EditDatasourceButton.js

@@ -13,6 +13,7 @@ var _utils = require("../utils");
 var _CardContextProvider = require("./CardContextProvider");
 var _useFetchDatasourceInfo = require("./useFetchDatasourceInfo");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var buttonStyles = (0, _react.css)({
   pointerEvents: 'auto'

package/dist/cjs/ui/EditLinkToolbar.js

@@ -133,7 +133,7 @@ var EditLinkToolbar = exports.EditLinkToolbar = /*#__PURE__*/function (_React$Co
   }]);
   return EditLinkToolbar;
 }(_react.default.Component);
-var editLink = exports.editLink = function editLink(editorAnalyticsApi) {
+var editLink = exports.editLink = function editLink(editorAnalyticsApi, scrollIntoView) {
   return function (state, dispatch) {
     var type = 'hyperlink';
     if (state.selection instanceof _state.NodeSelection) {
@@ -143,6 +143,7 @@ var editLink = exports.editLink = function editLink(editorAnalyticsApi) {
       var tr = state.tr;
       (0, _actions.showLinkToolbar)(tr);
       editorAnalyticsApi === null || editorAnalyticsApi === void 0 || editorAnalyticsApi.attachAnalyticsEvent((0, _analytics.buildEditLinkPayload)(type))(tr);
+      tr.setMeta('scrollIntoView', scrollIntoView);
       dispatch(tr);
       return true;
     }

package/dist/cjs/ui/EditToolbarButton.js

@@ -21,6 +21,8 @@ var _CardContextProvider = require("./CardContextProvider");
 var _useFetchDatasourceInfo = require("./useFetchDatasourceInfo");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var dropdownExpandContainer = (0, _react2.css)({
   margin: "0px ".concat("var(--ds-space-negative-050, -4px)")
 });

package/dist/cjs/ui/HyperlinkToolbarAppearance.js

@@ -17,6 +17,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _ui = require("@atlaskit/editor-common/ui");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _DatasourceAppearanceButton = require("./DatasourceAppearanceButton");
@@ -183,7 +184,7 @@ var HyperlinkToolbarAppearance = exports.HyperlinkToolbarAppearance = /*#__PURE_
         editorView: editorView,
         editorAnalyticsApi: editorAnalyticsApi,
         inputMethod: _analytics.INPUT_METHOD.FLOATING_TB
-      }));
+      }), /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarSeparator, null));
     }
   }]);
   return HyperlinkToolbarAppearance;

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

@@ -24,6 +24,7 @@ var _active;
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var DEBOUNCE_IN_MS = 5;
@@ -43,9 +44,11 @@ var getGradientWithColor = function getGradientWithColor(color) {
 var containerStyles = (0, _react2.css)({
   position: 'relative',
   lineHeight: 'normal',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':active': (_active = {}, (0, _defineProperty2.default)(_active, ".".concat(ICON_AND_LABEL_CLASSNAME), {
     background: SMART_LINK_ACTIVE_COLOR
   }), (0, _defineProperty2.default)(_active, ".".concat(OVERLAY_GRADIENT_CLASSNAME), {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     background: getGradientWithColor(SMART_LINK_ACTIVE_COLOR)
   }), _active)
 });
@@ -72,6 +75,7 @@ var showOverlayStyles = (0, _react2.css)({
 });
 var iconStyles = (0, _react2.css)({
   // Position icon in the middle
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   span: {
     display: 'flex'
   }
@@ -102,6 +106,7 @@ var overflowingContainerStyles = (0, _react2.css)({
 var gradientStyles = (0, _react2.css)({
   width: '2.5rem',
   height: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   background: getGradientWithColor(SMART_LINK_BACKGROUND_COLOR)
 });
 var InlineCardOverlay = function InlineCardOverlay(_ref) {

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

@@ -22,12 +22,14 @@ var _actions = require("../../pm-plugins/actions");
 var _utils2 = require("../../utils");
 var _utils3 = 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; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var toolbarButtonWrapperStyles = (0, _react2.css)({
   background: "".concat("var(--ds-background-neutral, ".concat(_colors.N20A, ")")),
   color: "".concat("var(--ds-icon, ".concat(_colors.N300, ")")),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
     background: "".concat("var(--ds-background-neutral-hovered, ".concat(_colors.B300, ")")),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     color: "var(--ds-icon, white)".concat(" !important")
   }
 });

package/dist/cjs/ui/LeftIconOverlay/ConfigureLinkDropdown/index.js

@@ -29,7 +29,7 @@ var ConfigureLinkDropdown = function ConfigureLinkDropdown(props) {
       var triggerRef = _ref.triggerRef,
         props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
       return /*#__PURE__*/_react.default.createElement(_new.default, (0, _extends2.default)({}, props, {
-        spacing: "none",
+        spacing: 'none',
         ref: triggerRef
       }), /*#__PURE__*/_react.default.createElement("span", {
         style: {
@@ -41,17 +41,17 @@ var ConfigureLinkDropdown = function ConfigureLinkDropdown(props) {
         testId: "".concat(testId, "-icon")
       })));
     },
-    spacing: "compact",
-    placement: "bottom-start"
+    spacing: 'compact',
+    placement: 'bottom-start'
   }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
     elemBefore: /*#__PURE__*/_react.default.createElement(_shortcut.default, {
       label: goToLinkLabel,
-      size: "small"
+      size: 'small'
     })
   }, goToLinkLabel), /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
     elemBefore: /*#__PURE__*/_react.default.createElement(_preferences.default, {
       label: configureLinkLabel,
-      size: "small"
+      size: 'small'
     })
   }, configureLinkLabel)));
 };

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

@@ -23,6 +23,7 @@ var _excluded = ["children", "isSelected", "isVisible", "testId"];
 /* eslint-disable @atlaskit/design-system/no-nested-styles */
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var DEBOUNCE_IN_MS = 5;
@@ -55,12 +56,15 @@ var showOverlayStyles = (0, _react2.css)({
 });
 var iconStyles = (0, _react2.css)({
   background: CONFIGURE_ICON_BACKGROUND_COLOR,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
     background: CONFIGURE_ICON_BACKGROUND_HOVERED_COLOR
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':active': {
     background: CONFIGURE_ICON_BACKGROUND_ACTIVE_COLOR
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   span: {
     // If PreferencesIcon left as inline-block (default), height is incorrect and border radius is clipped when parent element
     // uses 1lh height (rather than 100%)
@@ -179,7 +183,9 @@ var LeftIconOverlay = function LeftIconOverlay(_ref) {
       tabIndex: -1,
       "data-testid": testId
     }, (0, _react2.jsx)("span", (0, _extends2.default)({}, tooltipProps, {
-      css: iconAndLabelStyles,
+      css: iconAndLabelStyles
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: ICON_AND_LABEL_CLASSNAME
     }), (0, _react2.jsx)("span", {
       css: iconStyles

package/dist/cjs/ui/ResizableEmbedCard.js

@@ -22,7 +22,7 @@ var _smartCard = require("@atlaskit/smart-card");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ResizableEmbedCard, _React$Component);
@@ -366,9 +366,11 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
       return (0, _react2.jsx)("div", {
         "data-testid": "resizable-embed-card-spacing"
       }, (0, _react2.jsx)("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         css: (0, _ui.wrapperStyle)({
           layout: layout,
           isResized: !!pctWidth,
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
           containerWidth: containerWidth || _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH,
           fullWidthMode: fullWidthMode
         })

package/dist/es2019/nodeviews/datasource.js

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import PropTypes from 'prop-types';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
@@ -232,7 +234,9 @@ export class Datasource extends ReactNodeView {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: DATASOURCE_INNER_CONTAINER_CLASSNAME,
       style: {
-        minWidth: this.isNodeNested ? '100%' : calcBreakoutWidth(attrs.layout || DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
+        minWidth: this.isNodeNested ? '100%' :
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        calcBreakoutWidth(attrs.layout || DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
       }
     }, jsx(DatasourceComponent, {
       node: this.node,

package/dist/es2019/pm-plugins/doc.js

@@ -610,6 +610,8 @@ export const getStartingToolbarItems = (options, api) => {
       title: intl.formatMessage(linkToolbarMessages.editLink),
       showTitle: true,
       metadata: metadata
+    }, {
+      type: 'separator'
     }];
     return [{
       type: 'custom',

package/dist/es2019/toolbar.js

@@ -229,7 +229,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
         intl: intl,
         editorAnalyticsApi: editorAnalyticsApi,
         editorView: editorView,
-        onLinkEditClick: editLink(editorAnalyticsApi)
+        onLinkEditClick: editLink(editorAnalyticsApi, true)
       })
     }] : [{
       id: 'editor.link.edit',
@@ -239,7 +239,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       title: intl.formatMessage(linkToolbarMessages.editLink),
       showTitle: true,
       testId: 'link-toolbar-edit-link-button',
-      onClick: editLink(editorAnalyticsApi)
+      onClick: editLink(editorAnalyticsApi, true)
     }, {
       type: 'separator'
     }];
@@ -467,7 +467,7 @@ const getDatasourceButtonGroup = (metadata, intl, editorAnalyticsApi, node, hove
         intl: intl,
         editorAnalyticsApi: editorAnalyticsApi,
         editorView: editorView,
-        onLinkEditClick: editLink(editorAnalyticsApi)
+        onLinkEditClick: editLink(editorAnalyticsApi, false)
       })
     });
   }

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { useCallback, useEffect, useMemo, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -12,7 +14,7 @@ import { DiscoveryPulse } from '../Pulse';
 // editor adds a standard line-height that is bigger than an inline smart link
 // due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it
 const loaderWrapperStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.loader-wrapper': {
     lineHeight: 'normal'
   }

package/dist/es2019/ui/DatasourceAppearanceButton.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';

package/dist/es2019/ui/EditDatasourceButton.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { FloatingToolbarButton as Button, FloatingToolbarSeparator as Separator, SmallerEditIcon } from '@atlaskit/editor-common/ui';

package/dist/es2019/ui/EditLinkToolbar.js

@@ -107,7 +107,7 @@ export class EditLinkToolbar extends React.Component {
     });
   }
 }
-export const editLink = editorAnalyticsApi => (state, dispatch) => {
+export const editLink = (editorAnalyticsApi, scrollIntoView) => (state, dispatch) => {
   let type = 'hyperlink';
   if (state.selection instanceof NodeSelection) {
     type = state.selection.node.type.name;
@@ -118,6 +118,7 @@ export const editLink = editorAnalyticsApi => (state, dispatch) => {
     } = state;
     showLinkToolbar(tr);
     editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(buildEditLinkPayload(type))(tr);
+    tr.setMeta('scrollIntoView', scrollIntoView);
     dispatch(tr);
     return true;
   }

package/dist/es2019/ui/EditToolbarButton.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { useCallback, useMemo, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';

package/dist/es2019/ui/HyperlinkToolbarAppearance.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { FloatingToolbarSeparator as Separator } from '@atlaskit/editor-common/ui';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Flex } from '@atlaskit/primitives';
 import { DatasourceAppearanceButton } from './DatasourceAppearanceButton';
@@ -98,6 +99,6 @@ export class HyperlinkToolbarAppearance extends Component {
       editorView: editorView,
       editorAnalyticsApi: editorAnalyticsApi,
       inputMethod: INPUT_METHOD.FLOATING_TB
-    }));
+    }), /*#__PURE__*/React.createElement(Separator, null));
   }
 }

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

@@ -3,6 +3,8 @@ import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 import { useIntl } from 'react-intl-next';
@@ -28,11 +30,15 @@ const getGradientWithColor = color => {
 const containerStyles = css({
   position: 'relative',
   lineHeight: 'normal',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':active': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     [`.${ICON_AND_LABEL_CLASSNAME}`]: {
       background: SMART_LINK_ACTIVE_COLOR
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     [`.${OVERLAY_GRADIENT_CLASSNAME}`]: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       background: getGradientWithColor(SMART_LINK_ACTIVE_COLOR)
     }
   }
@@ -60,6 +66,7 @@ const showOverlayStyles = css({
 });
 const iconStyles = css({
   // Position icon in the middle
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   span: {
     display: 'flex'
   }
@@ -90,6 +97,7 @@ const overflowingContainerStyles = css({
 const gradientStyles = css({
   width: '2.5rem',
   height: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   background: getGradientWithColor(SMART_LINK_BACKGROUND_COLOR)
 });
 const InlineCardOverlay = ({

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { useCallback, useMemo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
@@ -17,8 +19,10 @@ import { getDatasource, isDatasourceTableLayout } from './utils';
 const toolbarButtonWrapperStyles = css({
   background: `${`var(--ds-background-neutral, ${N20A})`}`,
   color: `${`var(--ds-icon, ${N300})`}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
     background: `${`var(--ds-background-neutral-hovered, ${B300})`}`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     color: `${"var(--ds-icon, white)"} !important`
   }
 });

package/dist/es2019/ui/LeftIconOverlay/ConfigureLinkDropdown/index.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { useIntl } from "react-intl-next";
-import Button from "@atlaskit/button/new";
-import DropdownMenu, { DropdownItem, DropdownItemGroup } from "@atlaskit/dropdown-menu";
-import { cardMessages as messages } from "@atlaskit/editor-common/messages";
-import ChevronDownIcon from "@atlaskit/icon/glyph/chevron-down";
-import PreferencesIcon from "@atlaskit/icon/glyph/preferences";
-import ShortcutIcon from "@atlaskit/icon/glyph/shortcut";
+import { useIntl } from 'react-intl-next';
+import Button from '@atlaskit/button/new';
+import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import { cardMessages as messages } from '@atlaskit/editor-common/messages';
+import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
+import PreferencesIcon from '@atlaskit/icon/glyph/preferences';
+import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 const ConfigureLinkDropdown = props => {
   const {
     testId
@@ -19,7 +19,7 @@ const ConfigureLinkDropdown = props => {
       triggerRef,
       ...props
     }) => /*#__PURE__*/React.createElement(Button, _extends({}, props, {
-      spacing: "none",
+      spacing: 'none',
       ref: triggerRef
     }), /*#__PURE__*/React.createElement("span", {
       style: {
@@ -30,17 +30,17 @@ const ConfigureLinkDropdown = props => {
       size: 'small',
       testId: `${testId}-icon`
     }))),
-    spacing: "compact",
-    placement: "bottom-start"
+    spacing: 'compact',
+    placement: 'bottom-start'
   }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, /*#__PURE__*/React.createElement(DropdownItem, {
     elemBefore: /*#__PURE__*/React.createElement(ShortcutIcon, {
       label: goToLinkLabel,
-      size: "small"
+      size: 'small'
     })
   }, goToLinkLabel), /*#__PURE__*/React.createElement(DropdownItem, {
     elemBefore: /*#__PURE__*/React.createElement(PreferencesIcon, {
       label: configureLinkLabel,
-      size: "small"
+      size: 'small'
     })
   }, configureLinkLabel)));
 };

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

@@ -3,6 +3,8 @@ import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 import { useIntl } from 'react-intl-next';
@@ -42,12 +44,15 @@ const showOverlayStyles = css({
 });
 const iconStyles = css({
   background: CONFIGURE_ICON_BACKGROUND_COLOR,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
     background: CONFIGURE_ICON_BACKGROUND_HOVERED_COLOR
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':active': {
     background: CONFIGURE_ICON_BACKGROUND_ACTIVE_COLOR
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   span: {
     // If PreferencesIcon left as inline-block (default), height is incorrect and border radius is clipped when parent element
     // uses 1lh height (rather than 100%)
@@ -157,7 +162,9 @@ const LeftIconOverlay = ({
     tabIndex: -1,
     "data-testid": testId
   }, jsx("span", _extends({}, tooltipProps, {
-    css: iconAndLabelStyles,
+    css: iconAndLabelStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: ICON_AND_LABEL_CLASSNAME
   }), jsx("span", {
     css: iconStyles

package/dist/es2019/ui/ResizableEmbedCard.js

@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { calcColumnsFromPx, calcMediaPxWidth, calcPctFromPx, calcPxFromColumns, handleSides, imageAlignmentMap, Resizer, snapTo, wrappedLayouts, wrapperStyle } from '@atlaskit/editor-common/ui';
 import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
@@ -341,9 +343,11 @@ export default class ResizableEmbedCard extends React.Component {
     return jsx("div", {
       "data-testid": "resizable-embed-card-spacing"
     }, jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       css: wrapperStyle({
         layout,
         isResized: !!pctWidth,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         containerWidth: containerWidth || DEFAULT_EMBED_CARD_WIDTH,
         fullWidthMode
       })