@atlaskit/editor-core 216.9.2 → 216.9.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/EditorContentContainer/styles/extensionStyles.js +33 -1
  3. package/dist/cjs/version-wrapper.js +1 -1
  4. package/dist/es2019/ui/EditorContentContainer/styles/extensionStyles.js +33 -1
  5. package/dist/es2019/version-wrapper.js +1 -1
  6. package/dist/esm/ui/EditorContentContainer/styles/extensionStyles.js +33 -1
  7. package/dist/esm/version-wrapper.js +1 -1
  8. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 216.9.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 216.9.3
10
+
11
+ ### Patch Changes
12
+
13
+ - [`bb6a1522425ff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bb6a1522425ff) -
14
+ [ux] Fix layoutshift in bodiedExtension layout shift
15
+ - Updated dependencies
16
+
3
17
  ## 216.9.2
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/ui/EditorContentContainer/styles/extensionStyles.js CHANGED
@@ -393,9 +393,41 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
393
393
  fontSize: fontSize
394
394
  }
395
395
  }) : (0, _react.css)({});
396
+ var bodiedExtensionLayoutShiftFixStyles = (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) ? (0, _react.css)({
397
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
398
+ '.bodiedExtensionView-content-wrap': {
399
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
400
+ '.bodiedExtension-content-outer-wrapper': {
401
+ margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
402
+ },
403
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
404
+ '.bodiedExtension-content-inner-wrapper': {
405
+ margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
406
+ padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
407
+ border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
408
+ borderRadius: "var(--ds-radius-small, 3px)"
409
+ },
410
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
411
+ '.extension-container': {
412
+ // Remove styling when Prosemirror moves content inside
413
+
414
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
415
+ '.bodiedExtension-content-outer-wrapper': {
416
+ margin: '0'
417
+ },
418
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
419
+ '.bodiedExtension-content-inner-wrapper': {
420
+ margin: 0,
421
+ padding: 0,
422
+ border: 'none',
423
+ borderRadius: 0
424
+ }
425
+ }
426
+ }
427
+ }) : (0, _react.css)({});
396
428
 
397
429
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
398
- return (0, _react.css)(baseExtensionStyles, denseExtensionStyles);
430
+ return (0, _react.css)(baseExtensionStyles, denseExtensionStyles, bodiedExtensionLayoutShiftFixStyles);
399
431
  };
400
432
 
401
433
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
package/dist/cjs/version-wrapper.js CHANGED
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "216.9.1";
8
+ var version = exports.version = "216.9.3";
package/dist/es2019/ui/EditorContentContainer/styles/extensionStyles.js CHANGED
@@ -385,9 +385,41 @@ export const getExtensionStyles = contentMode => {
385
385
  fontSize
386
386
  }
387
387
  }) : css({});
388
+ const bodiedExtensionLayoutShiftFixStyles = expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) ? css({
389
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
390
+ '.bodiedExtensionView-content-wrap': {
391
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
392
+ '.bodiedExtension-content-outer-wrapper': {
393
+ margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
394
+ },
395
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
396
+ '.bodiedExtension-content-inner-wrapper': {
397
+ margin: `0 ${"var(--ds-space-negative-250, -20px)"}`,
398
+ padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-250, 20px)"}`,
399
+ border: `1px solid ${"var(--ds-border, #0B120E24)"}`,
400
+ borderRadius: "var(--ds-radius-small, 3px)"
401
+ },
402
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
403
+ '.extension-container': {
404
+ // Remove styling when Prosemirror moves content inside
405
+
406
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
407
+ '.bodiedExtension-content-outer-wrapper': {
408
+ margin: '0'
409
+ },
410
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
411
+ '.bodiedExtension-content-inner-wrapper': {
412
+ margin: 0,
413
+ padding: 0,
414
+ border: 'none',
415
+ borderRadius: 0
416
+ }
417
+ }
418
+ }
419
+ }) : css({});
388
420
 
389
421
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
390
- return css(baseExtensionStyles, denseExtensionStyles);
422
+ return css(baseExtensionStyles, denseExtensionStyles, bodiedExtensionLayoutShiftFixStyles);
391
423
  };
