@atlaskit/editor-common 107.23.2 → 107.24.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-common
 
+## 107.24.0
+
+### Minor Changes
+
+- [`5b6e41650fd59`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5b6e41650fd59) -
+  [ux] Introduce messages to be used in conjuction with the changes made in
+  @atlaskit/editor-plugin-annotation 3.3.2
+
+## 107.23.3
+
+### Patch Changes
+
+- [`598cea2432fa9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/598cea2432fa9) -
+  [ux] UI and behaviour updates of the HoverLinkOverlay for the Preview Panels.
+- Updated dependencies
+
 ## 107.23.2
 
 ### Patch Changes

package/UNSAFE_do_not_use_editor_context/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/ui/EditorContext/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/ui/EditorContext/index.d.ts"
       ]

package/ai-messages/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/ai-messages/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/ai-messages/index.d.ts"
       ]

package/analytics/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/analytics/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/analytics/index.d.ts"
       ]

package/annotation/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/annotation/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/annotation/index.d.ts"
       ]

package/browser/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/utils/browser.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/utils/browser.d.ts"
       ]

package/card/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/card/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/card/index.d.ts"
       ]

package/clipboard/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/clipboard/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/clipboard/index.d.ts"
       ]

package/code-block/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/code-block/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/code-block/index.d.ts"
       ]

package/collab/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/collab/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/collab/index.d.ts"
       ]

package/commands/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/commands/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/commands/index.d.ts"
       ]

package/constants/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/link/constants.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/link/constants.d.ts"
       ]

package/copy-button/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/copy-button/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/copy-button/index.d.ts"
       ]

package/core-utils/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/core-utils/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/core-utils/index.d.ts"
       ]

package/count-nodes/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/utils/count-nodes.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/utils/count-nodes.d.ts"
       ]

package/dist/cjs/messages/annotation.js

@@ -24,6 +24,13 @@ var annotationMessages = exports.annotationMessages = (0, _reactIntlNext.defineM
     defaultMessage: 'You can only comment on text, headings, emojis, dates, mentions, links, and statuses.',
     description: 'Error message to communicate to the user they can only do the current action in certain contexts'
   },
+  // Duplicated by Confluence's
+  // highlight-actions.inline-comments.comment.no.permission
+  noPermissionToAddComment: {
+    id: 'fabric.editor.noPermissionToAddComment',
+    defaultMessage: '{contentType, select, blogpost {You do not have permission to add comments to this blogpost} page {You do not have permission to add comments to this page} other {You do not have permission to add comments to this page}}',
+    description: 'Tooltip for when the user does not have permission to add inline comments'
+  },
   toolbar: {
     id: 'fabric.editor.annotationToolbar',
     defaultMessage: 'Annotation toolbar',

package/dist/cjs/messages/card.js

@@ -71,6 +71,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Panel',
     description: 'Title for a button that opens side panel when clicked.'
   },
+  previewButtonTitle: {
+    id: 'fabric.editor.previewButtonTitle',
+    defaultMessage: 'Preview',
+    description: 'Title for a button that when clicked opens a preview modal or a preview panel.'
+  },
   embedTitle: {
     id: 'fabric.editor.embedTitle',
     defaultMessage: 'Embed',

package/dist/cjs/messages/media-insert.js

@@ -21,11 +21,6 @@ var mediaInsertMessages = exports.mediaInsertMessages = (0, _reactIntlNext.defin
     defaultMessage: 'Paste link to upload',
     description: 'Placeholder text for the input field where a user can paste (as in copy-paste) a URL to upload a media file'
   },
-  insertSmartValueHelperMessage: {
-    id: 'fabric.editor.media.insert.insertSmartValueHelperMessage',
-    defaultMessage: 'Tip: Enter a smart value or replace a URL path with a smart value to make content dynamic.',
-    description: 'Helper text for the input field where a user can paste (as in copy-paste) a URL or insert smart value in the url to upload a media file'
-  },
   cancel: {
     id: 'fabric.editor.media.insert.cancel',
     defaultMessage: 'Cancel',

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.23.1";
+var packageVersion = "107.23.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/styles/shared/smartCard.js

@@ -18,5 +18,5 @@ var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.FLOATING_TOOLBAR_LINKPICKER_
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var smartCardStyles = exports.smartCardStyles = function smartCardStyles() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t", "\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\tinput::selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t\tinput::-moz-selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n          background: ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ";\n          border-bottom: 2px solid ", "var(--ds-border-accent-yellow, #B38600)", ";\n          box-shadow: ", "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)", ";\n        }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? "[data-inlinecard-button-overlay='icon-wrapper-line-height'] span {\n\t\t\t\tline-height: 0;\n\t\t\t}" : '', (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t}") : "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, " .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t}"), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, #00000000)", "var(--ds-border-radius-200, 8px)", "var(--ds-border, #091E4224)", _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-background-selected-hovered, #CCE0FF)", "var(--ds-background-selected-hovered, #CCE0FF)", DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t") : "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, " .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t", "\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\tinput::selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t\tinput::-moz-selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n          background: ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ";\n          border-bottom: 2px solid ", "var(--ds-border-accent-yellow, #B38600)", ";\n          box-shadow: ", "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)", ";\n        }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') || (0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking') ? "[data-inlinecard-button-overlay='icon-wrapper-line-height'] span {\n\t\t\t\tline-height: 0;\n\t\t\t}" : '', (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t}") : "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, " .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t}"), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, #00000000)", "var(--ds-border-radius-200, 8px)", "var(--ds-border, #091E4224)", _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-background-selected-hovered, #CCE0FF)", "var(--ds-background-selected-hovered, #CCE0FF)", DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t") : "\n\t\t\t\t&.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, " .").concat(_smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
 };

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

@@ -23,7 +23,7 @@ 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
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.23.1";
+var packageVersion = "107.23.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -11,8 +11,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-diagonal"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
 var _panelRight = _interopRequireDefault(require("@atlaskit/icon/core/panel-right"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _analytics = require("../../analytics");
 var _messages = require("../../messages");
@@ -98,10 +100,10 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
     view = _ref.view,
     onClick = _ref.onClick,
     _ref$showPanelButton = _ref.showPanelButton,
-    showPanelButton = _ref$showPanelButton === void 0 ? false : _ref$showPanelButton;
+    showPanelButton = _ref$showPanelButton === void 0 ? false : _ref$showPanelButton,
+    showPanelButtonIcon = _ref.showPanelButtonIcon;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var label = showPanelButton ? formatMessage(_messages.cardMessages.panelButtonTitle) : formatMessage(_messages.cardMessages.openButtonTitle);
   var containerRef = (0, _react.useRef)(null);
   var hoverLinkButtonRef = (0, _react.useRef)(null);
   var hiddenTextRef = (0, _react.useRef)(null);
@@ -169,6 +171,22 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
       sendVisitLinkAnalytics(_analytics.INPUT_METHOD.BUTTON);
     }
   };
+  var isPreivewButton = showPanelButton && (0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking');
+  var label = isPreivewButton ? formatMessage(_messages.cardMessages.previewButtonTitle) : formatMessage(_messages.cardMessages.openButtonTitle);
+  var icon = null;
+  if (isPreivewButton && showPanelButtonIcon === 'panel') {
+    icon = (0, _react2.jsx)(_panelRight.default, {
+      label: ""
+    });
+  } else if (isPreivewButton && showPanelButtonIcon === 'modal') {
+    icon = (0, _react2.jsx)(_growDiagonal.default, {
+      label: ""
+    });
+  } else {
+    icon = (0, _react2.jsx)(_linkExternal.default, {
+      label: ""
+    });
+  }
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     (0, _react2.jsx)("span", {
@@ -200,11 +218,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
     }, (0, _react2.jsx)(_primitives.Box, {
       xcss: iconWrapperStyles,
       "data-inlinecard-button-overlay": "icon-wrapper-line-height"
-    }, showPanelButton ? (0, _react2.jsx)(_panelRight.default, {
-      label: ""
-    }) : (0, _react2.jsx)(_linkExternal.default, {
-      label: ""
-    })), showLabel && (0, _react2.jsx)(_primitives.Text, {
+    }, icon), showLabel && (0, _react2.jsx)(_primitives.Text, {
       size: "small",
       color: "color.text.subtle",
       maxLines: 1

package/dist/es2019/messages/annotation.js

@@ -18,6 +18,13 @@ export const annotationMessages = defineMessages({
     defaultMessage: 'You can only comment on text, headings, emojis, dates, mentions, links, and statuses.',
     description: 'Error message to communicate to the user they can only do the current action in certain contexts'
   },
+  // Duplicated by Confluence's
+  // highlight-actions.inline-comments.comment.no.permission
+  noPermissionToAddComment: {
+    id: 'fabric.editor.noPermissionToAddComment',
+    defaultMessage: '{contentType, select, blogpost {You do not have permission to add comments to this blogpost} page {You do not have permission to add comments to this page} other {You do not have permission to add comments to this page}}',
+    description: 'Tooltip for when the user does not have permission to add inline comments'
+  },
   toolbar: {
     id: 'fabric.editor.annotationToolbar',
     defaultMessage: 'Annotation toolbar',

package/dist/es2019/messages/card.js

@@ -65,6 +65,11 @@ export const messages = defineMessages({
     defaultMessage: 'Panel',
     description: 'Title for a button that opens side panel when clicked.'
   },
+  previewButtonTitle: {
+    id: 'fabric.editor.previewButtonTitle',
+    defaultMessage: 'Preview',
+    description: 'Title for a button that when clicked opens a preview modal or a preview panel.'
+  },
   embedTitle: {
     id: 'fabric.editor.embedTitle',
     defaultMessage: 'Embed',

package/dist/es2019/messages/media-insert.js

@@ -15,11 +15,6 @@ export const mediaInsertMessages = defineMessages({
     defaultMessage: 'Paste link to upload',
     description: 'Placeholder text for the input field where a user can paste (as in copy-paste) a URL to upload a media file'
   },
-  insertSmartValueHelperMessage: {
-    id: 'fabric.editor.media.insert.insertSmartValueHelperMessage',
-    defaultMessage: 'Tip: Enter a smart value or replace a URL path with a smart value to make content dynamic.',
-    description: 'Helper text for the input field where a user can paste (as in copy-paste) a URL or insert smart value in the url to upload a media file'
-  },
   cancel: {
     id: 'fabric.editor.media.insert.cancel',
     defaultMessage: 'Cancel',

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "107.23.1";
+const packageVersion = "107.23.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/styles/shared/smartCard.js

@@ -31,7 +31,7 @@ export const smartCardStyles = () => css`
 			}
 		}
 
