@atlaskit/editor-plugin-media 2.7.1 → 2.7.3

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 +18 -0
  2. package/dist/cjs/nodeviews/mediaInline.js +1 -2
  3. package/dist/cjs/ui/ImageBorder/styles.js +1 -2
  4. package/dist/es2019/nodeviews/mediaInline.js +1 -2
  5. package/dist/es2019/ui/ImageBorder/styles.js +1 -2
  6. package/dist/esm/nodeviews/mediaInline.js +1 -2
  7. package/dist/esm/ui/ImageBorder/styles.js +1 -2
  8. package/package.json +4 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 2.7.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#148591](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148591)
8
+ [`035d279540218`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/035d279540218) -
9
+ Clean up platform_editor_render_media_viewer_as_inline
10
+ - Updated dependencies
11
+
12
+ ## 2.7.2
13
+
14
+ ### Patch Changes
15
+
16
+ - [#149374](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/149374)
17
+ [`8ceea3e0f2f07`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8ceea3e0f2f07) -
18
+ ENGHEALTH-8721 use design token for colour in media border colour button border
19
+ - Updated dependencies
20
+
3
21
  ## 2.7.1
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/nodeviews/mediaInline.js CHANGED
@@ -25,7 +25,6 @@ var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-
25
25
  var _mediaCard = require("@atlaskit/media-card");
26
26
  var _mediaClientReact = require("@atlaskit/media-client-react");
27
27
  var _mediaUi = require("@atlaskit/media-ui");
28
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
29
28
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
30
29
  var _isType = require("../pm-plugins/utils/is-type");
31
30
  var _MediaViewerContainer = require("../ui/MediaViewer/MediaViewerContainer");
@@ -217,7 +216,7 @@ var MediaInline = exports.MediaInline = function MediaInline(props) {
217
216
  mediaClientConfig: props.mediaClientConfig,
218
217
  isEditorViewMode: props.editorViewMode,
219
218
  isSelected: props.isSelected,
220
- isInline: (0, _platformFeatureFlags.fg)('platform_editor_render_media_viewer_as_inline')
219
+ isInline: true
221
220
  }, (0, _react2.jsx)(_mediaCard.MediaInlineCard, {
222
221
  isSelected: props.isSelected,
223
222
  identifier: identifier,
package/dist/cjs/ui/ImageBorder/styles.js CHANGED
@@ -44,9 +44,8 @@ var buttonStyle = exports.buttonStyle = function buttonStyle(selected) {
44
44
  return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\theight: 26px;\n\twidth: 26px;\n\tpadding: 0;\n\tborder-radius: 4px;\n\tbackground-color: ", ";\n\tborder: 1px solid ", ";\n\tcursor: pointer;\n\tdisplay: block;\n"])), selected ? "var(--ds-text, ".concat(_colors.N800, ")") : "var(--ds-background-neutral, ".concat(_colors.N20A, ")"), _uiColor.DEFAULT_BORDER_COLOR);
45
45
  };
46
46
 
47
- /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
48
47
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
49
- var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\tborder: 1px solid transparent;\n\tmargin: ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ", ";\n\tborder-radius: 6px;\n\t&:focus-within,\n\t&:focus,\n\t&:hover {\n\t\tborder-color: ", " !important;\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _colors.N50);
48
+ var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\tborder: 1px solid transparent;\n\tmargin: ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ", ";\n\tborder-radius: 6px;\n\t&:focus-within,\n\t&:focus,\n\t&:hover {\n\t\tborder-color: ", " !important;\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", "var(--ds-border, ".concat(_colors.N50, ")"));
50
49
  var line = exports.line = function line(size, selected) {
51
50
  return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\t&:before {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\twidth: 12px;\n\t\theight: ", "px;\n\t\tbackground-color: ", ";\n\t\tborder-radius: 90px;\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\n\t}\n"])), size, selected ? "var(--ds-icon-inverse, ".concat(_colors.N0, ")") : "var(--ds-icon, #44546F)");
52
51
  };
package/dist/es2019/nodeviews/mediaInline.js CHANGED
@@ -14,7 +14,6 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
14
14
  import { MediaInlineCard } from '@atlaskit/media-card';
15
15
  import { getMediaClient } from '@atlaskit/media-client-react';
16
16
  import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
17
- import { fg } from '@atlaskit/platform-feature-flags';
18
17
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
19
18
  import { isImage } from '../pm-plugins/utils/is-type';
20
19
  import { MediaViewerContainer } from '../ui/MediaViewer/MediaViewerContainer';
@@ -149,7 +148,7 @@ export const MediaInline = props => {
149
148
  mediaClientConfig: props.mediaClientConfig,
150
149
  isEditorViewMode: props.editorViewMode,
151
150
  isSelected: props.isSelected,
152
- isInline: fg('platform_editor_render_media_viewer_as_inline')
151
+ isInline: true
153
152
  }, jsx(MediaInlineCard, {
154
153
  isSelected: props.isSelected,
155
154
  identifier: identifier,
package/dist/es2019/ui/ImageBorder/styles.js CHANGED
@@ -67,7 +67,6 @@ export const buttonStyle = selected => css`
67
67
  display: block;
68
68
  `;
69
69
 
70
- /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
71
70
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
72
71
  export const buttonWrapperStyle = css`
73
72
  border: 1px solid transparent;
@@ -80,7 +79,7 @@ export const buttonWrapperStyle = css`
80
79
  &:focus-within,
81
80
  &:focus,
82
81
  &:hover {
83
- border-color: ${N50} !important;
82
+ border-color: ${`var(--ds-border, ${N50})`} !important;
84
83
  }
85
84
  `;
86
85
  export const line = (size, selected) => css`
package/dist/esm/nodeviews/mediaInline.js CHANGED
@@ -29,7 +29,6 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
29
29
  import { MediaInlineCard } from '@atlaskit/media-card';
30
30
  import { getMediaClient } from '@atlaskit/media-client-react';
31
31
  import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
32
- import { fg } from '@atlaskit/platform-feature-flags';
33
32
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
34
33
  import { isImage } from '../pm-plugins/utils/is-type';
35
34
  import { MediaViewerContainer } from '../ui/MediaViewer/MediaViewerContainer';
@@ -213,7 +212,7 @@ export var MediaInline = function MediaInline(props) {
213
212
  mediaClientConfig: props.mediaClientConfig,
214
213
  isEditorViewMode: props.editorViewMode,
215
214
  isSelected: props.isSelected,
216
- isInline: fg('platform_editor_render_media_viewer_as_inline')
215
+ isInline: true
217
216
  }, jsx(MediaInlineCard, {
218
217
  isSelected: props.isSelected,
219
218
  identifier: identifier,
package/dist/esm/ui/ImageBorder/styles.js CHANGED
@@ -34,9 +34,8 @@ export var buttonStyle = function buttonStyle(selected) {
34
34
  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\theight: 26px;\n\twidth: 26px;\n\tpadding: 0;\n\tborder-radius: 4px;\n\tbackground-color: ", ";\n\tborder: 1px solid ", ";\n\tcursor: pointer;\n\tdisplay: block;\n"])), selected ? "var(--ds-text, ".concat(N800, ")") : "var(--ds-background-neutral, ".concat(N20A, ")"), DEFAULT_BORDER_COLOR);
35
35
  };
36
36
 
37
- /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
38
37
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
39
- export var buttonWrapperStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\tborder: 1px solid transparent;\n\tmargin: ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ", ";\n\tborder-radius: 6px;\n\t&:focus-within,\n\t&:focus,\n\t&:hover {\n\t\tborder-color: ", " !important;\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", N50);
38
+ export var buttonWrapperStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\tborder: 1px solid transparent;\n\tmargin: ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ", ";\n\tborder-radius: 6px;\n\t&:focus-within,\n\t&:focus,\n\t&:hover {\n\t\tborder-color: ", " !important;\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", "var(--ds-border, ".concat(N50, ")"));
40
39
  export var line = function line(size, selected) {
41
40
  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n\tposition: relative;\n\t&:before {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\twidth: 12px;\n\t\theight: ", "px;\n\t\tbackground-color: ", ";\n\t\tborder-radius: 90px;\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\n\t}\n"])), size, selected ? "var(--ds-icon-inverse, ".concat(N0, ")") : "var(--ds-icon, #44546F)");
42
41
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "2.7.1",
3
+ "version": "2.7.3",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -38,7 +38,7 @@
38
38
  "@atlaskit/analytics-namespaced-context": "^7.0.0",
39
39
  "@atlaskit/analytics-next": "^11.0.0",
40
40
  "@atlaskit/button": "^23.0.0",
41
- "@atlaskit/editor-common": "^103.20.0",
41
+ "@atlaskit/editor-common": "^103.22.0",
42
42
  "@atlaskit/editor-palette": "^2.1.0",
43
43
  "@atlaskit/editor-plugin-analytics": "^2.2.0",
44
44
  "@atlaskit/editor-plugin-annotation": "^2.7.0",
@@ -51,7 +51,7 @@
51
51
  "@atlaskit/editor-plugin-grid": "^2.0.0",
52
52
  "@atlaskit/editor-plugin-guideline": "^2.0.0",
53
53
  "@atlaskit/editor-plugin-interaction": "^1.0.0",
54
- "@atlaskit/editor-plugin-selection": "^2.1.0",
54
+ "@atlaskit/editor-plugin-selection": "^2.2.0",
55
55
  "@atlaskit/editor-plugin-width": "^3.0.0",
56
56
  "@atlaskit/editor-prosemirror": "7.0.0",
57
57
  "@atlaskit/editor-shared-styles": "^3.4.0",
@@ -67,7 +67,7 @@
67
67
  "@atlaskit/media-ui": "^28.1.0",
68
68
  "@atlaskit/media-viewer": "^52.0.0",
69
69
  "@atlaskit/platform-feature-flags": "^1.1.0",
70
- "@atlaskit/primitives": "^14.4.0",
70
+ "@atlaskit/primitives": "^14.7.0",
71
71
  "@atlaskit/textfield": "^8.0.0",
72
72
  "@atlaskit/theme": "^18.0.0",
73
73
  "@atlaskit/tmp-editor-statsig": "^4.15.0",
@@ -166,9 +166,6 @@
166
166
  "platform_editor_add_media_from_url_rollout": {
167
167
  "type": "boolean"
168
168
  },
169
- "platform_editor_render_media_viewer_as_inline": {
170
- "type": "boolean"
171
- },
172
169
  "platform_editor_multi_images_overridden_upload_fix": {
173
170
  "type": "boolean"
174
171
  },