392
424
 
393
425
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "216.9.1";
2
+ export const version = "216.9.3";
package/dist/esm/ui/EditorContentContainer/styles/extensionStyles.js CHANGED
@@ -386,9 +386,41 @@ export var getExtensionStyles = function getExtensionStyles(contentMode) {
386
386
  fontSize: fontSize
387
387
  }
388
388
  }) : css({});
389
+ var bodiedExtensionLayoutShiftFixStyles = expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) ? css({
390
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
391
+ '.bodiedExtensionView-content-wrap': {
392
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
393
+ '.bodiedExtension-content-outer-wrapper': {
394
+ margin: '23px -1px -1px -1px' // Reserve space for lozenge (24px) then subtract 1px to account for the border of the inner wrapper preventing layoutshift
395
+ },
396
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
397
+ '.bodiedExtension-content-inner-wrapper': {
398
+ margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
399
+ padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
400
+ border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
401
+ borderRadius: "var(--ds-radius-small, 3px)"
402
+ },
403
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
404
+ '.extension-container': {
405
+ // Remove styling when Prosemirror moves content inside
406
+
407
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
408
+ '.bodiedExtension-content-outer-wrapper': {
409
+ margin: '0'
410
+ },
411
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
412
+ '.bodiedExtension-content-inner-wrapper': {
413
+ margin: 0,
414
+ padding: 0,
415
+ border: 'none',
416
+ borderRadius: 0
417
+ }
418
+ }
419
+ }
420
+ }) : css({});
389
421
 
390
422
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
391
- return css(baseExtensionStyles, denseExtensionStyles);
423
+ return css(baseExtensionStyles, denseExtensionStyles, bodiedExtensionLayoutShiftFixStyles);
392
424
  };
393
425
 
394
426
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "216.9.1";
2
+ export var version = "216.9.3";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "216.9.2",
3
+ "version": "216.9.4",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -66,7 +66,7 @@
66
66
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
67
67
  "@atlaskit/react-ufo": "^5.2.0",
68
68
  "@atlaskit/task-decision": "^19.2.0",
69
- "@atlaskit/tmp-editor-statsig": "^23.0.0",
69
+ "@atlaskit/tmp-editor-statsig": "^24.0.0",
70
70
  "@atlaskit/tokens": "^11.0.0",
71
71
  "@atlaskit/tooltip": "^20.14.0",
72
72
  "@atlaskit/width-detector": "^5.0.0",
@@ -84,7 +84,7 @@
84
84
  },
85
85
  "peerDependencies": {
86
86
  "@atlaskit/editor-common": "^111.12.0",
87
- "@atlaskit/link-provider": "^4.1.0",
87
+ "@atlaskit/link-provider": "^4.2.0",
88
88
  "@atlaskit/media-core": "^37.0.0",
89
89
  "react": "^18.2.0",
90
90
  "react-dom": "^18.2.0",
@@ -101,7 +101,7 @@
101
101
  "@atlaskit/editor-plugin-card": "^12.3.0",
102
102
  "@atlaskit/editor-plugin-list": "^9.0.0",
103
103
  "@atlaskit/editor-plugin-paste": "^8.1.0",
104
- "@atlaskit/link-provider": "^4.1.0",
104
+ "@atlaskit/link-provider": "^4.2.0",
105
105
  "@atlaskit/logo": "^19.10.0",
106
106
  "@atlaskit/media-core": "^37.0.0",
107
107
  "@atlaskit/media-integration-test-helpers": "workspace:^",
@@ -112,7 +112,7 @@
112
112
  "@atlaskit/synchrony-test-helpers": "workspace:^",
113
113
  "@atlaskit/toggle": "^15.2.0",
114
114
  "@atlaskit/util-data-test": "^18.5.0",
115
- "@atlassian/a11y-jest-testing": "^0.9.0",
115
+ "@atlassian/a11y-jest-testing": "^0.10.0",
116
116
  "@atlassian/adf-schema-json": "^1.33.0",
117
117
  "@atlassian/feature-flags-test-utils": "^1.0.0",
118
118
  "@atlassian/search-provider": "^8.0.0",