-		${editorExperiment('platform_editor_controls', 'variant1') ? `[data-inlinecard-button-overlay='icon-wrapper-line-height'] span {
+		${editorExperiment('platform_editor_controls', 'variant1') || fg('platform_editor_preview_panel_linking') ? `[data-inlinecard-button-overlay='icon-wrapper-line-height'] span {
 				line-height: 0;
 			}` : ''}
 

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.23.1";
+const packageVersion = "107.23.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -9,8 +9,10 @@ import { css, jsx } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-s
 import { useIntl } from 'react-intl-next';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
 import PanelRightIcon from '@atlaskit/icon/core/panel-right';
+import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Anchor, Box, Text, xcss } from '@atlaskit/primitives';
 import { buildVisitedNonHyperLinkPayload, INPUT_METHOD } from '../../analytics';
@@ -77,17 +79,18 @@ const visitCardLinkAnalytics = (editorAnalyticsApi, inputMethod) => (state, disp
 const HoverLinkOverlay = ({
   children,
   isVisible = false,
+  // used only to measure available space to difine if we should show icon only or icon + title
   url,
   compactPadding = false,
   editorAnalyticsApi,
   view,
   onClick,
-  showPanelButton = false
+  showPanelButton = false,
+  showPanelButtonIcon
 }) => {
   const {
     formatMessage
   } = useIntl();
-  const label = showPanelButton ? formatMessage(cardMessages.panelButtonTitle) : formatMessage(cardMessages.openButtonTitle);
   const containerRef = useRef(null);
   const hoverLinkButtonRef = useRef(null);
   const hiddenTextRef = useRef(null);
@@ -149,6 +152,22 @@ const HoverLinkOverlay = ({
       sendVisitLinkAnalytics(INPUT_METHOD.BUTTON);
     }
   };
+  const isPreivewButton = showPanelButton && fg('platform_editor_preview_panel_linking');
+  const label = isPreivewButton ? formatMessage(cardMessages.previewButtonTitle) : formatMessage(cardMessages.openButtonTitle);
+  let icon = null;
+  if (isPreivewButton && showPanelButtonIcon === 'panel') {
+    icon = jsx(PanelRightIcon, {
+      label: ""
+    });
+  } else if (isPreivewButton && showPanelButtonIcon === 'modal') {
+    icon = jsx(GrowDiagonalIcon, {
+      label: ""
+    });
+  } else {
+    icon = jsx(LinkExternalIcon, {
+      label: ""
+    });
+  }
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     jsx("span", {
@@ -176,11 +195,7 @@ const HoverLinkOverlay = ({
     }, jsx(Box, {
       xcss: iconWrapperStyles,
       "data-inlinecard-button-overlay": "icon-wrapper-line-height"
-    }, showPanelButton ? jsx(PanelRightIcon, {
-      label: ""
-    }) : jsx(LinkExternalIcon, {
-      label: ""
-    })), showLabel && jsx(Text, {
+    }, icon), showLabel && jsx(Text, {
       size: "small",
       color: "color.text.subtle",
       maxLines: 1

package/dist/esm/messages/annotation.js

@@ -18,6 +18,13 @@ export var annotationMessages = defineMessages({
     defaultMessage: 'You can only comment on text, headings, emojis, dates, mentions, links, and statuses.',
     description: 'Error message to communicate to the user they can only do the current action in certain contexts'
   },
+  // Duplicated by Confluence's
+  // highlight-actions.inline-comments.comment.no.permission
+  noPermissionToAddComment: {
+    id: 'fabric.editor.noPermissionToAddComment',
+    defaultMessage: '{contentType, select, blogpost {You do not have permission to add comments to this blogpost} page {You do not have permission to add comments to this page} other {You do not have permission to add comments to this page}}',
+    description: 'Tooltip for when the user does not have permission to add inline comments'
+  },
   toolbar: {
     id: 'fabric.editor.annotationToolbar',
     defaultMessage: 'Annotation toolbar',

package/dist/esm/messages/card.js

@@ -65,6 +65,11 @@ export var messages = defineMessages({
     defaultMessage: 'Panel',
     description: 'Title for a button that opens side panel when clicked.'
   },
+  previewButtonTitle: {
+    id: 'fabric.editor.previewButtonTitle',
+    defaultMessage: 'Preview',
+    description: 'Title for a button that when clicked opens a preview modal or a preview panel.'
+  },
   embedTitle: {
     id: 'fabric.editor.embedTitle',
     defaultMessage: 'Embed',

package/dist/esm/messages/media-insert.js

@@ -15,11 +15,6 @@ export var mediaInsertMessages = defineMessages({
     defaultMessage: 'Paste link to upload',
     description: 'Placeholder text for the input field where a user can paste (as in copy-paste) a URL to upload a media file'
   },
-  insertSmartValueHelperMessage: {
-    id: 'fabric.editor.media.insert.insertSmartValueHelperMessage',
-    defaultMessage: 'Tip: Enter a smart value or replace a URL path with a smart value to make content dynamic.',
-    description: 'Helper text for the input field where a user can paste (as in copy-paste) a URL or insert smart value in the url to upload a media file'
-  },
   cancel: {
     id: 'fabric.editor.media.insert.cancel',
     defaultMessage: 'Cancel',

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.23.1";
+var packageVersion = "107.23.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -12,5 +12,5 @@ export var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var smartCardStyles = function smartCardStyles() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t", "\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\tinput::selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t\tinput::-moz-selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, fg('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n          background: ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ";\n          border-bottom: 2px solid ", "var(--ds-border-accent-yellow, #B38600)", ";\n          box-shadow: ", "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)", ";\n        }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), editorExperiment('platform_editor_controls', 'variant1') ? "[data-inlinecard-button-overlay='icon-wrapper-line-height'] span {\n\t\t\t\tline-height: 0;\n\t\t\t}" : '', expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t}") : "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, " .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t}"), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, #00000000)", "var(--ds-border-radius-200, 8px)", "var(--ds-border, #091E4224)", akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-background-selected-hovered, #CCE0FF)", "var(--ds-background-selected-hovered, #CCE0FF)", DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t") : "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, " .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t", "\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\tinput::selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t\tinput::-moz-selection {\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: auto;\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t", "\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, fg('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n          background: ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ";\n          border-bottom: 2px solid ", "var(--ds-border-accent-yellow, #B38600)", ";\n          box-shadow: ", "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)", ";\n        }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), editorExperiment('platform_editor_controls', 'variant1') || fg('platform_editor_preview_panel_linking') ? "[data-inlinecard-button-overlay='icon-wrapper-line-height'] span {\n\t\t\t\tline-height: 0;\n\t\t\t}" : '', expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t}") : "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, " .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a {\n\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t}"), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, #00000000)", "var(--ds-border-radius-200, 8px)", "var(--ds-border, #091E4224)", akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-background-selected-hovered, #CCE0FF)", "var(--ds-background-selected-hovered, #CCE0FF)", DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, ":not(.search-match-block) .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t") : "\n\t\t\t\t&.".concat(akEditorSelectedNodeClassName, " .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after {\n\t\t\t\t\t").concat(getSelectionStyles([SelectionStyle.BoxShadow]), "\n\t\t\t\t}\n\t\t\t"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
 };

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.23.1";
+var packageVersion = "107.23.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -10,8 +10,10 @@ import { css, jsx } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-s
 import { useIntl } from 'react-intl-next';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
 import PanelRightIcon from '@atlaskit/icon/core/panel-right';
+import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Anchor, Box, Text, xcss } from '@atlaskit/primitives';
 import { buildVisitedNonHyperLinkPayload, INPUT_METHOD } from '../../analytics';
@@ -84,10 +86,10 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
     view = _ref.view,
     onClick = _ref.onClick,
     _ref$showPanelButton = _ref.showPanelButton,
-    showPanelButton = _ref$showPanelButton === void 0 ? false : _ref$showPanelButton;
+    showPanelButton = _ref$showPanelButton === void 0 ? false : _ref$showPanelButton,
+    showPanelButtonIcon = _ref.showPanelButtonIcon;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var label = showPanelButton ? formatMessage(cardMessages.panelButtonTitle) : formatMessage(cardMessages.openButtonTitle);
   var containerRef = useRef(null);
   var hoverLinkButtonRef = useRef(null);
   var hiddenTextRef = useRef(null);
@@ -155,6 +157,22 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
       sendVisitLinkAnalytics(INPUT_METHOD.BUTTON);
     }
   };
+  var isPreivewButton = showPanelButton && fg('platform_editor_preview_panel_linking');
+  var label = isPreivewButton ? formatMessage(cardMessages.previewButtonTitle) : formatMessage(cardMessages.openButtonTitle);
+  var icon = null;
+  if (isPreivewButton && showPanelButtonIcon === 'panel') {
+    icon = jsx(PanelRightIcon, {
+      label: ""
+    });
+  } else if (isPreivewButton && showPanelButtonIcon === 'modal') {
+    icon = jsx(GrowDiagonalIcon, {
+      label: ""
+    });
+  } else {
+    icon = jsx(LinkExternalIcon, {
+      label: ""
+    });
+  }
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     jsx("span", {
@@ -186,11 +204,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
     }, jsx(Box, {
       xcss: iconWrapperStyles,
       "data-inlinecard-button-overlay": "icon-wrapper-line-height"
-    }, showPanelButton ? jsx(PanelRightIcon, {
-      label: ""
-    }) : jsx(LinkExternalIcon, {
-      label: ""
-    })), showLabel && jsx(Text, {
+    }, icon), showLabel && jsx(Text, {
       size: "small",
       color: "color.text.subtle",
       maxLines: 1