@atlaskit/editor-core 221.17.1 → 221.17.3

package/dist/esm/ui/EditorContentContainer/styles/emoji.js

@@ -12,7 +12,7 @@ import { akEditorFullPageDefaultFontSize, akEditorSelectedNodeClassName } from '
  * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
-export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty({
   // Show diff: emoji attr change highlight. Keep this with emoji node styles so the highlight
   // targets sprite/image/unicode emoji renderers.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -74,36 +74,7 @@ export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_de
   userSelect: 'all'
 }), ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
   cursor: 'pointer'
-}), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
-  borderRadius: "var(--ds-radius-xsmall, 2px)",
-  position: 'relative',
-  WebkitUserSelect: 'text',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
-  borderColor: 'transparent',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&::selection,*::selection': {
-    backgroundColor: 'transparent'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&::-moz-selection,*::-moz-selection': {
-    backgroundColor: 'transparent'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&::before': {
-    position: 'absolute',
-    content: "''",
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0,
-    width: '100%',
-    pointerEvents: 'none',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    zIndex: 12,
-    backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
-  }
-})));
+}));
 /**
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
  * If you need to make changes here, also update the corresponding style in
@@ -111,7 +82,7 @@ export var emojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_de
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
   // Show diff: emoji attr change highlight. Keep this with scaled emoji node styles too,
   // because scaled emoji styles replace the base emoji style bucket when enabled.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -179,7 +150,41 @@ export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProper
   userSelect: 'all'
 }), ".ProseMirror .".concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
   cursor: 'pointer'
-}), ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
+}), ".ProseMirror h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  height: "".concat(scaledEmojiHeightH1, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  width: "".concat(scaledEmojiHeightH1, "px")
+}), ".ProseMirror h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  height: "".concat(scaledEmojiHeightH2, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  width: "".concat(scaledEmojiHeightH2, "px")
+}), ".ProseMirror h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  height: "".concat(scaledEmojiHeightH3, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  width: "".concat(scaledEmojiHeightH3, "px")
+}), ".ProseMirror h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  height: "".concat(scaledEmojiHeightH4, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  width: "".concat(scaledEmojiHeightH4, "px")
+}), ".ProseMirror :is(h5, h6, p) .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  height: "".concat(defaultEmojiHeight, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  width: "".concat(defaultEmojiHeight, "px")
+}));
+
+/**
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
+ * If you need to make changes here, also update the corresponding style in
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+export var emojiSelectionStyles = css(_defineProperty({}, ".ProseMirror .".concat(akEditorSelectedNodeClassName), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
   borderRadius: "var(--ds-radius-xsmall, 2px)",
   position: 'relative',
   WebkitUserSelect: 'text',
@@ -208,32 +213,45 @@ export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProper
     zIndex: 12,
     backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
   }
-})), ".ProseMirror h1 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(scaledEmojiHeightH1, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(scaledEmojiHeightH1, "px")
-}), ".ProseMirror h2 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(scaledEmojiHeightH2, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(scaledEmojiHeightH2, "px")
-}), ".ProseMirror h3 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(scaledEmojiHeightH3, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(scaledEmojiHeightH3, "px")
-}), ".ProseMirror h4 :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER, ")"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(scaledEmojiHeightH4, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(scaledEmojiHeightH4, "px")
-}), ".ProseMirror :is(h5, h6, p) .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: "".concat(defaultEmojiHeight, "px"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  width: "".concat(defaultEmojiHeight, "px")
-}));
+})));
+
+/**
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
+ * If you need to make changes here, also update the corresponding style in
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
+export var directEmojiSelectionStyles = css(_defineProperty({}, ".ProseMirror .".concat(akEditorSelectedNodeClassName, "[data-emoji-id]"), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ", .").concat(EmojiSharedCssClassName.EMOJI_UNICODE), {
+  borderRadius: "var(--ds-radius-xsmall, 2px)",
+  position: 'relative',
+  WebkitUserSelect: 'text',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
+  borderColor: 'transparent',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::selection,*::selection': {
+    backgroundColor: 'transparent'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::-moz-selection,*::-moz-selection': {
+    backgroundColor: 'transparent'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&::before': {
+    position: 'absolute',
+    content: "''",
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    width: '100%',
+    pointerEvents: 'none',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    zIndex: 12,
+    backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
+  }
+})));
 
 /**
  * Gets scaled dense emoji styles that adjust emoji sizes for dense mode headings.
@@ -244,11 +262,11 @@ export var scaledEmojiStyles = css(_defineProperty(_defineProperty(_defineProper
  */
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFontSize) {
-  var _css3;
+  var _css5;
   if (!baseFontSize || baseFontSize === akEditorFullPageDefaultFontSize) {
     return css({});
   }
-  return css((_css3 = {
+  return css((_css5 = {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.ProseMirror [data-emoji-type="unicode"]': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -279,7 +297,7 @@ export var getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFo
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
       '--emoji-common-unicode-size': "".concat(defaultDenseEmojiHeight, "px")
     }
-  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css5, ".ProseMirror :is(.".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE, ")"), {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
     width: defaultDenseEmojiHeight,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
@@ -343,7 +361,7 @@ export var getScaledDenseEmojiStyles = function getScaledDenseEmojiStyles(baseFo
     height: "".concat(denseEmojiHeightH4, "px"),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
     width: "".concat(denseEmojiHeightH4, "px")
-  }), _defineProperty(_css3, ".ProseMirror :is(h5, h6, p) .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
+  }), _defineProperty(_css5, ".ProseMirror :is(h5, h6, p) .".concat(EmojiSharedCssClassName.EMOJI_PLACEHOLDER), {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
     height: "".concat(defaultDenseEmojiHeight, "px"),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values

package/dist/esm/version-wrapper.js

@@ -1,3 +1,3 @@
 export var name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var version = "221.17.0";
+export var version = "221.17.2";

package/dist/types/ui/EditorContentContainer/styles/emoji.d.ts

@@ -13,6 +13,20 @@ export declare const emojiStyles: SerializedStyles;
  * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
  */
 export declare const scaledEmojiStyles: SerializedStyles;
+/**
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
+ * If you need to make changes here, also update the corresponding style in
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ */
+export declare const emojiSelectionStyles: SerializedStyles;
+/**
+ * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
+ * If you need to make changes here, also update the corresponding style in
+ * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
+ * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
+ */
+export declare const directEmojiSelectionStyles: SerializedStyles;
 /**
  * Gets scaled dense emoji styles that adjust emoji sizes for dense mode headings.
  * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "221.17.1",
+	"version": "221.17.3",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
 		"@atlaskit/analytics-namespaced-context": "^8.1.0",
 		"@atlaskit/analytics-next": "^12.3.0",
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
-		"@atlaskit/button": "^24.3.0",
+		"@atlaskit/button": "^25.0.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/editor-json-transformer": "^9.2.0",
 		"@atlaskit/editor-performance-metrics": "^3.2.0",
@@ -67,7 +67,7 @@
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-ufo": "^7.3.0",
 		"@atlaskit/task-decision": "^21.8.0",
-		"@atlaskit/tmp-editor-statsig": "^135.10.0",
+		"@atlaskit/tmp-editor-statsig": "^135.11.0",
 		"@atlaskit/tokens": "^16.3.0",
 		"@atlaskit/tooltip": "^24.0.0",
 		"@atlaskit/width-detector": "^6.2.0",