@atlaskit/renderer 128.3.3 → 128.3.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 +9 -0
  2. package/dist/cjs/react/nodes/media/index.js +9 -1
  3. package/dist/cjs/ui/Renderer/index.js +1 -1
  4. package/dist/es2019/react/nodes/media/index.js +9 -1
  5. package/dist/es2019/ui/Renderer/index.js +1 -1
  6. package/dist/esm/react/nodes/media/index.js +9 -1
  7. package/dist/esm/ui/Renderer/index.js +1 -1
  8. package/package.json +5 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 128.3.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`ca2338799c141`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ca2338799c141) -
8
+ [ux] Fix media cards and media singles to use the correct border radius in the editor, renderer
9
+ and inline media player.
10
+ - Updated dependencies
11
+
3
12
  ## 128.3.3
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/react/nodes/media/index.js CHANGED
@@ -21,6 +21,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
21
21
  var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
22
22
  var _providerFactory = require("@atlaskit/editor-common/provider-factory");
23
23
  var _ui = require("@atlaskit/editor-common/ui");
24
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
24
25
  var _MediaCard = require("../../../ui/MediaCard");
25
26
  var _adfSchema = require("@atlaskit/adf-schema");
26
27
  var _editorPalette = require("@atlaskit/editor-palette");
@@ -75,13 +76,20 @@ var MediaBorder = function MediaBorder(_ref) {
75
76
  var borderColor = (_mark$attrs$color = mark === null || mark === void 0 ? void 0 : mark.attrs.color) !== null && _mark$attrs$color !== void 0 ? _mark$attrs$color : '';
76
77
  var borderWidth = (_mark$attrs$size = mark === null || mark === void 0 ? void 0 : mark.attrs.size) !== null && _mark$attrs$size !== void 0 ? _mark$attrs$size : 0;
77
78
  var paletteColorValue = (0, _editorPalette.hexToEditorBorderPaletteColor)(borderColor) || borderColor;
79
+
80
+ // [FEATURE FLAG: platform_editor_media_border_radius_fix]
81
+ // Fixes border radius to properly match image with 8px radius
82
+ // To clean up: keep only flag-on behavior ('8px')
83
+ var borderRadius = (0, _platformFeatureFlags.fg)('platform_editor_media_border_radius_fix') ? "var(--ds-radius-large, 8px)" : "".concat(borderWidth, "px"); // OLD BEHAVIOR (to be removed when flag is cleaned up)
84
+
78
85
  return (0, _react2.jsx)("div", {
79
86
  "data-mark-type": "border",
80
87
  "data-color": borderColor,
81
88
  "data-size": borderWidth,
82
89
  css: borderStyle,
83
90
  style: {
84
- borderRadius: "".concat(borderWidth, "px"),
91
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
92
+ borderRadius: borderRadius,
85
93
  boxShadow: "0 0 0 ".concat(borderWidth, "px ").concat(paletteColorValue)
86
94
  }
87
95
  }, (0, _react2.jsx)(_ui.MediaBorderGapFiller, {
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
71
71
  var TABLE_INFO_TIMEOUT = 10000;
72
72
  var RENDER_EVENT_SAMPLE_RATE = 0.2;
73
73
  var packageName = "@atlaskit/renderer";
74
- var packageVersion = "128.3.2";
74
+ var packageVersion = "0.0.0-development";
75
75
  var setAsQueryContainerStyles = (0, _react2.css)({
76
76
  containerName: 'ak-renderer-wrapper',
77
77
  containerType: 'inline-size'
package/dist/es2019/react/nodes/media/index.js CHANGED
@@ -13,6 +13,7 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
13
13
  import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context';
14
14
  import { WithProviders } from '@atlaskit/editor-common/provider-factory';
15
15
  import { MediaBorderGapFiller } from '@atlaskit/editor-common/ui';
16
+ import { fg } from '@atlaskit/platform-feature-flags';
16
17
  import { MediaCard } from '../../../ui/MediaCard';
17
18
  import { AnnotationMarkStates } from '@atlaskit/adf-schema';
18
19
  import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
@@ -56,13 +57,20 @@ const MediaBorder = ({
56
57
  const borderColor = (_mark$attrs$color = mark === null || mark === void 0 ? void 0 : mark.attrs.color) !== null && _mark$attrs$color !== void 0 ? _mark$attrs$color : '';
57
58
  const borderWidth = (_mark$attrs$size = mark === null || mark === void 0 ? void 0 : mark.attrs.size) !== null && _mark$attrs$size !== void 0 ? _mark$attrs$size : 0;
58
59
  const paletteColorValue = hexToEditorBorderPaletteColor(borderColor) || borderColor;
60
+
61
+ // [FEATURE FLAG: platform_editor_media_border_radius_fix]
62
+ // Fixes border radius to properly match image with 8px radius
63
+ // To clean up: keep only flag-on behavior ('8px')
64
+ const borderRadius = fg('platform_editor_media_border_radius_fix') ? "var(--ds-radius-large, 8px)" : `${borderWidth}px`; // OLD BEHAVIOR (to be removed when flag is cleaned up)
65
+
59
66
  return jsx("div", {
60
67
  "data-mark-type": "border",
61
68
  "data-color": borderColor,
62
69
  "data-size": borderWidth,
63
70
  css: borderStyle,
64
71
  style: {
65
- borderRadius: `${borderWidth}px`,
72
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
73
+ borderRadius,
66
74
  boxShadow: `0 0 0 ${borderWidth}px ${paletteColorValue}`
67
75
  }
68
76
  }, jsx(MediaBorderGapFiller, {
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
57
57
  const TABLE_INFO_TIMEOUT = 10000;
58
58
  const RENDER_EVENT_SAMPLE_RATE = 0.2;
59
59
  const packageName = "@atlaskit/renderer";
60
- const packageVersion = "128.3.2";
60
+ const packageVersion = "0.0.0-development";
61
61
  const setAsQueryContainerStyles = css({
62
62
  containerName: 'ak-renderer-wrapper',
63
63
  containerType: 'inline-size'
package/dist/esm/react/nodes/media/index.js CHANGED
@@ -25,6 +25,7 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
25
25
  import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context';
26
26
  import { WithProviders } from '@atlaskit/editor-common/provider-factory';
27
27
  import { MediaBorderGapFiller } from '@atlaskit/editor-common/ui';
28
+ import { fg } from '@atlaskit/platform-feature-flags';
28
29
  import { MediaCard } from '../../../ui/MediaCard';
29
30
  import { AnnotationMarkStates } from '@atlaskit/adf-schema';
30
31
  import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
@@ -67,13 +68,20 @@ var MediaBorder = function MediaBorder(_ref) {
67
68
  var borderColor = (_mark$attrs$color = mark === null || mark === void 0 ? void 0 : mark.attrs.color) !== null && _mark$attrs$color !== void 0 ? _mark$attrs$color : '';
68
69
  var borderWidth = (_mark$attrs$size = mark === null || mark === void 0 ? void 0 : mark.attrs.size) !== null && _mark$attrs$size !== void 0 ? _mark$attrs$size : 0;
69
70
  var paletteColorValue = hexToEditorBorderPaletteColor(borderColor) || borderColor;
71
+
72
+ // [FEATURE FLAG: platform_editor_media_border_radius_fix]
73
+ // Fixes border radius to properly match image with 8px radius
74
+ // To clean up: keep only flag-on behavior ('8px')
75
+ var borderRadius = fg('platform_editor_media_border_radius_fix') ? "var(--ds-radius-large, 8px)" : "".concat(borderWidth, "px"); // OLD BEHAVIOR (to be removed when flag is cleaned up)
76
+
70
77
  return jsx("div", {
71
78
  "data-mark-type": "border",
72
79
  "data-color": borderColor,
73
80
  "data-size": borderWidth,
74
81
  css: borderStyle,
75
82
  style: {
76
- borderRadius: "".concat(borderWidth, "px"),
83
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
84
+ borderRadius: borderRadius,
77
85
  boxShadow: "0 0 0 ".concat(borderWidth, "px ").concat(paletteColorValue)
78
86
  }
79
87
  }, jsx(MediaBorderGapFiller, {
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
62
62
  var TABLE_INFO_TIMEOUT = 10000;
63
63
  var RENDER_EVENT_SAMPLE_RATE = 0.2;
64
64
  var packageName = "@atlaskit/renderer";
65
- var packageVersion = "128.3.2";
65
+ var packageVersion = "0.0.0-development";
66
66
  var setAsQueryContainerStyles = css({
67
67
  containerName: 'ak-renderer-wrapper',
68
68
  containerType: 'inline-size'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "128.3.3",
3
+ "version": "128.3.4",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -60,7 +60,7 @@
60
60
  "@atlaskit/task-decision": "^19.3.0",
61
61
  "@atlaskit/theme": "^22.0.0",
62
62
  "@atlaskit/tmp-editor-statsig": "^45.0.0",
63
- "@atlaskit/tokens": "^11.1.0",
63
+ "@atlaskit/tokens": "^11.2.0",
64
64
  "@atlaskit/tooltip": "^21.0.0",
65
65
  "@atlaskit/visually-hidden": "^3.0.0",
66
66
  "@babel/runtime": "^7.0.0",
@@ -240,6 +240,9 @@
240
240
  "platform_editor_renderer_selection_context": {
241
241
  "type": "boolean",
242
242
  "referenceOnly": "true"
243
+ },
244
+ "platform_editor_media_border_radius_fix": {
245
+ "type": "boolean"
243
246
  }
244
247
  }
245
248
  }