@atlaskit/native-embeds-common 2.2.5 → 2.2.6

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/native-embeds-common
 
+## 2.2.6
+
+### Patch Changes
+
+- [`89392d1eb49c1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/89392d1eb49c1) -
+  [fix] Keep native embeds and their resize handles aligned within old and new panel resize
+  boundaries, with a dynamic-config kill switch for rollback.
+- Updated dependencies
+
 ## 2.2.5
 
 ### Patch Changes

package/dist/cjs/entry-points/native-embed-styles.js

@@ -134,6 +134,17 @@ var nativeEmbedAlignmentStyles = exports.nativeEmbedAlignmentStyles = (0, _react
     paddingLeft: '0 !important',
     paddingRight: '0 !important'
   },
+  // Panel divider resizing can temporarily rebuild panel content before the
+  // native embed plugin re-syncs data-native-embed-nested. Support both the
+  // panel wrapper used by the old style and the content wrapper introduced by
+  // the new style, but only while the native embed containment kill switch is off.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- DOM ancestry fallback for transient missing data-native-embed-nested
+  '.ProseMirror .ak-editor-panel .extension-container:has([data-native-embed-panel-resize-containment="true"]):has([data-native-embed-alignment]):has([data-native-embed-width]), .ProseMirror .ak-editor-panel__content .extension-container:has([data-native-embed-panel-resize-containment="true"]):has([data-native-embed-alignment]):has([data-native-embed-width]), .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .ak-editor-panel .extension-container.block:has([data-native-embed-panel-resize-containment="true"]):has([data-native-embed-alignment]):has([data-native-embed-width]), .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .ak-editor-panel__content .extension-container.block:has([data-native-embed-panel-resize-containment="true"]):has([data-native-embed-alignment]):has([data-native-embed-width])': {
+    width: 'auto !important',
+    maxWidth: 'var(--native-embed-width) !important',
+    paddingLeft: '0 !important',
+    paddingRight: '0 !important'
+  },
   // Override the extension wrapper's width so alignment margins take effect.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Target extension wrappers by data attribute
   '.extension-container:has([data-native-embed-alignment="left"]), .ak-renderer-extension:has([data-native-embed-alignment="left"])': {

package/dist/es2019/entry-points/native-embed-styles.js

@@ -127,6 +127,17 @@ export const nativeEmbedAlignmentStyles = css({
     paddingLeft: '0 !important',
     paddingRight: '0 !important'
   },
+  // Panel divider resizing can temporarily rebuild panel content before the
+  // native embed plugin re-syncs data-native-embed-nested. Support both the
+  // panel wrapper used by the old style and the content wrapper introduced by
+  // the new style, but only while the native embed containment kill switch is off.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- DOM ancestry fallback for transient missing data-native-embed-nested
+  '.ProseMirror .ak-editor-panel .extension-container:has([data-native-embed-panel-resize-containment="true"]):has([data-native-embed-alignment]):has([data-native-embed-width]), .ProseMirror .ak-editor-panel__content .extension-container:has([data-native-embed-panel-resize-containment="true"]):has([data-native-embed-alignment]):has([data-native-embed-width]), .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .ak-editor-panel .extension-container.block:has([data-native-embed-panel-resize-containment="true"]):has([data-native-embed-alignment]):has([data-native-embed-width]), .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .ak-editor-panel__content .extension-container.block:has([data-native-embed-panel-resize-containment="true"]):has([data-native-embed-alignment]):has([data-native-embed-width])': {
+    width: 'auto !important',
+    maxWidth: 'var(--native-embed-width) !important',
+    paddingLeft: '0 !important',
+    paddingRight: '0 !important'
+  },
   // Override the extension wrapper's width so alignment margins take effect.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Target extension wrappers by data attribute
   '.extension-container:has([data-native-embed-alignment="left"]), .ak-renderer-extension:has([data-native-embed-alignment="left"])': {

package/dist/esm/entry-points/native-embed-styles.js

@@ -127,6 +127,17 @@ export var nativeEmbedAlignmentStyles = css({
     paddingLeft: '0 !important',
     paddingRight: '0 !important'
   },
+  // Panel divider resizing can temporarily rebuild panel content before the
+  // native embed plugin re-syncs data-native-embed-nested. Support both the
+  // panel wrapper used by the old style and the content wrapper introduced by
+  // the new style, but only while the native embed containment kill switch is off.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- DOM ancestry fallback for transient missing data-native-embed-nested
+  '.ProseMirror .ak-editor-panel .extension-container:has([data-native-embed-panel-resize-containment="true"]):has([data-native-embed-alignment]):has([data-native-embed-width]), .ProseMirror .ak-editor-panel__content .extension-container:has([data-native-embed-panel-resize-containment="true"]):has([data-native-embed-alignment]):has([data-native-embed-width]), .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .ak-editor-panel .extension-container.block:has([data-native-embed-panel-resize-containment="true"]):has([data-native-embed-alignment]):has([data-native-embed-width]), .fabric-editor--full-width-mode:not(:has(#chromeless-editor)) .ak-editor-panel__content .extension-container.block:has([data-native-embed-panel-resize-containment="true"]):has([data-native-embed-alignment]):has([data-native-embed-width])': {
+    width: 'auto !important',
+    maxWidth: 'var(--native-embed-width) !important',
+    paddingLeft: '0 !important',
+    paddingRight: '0 !important'
+  },
   // Override the extension wrapper's width so alignment margins take effect.
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Target extension wrappers by data attribute
   '.extension-container:has([data-native-embed-alignment="left"]), .ak-renderer-extension:has([data-native-embed-alignment="left"])': {

package/package.json

@@ -17,7 +17,7 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/button": "^24.3.0",
-		"@atlaskit/editor-common": "^116.39.0",
+		"@atlaskit/editor-common": "^116.40.0",
 		"@atlaskit/editor-plugin-local-id": "^10.1.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/heading": "^6.2.0",
@@ -82,7 +82,7 @@
 		}
 	},
 	"name": "@atlaskit/native-embeds-common",
-	"version": "2.2.5",
+	"version": "2.2.6",
 	"description": "A shared package for native embeds to be used across experiences and plugin",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",