@atlaskit/renderer 120.1.11 → 120.2.0

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 +12 -0
  2. package/dist/cjs/react/marks/breakout.js +4 -0
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/es2019/react/marks/breakout.js +4 -0
  5. package/dist/es2019/ui/Renderer/index.js +1 -1
  6. package/dist/esm/react/marks/breakout.js +4 -0
  7. package/dist/esm/ui/Renderer/index.js +1 -1
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 120.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#190110](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/190110)
8
+ [`0fc96695978de`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0fc96695978de) -
9
+ Fix breakout width calculation in full width
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 120.1.11
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/react/marks/breakout.js CHANGED
@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
9
9
  var _react = require("@emotion/react");
10
10
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
11
11
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
12
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
12
13
  /**
13
14
  * @jsxRuntime classic
14
15
  * @jsx jsx
@@ -27,6 +28,9 @@ var getWidth = function getWidth(width, mode) {
27
28
  return "min(".concat(width, "px, var(--ak-editor--breakout-container-without-gutter-width))");
28
29
  } else {
29
30
  if (mode === 'full-width') {
31
+ if ((0, _expValEquals.expValEquals)('platform_editor_renderer_breakout_fix', 'isEnabled', true)) {
32
+ return "min(".concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px, var(--ak-editor--breakout-container-without-gutter-width))");
33
+ }
30
34
  return "max(".concat(_editorSharedStyles.akEditorDefaultLayoutWidth, "px, min(").concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px, var(--ak-editor--breakout-container-without-gutter-width)))");
31
35
  }
32
36
  if (mode === 'wide') {
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -62,7 +62,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
62
62
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
63
63
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
64
64
  var packageName = "@atlaskit/renderer";
65
- var packageVersion = "120.1.10";
65
+ var packageVersion = "120.1.11";
66
66
  var setAsQueryContainerStyles = (0, _react2.css)({
67
67
  containerName: 'ak-renderer-wrapper',
68
68
  containerType: 'inline-size'
package/dist/es2019/react/marks/breakout.js CHANGED
@@ -7,6 +7,7 @@ import _extends from "@babel/runtime/helpers/extends";
7
7
  import { css, jsx } from '@emotion/react';
8
8
  import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
9
9
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
10
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
10
11
  const wrapperStyles = css({
11
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
12
13
  margin: `${blockNodesVerticalMargin} 0`,
@@ -19,6 +20,9 @@ const getWidth = (width, mode) => {
19
20
  return `min(${width}px, var(--ak-editor--breakout-container-without-gutter-width))`;
20
21
  } else {
21
22
  if (mode === 'full-width') {
23
+ if (expValEquals('platform_editor_renderer_breakout_fix', 'isEnabled', true)) {
24
+ return `min(${akEditorFullWidthLayoutWidth}px, var(--ak-editor--breakout-container-without-gutter-width))`;
25
+ }
22
26
  return `max(${akEditorDefaultLayoutWidth}px, min(${akEditorFullWidthLayoutWidth}px, var(--ak-editor--breakout-container-without-gutter-width)))`;
23
27
  }
24
28
  if (mode === 'wide') {
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -48,7 +48,7 @@ import { PortalContext } from './PortalContext';
48
48
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
49
49
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
50
50
  const packageName = "@atlaskit/renderer";
51
- const packageVersion = "120.1.10";
51
+ const packageVersion = "120.1.11";
52
52
  const setAsQueryContainerStyles = css({
53
53
  containerName: 'ak-renderer-wrapper',
54
54
  containerType: 'inline-size'
package/dist/esm/react/marks/breakout.js CHANGED
@@ -7,6 +7,7 @@ import _extends from "@babel/runtime/helpers/extends";
7
7
  import { css, jsx } from '@emotion/react';
8
8
  import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
9
9
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
10
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
10
11
  var wrapperStyles = css({
11
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
12
13
  margin: "".concat(blockNodesVerticalMargin, " 0"),
@@ -19,6 +20,9 @@ var getWidth = function getWidth(width, mode) {
19
20
  return "min(".concat(width, "px, var(--ak-editor--breakout-container-without-gutter-width))");
20
21
  } else {
21
22
  if (mode === 'full-width') {
23
+ if (expValEquals('platform_editor_renderer_breakout_fix', 'isEnabled', true)) {
24
+ return "min(".concat(akEditorFullWidthLayoutWidth, "px, var(--ak-editor--breakout-container-without-gutter-width))");
25
+ }
22
26
  return "max(".concat(akEditorDefaultLayoutWidth, "px, min(").concat(akEditorFullWidthLayoutWidth, "px, var(--ak-editor--breakout-container-without-gutter-width)))");
23
27
  }
24
28
  if (mode === 'wide') {
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -53,7 +53,7 @@ import { PortalContext } from './PortalContext';
53
53
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
54
54
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
55
55
  var packageName = "@atlaskit/renderer";
56
- var packageVersion = "120.1.10";
56
+ var packageVersion = "120.1.11";
57
57
  var setAsQueryContainerStyles = css({
58
58
  containerName: 'ak-renderer-wrapper',
59
59
  containerType: 'inline-size'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "120.1.11",
3
+ "version": "120.2.0",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
54
54
  "@atlaskit/status": "^3.0.0",
55
55
  "@atlaskit/task-decision": "^19.2.0",
56
56
  "@atlaskit/theme": "^19.0.0",
57
- "@atlaskit/tmp-editor-statsig": "^9.9.0",
57
+ "@atlaskit/tmp-editor-statsig": "^9.10.0",
58
58
  "@atlaskit/tokens": "^5.6.0",
59
59
  "@atlaskit/tooltip": "^20.3.0",
60
60
  "@atlaskit/visually-hidden": "^3.0.0",