@atlaskit/editor-plugin-media 8.4.6 → 8.4.7

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 (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/nodeviews/toDOM-fixes/media.js +2 -2
  3. package/dist/cjs/nodeviews/toDOM-fixes/mediaInline.js +1 -1
  4. package/dist/cjs/pm-plugins/pixel-resizing/ui/pixel-entry.js +2 -2
  5. package/dist/cjs/ui/CaptionPlaceholder/index.js +1 -1
  6. package/dist/es2019/nodeviews/toDOM-fixes/media.js +2 -2
  7. package/dist/es2019/nodeviews/toDOM-fixes/mediaInline.js +1 -1
  8. package/dist/es2019/pm-plugins/pixel-resizing/ui/pixel-entry.js +2 -2
  9. package/dist/es2019/ui/CaptionPlaceholder/index.js +1 -1
  10. package/dist/esm/nodeviews/toDOM-fixes/media.js +2 -2
  11. package/dist/esm/nodeviews/toDOM-fixes/mediaInline.js +1 -1
  12. package/dist/esm/pm-plugins/pixel-resizing/ui/pixel-entry.js +2 -2
  13. package/dist/esm/ui/CaptionPlaceholder/index.js +1 -1
  14. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 8.4.7
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 8.4.6
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/nodeviews/toDOM-fixes/media.js CHANGED
@@ -41,7 +41,7 @@ var mediaSpecWithFixedToDOM = exports.mediaSpecWithFixedToDOM = function mediaSp
41
41
  return ['img', _objectSpread(_objectSpread({}, attrs), {}, {
42
42
  src: node.attrs.url,
43
43
  style: (0, _lazyNodeView.convertToInlineCss)({
44
- backgroundColor: "var(--ds-background-neutral, #091E420F)",
44
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
45
45
  outline: 'none',
46
46
  width: "var(--ak-editor-media-card-width, 100%)",
47
47
  height: "var(--ak-editor-media-card-height, 100%)"
@@ -81,7 +81,7 @@ var mediaSpecWithFixedToDOM = exports.mediaSpecWithFixedToDOM = function mediaSp
81
81
  }
82
82
  return ['div', _objectSpread(_objectSpread({}, attrs), {}, {
83
83
  styles: (0, _lazyNodeView.convertToInlineCss)({
84
- backgroundColor: "var(--ak-editor-media-card-background-color, ".concat("var(--ds-background-neutral, #091E420F)", ")"),
84
+ backgroundColor: "var(--ak-editor-media-card-background-color, ".concat("var(--ds-background-neutral, #0515240F)", ")"),
85
85
  outline: 'none'
86
86
  })
87
87
  })];
package/dist/cjs/nodeviews/toDOM-fixes/mediaInline.js CHANGED
@@ -11,7 +11,7 @@ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
11
11
  var _toDOMAttrs = require("./toDOMAttrs");
12
12
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13
13
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
14
- var skeletonStyling = "background: ".concat("var(--ds-background-neutral, #091E420F)", ";");
14
+ var skeletonStyling = "background: ".concat("var(--ds-background-neutral, #0515240F)", ";");
15
15
  // Matches media
16
16
  var fallbackAspectRatio = 1.25;
17
17
 
package/dist/cjs/pm-plugins/pixel-resizing/ui/pixel-entry.js CHANGED
@@ -272,7 +272,7 @@ var fieldStyles = (0, _react2.css)({
272
272
  var dividerStyles = (0, _primitives.xcss)({
273
273
  width: '1px',
274
274
  height: "var(--ds-space-500, 40px)",
275
- background: "var(--ds-border, #091E4224)",
275
+ background: "var(--ds-border, #0B120E24)",
276
276
  marginInlineEnd: 'space.050'
277
277
  });
278
278
  var PixelEntryComponentNext = exports.PixelEntryComponentNext = function PixelEntryComponentNext(_ref5) {
@@ -368,7 +368,7 @@ var PixelEntryComponentNext = exports.PixelEntryComponentNext = function PixelEn
368
368
  icon: function icon() {
369
369
  return (0, _react2.jsx)(_cross.default, {
370
370
  label: "",
371
- color: "var(--ds-icon-subtlest, #626F86)"
371
+ color: "var(--ds-icon-subtlest, #6B6E76)"
372
372
  });
373
373
  },
374
374
  label: formatMessage(_media.pixelEntryMessages.closePixelEntry),
package/dist/cjs/ui/CaptionPlaceholder/index.js CHANGED
@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
27
27
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
28
28
  var placeholder = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: ", ";\n\twidth: 100%;\n\ttext-align: center;\n\tmargin-top: ", " !important;\n\tdisplay: block;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");
29
29
  var placeholderText = (0, _react2.css)({
30
- color: "var(--ds-text-subtlest, #626F86)"
30
+ color: "var(--ds-text-subtlest, #6B6E76)"
31
31
  });
32
32
  var placeholderButton = (0, _primitives.xcss)({
33
33
  width: '100%',
package/dist/es2019/nodeviews/toDOM-fixes/media.js CHANGED
@@ -34,7 +34,7 @@ export const mediaSpecWithFixedToDOM = () => {
34
34
  ...attrs,
35
35
  src: node.attrs.url,
36
36
  style: convertToInlineCss({
37
- backgroundColor: `${"var(--ds-background-neutral, #091E420F)"}`,
37
+ backgroundColor: `${"var(--ds-background-neutral, #0515240F)"}`,
38
38
  outline: 'none',
39
39
  width: `var(--ak-editor-media-card-width, 100%)`,
40
40
  height: `var(--ak-editor-media-card-height, 100%)`
@@ -75,7 +75,7 @@ export const mediaSpecWithFixedToDOM = () => {
75
75
  return ['div', {
76
76
  ...attrs,
77
77
  styles: convertToInlineCss({
78
- backgroundColor: `var(--ak-editor-media-card-background-color, ${"var(--ds-background-neutral, #091E420F)"})`,
78
+ backgroundColor: `var(--ak-editor-media-card-background-color, ${"var(--ds-background-neutral, #0515240F)"})`,
79
79
  outline: 'none'
80
80
  })
81
81
  }];
package/dist/es2019/nodeviews/toDOM-fixes/mediaInline.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { mediaInline } from '@atlaskit/adf-schema';
2
2
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
3
3
  import { getMediaAttrs } from './toDOMAttrs';
4
- const skeletonStyling = `background: ${"var(--ds-background-neutral, #091E420F)"};`;
4
+ const skeletonStyling = `background: ${"var(--ds-background-neutral, #0515240F)"};`;
5
5
  // Matches media
6
6
  const fallbackAspectRatio = 1.25;
7
7
 
package/dist/es2019/pm-plugins/pixel-resizing/ui/pixel-entry.js CHANGED
@@ -253,7 +253,7 @@ const fieldStyles = css({
253
253
  const dividerStyles = xcss({
254
254
  width: '1px',
255
255
  height: "var(--ds-space-500, 40px)",
256
- background: "var(--ds-border, #091E4224)",
256
+ background: "var(--ds-border, #0B120E24)",
257
257
  marginInlineEnd: 'space.050'
258
258
  });
259
259
  export const PixelEntryComponentNext = ({
@@ -349,7 +349,7 @@ export const PixelEntryComponentNext = ({
349
349
  }), jsx(IconButton, {
350
350
  icon: () => jsx(CrossIcon, {
351
351
  label: "",
352
- color: "var(--ds-icon-subtlest, #626F86)"
352
+ color: "var(--ds-icon-subtlest, #6B6E76)"
353
353
  }),
354
354
  label: formatMessage(messages.closePixelEntry),
355
355
  appearance: "subtle",
package/dist/es2019/ui/CaptionPlaceholder/index.js CHANGED
@@ -23,7 +23,7 @@ const placeholder = css`
23
23
  display: block;
24
24
  `;
25
25
  const placeholderText = css({
26
- color: "var(--ds-text-subtlest, #626F86)"
26
+ color: "var(--ds-text-subtlest, #6B6E76)"
27
27
  });
28
28
  const placeholderButton = xcss({
29
29
  width: '100%',
package/dist/esm/nodeviews/toDOM-fixes/media.js CHANGED
@@ -35,7 +35,7 @@ export var mediaSpecWithFixedToDOM = function mediaSpecWithFixedToDOM() {
35
35
  return ['img', _objectSpread(_objectSpread({}, attrs), {}, {
36
36
  src: node.attrs.url,
37
37
  style: convertToInlineCss({
38
- backgroundColor: "var(--ds-background-neutral, #091E420F)",
38
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
39
39
  outline: 'none',
40
40
  width: "var(--ak-editor-media-card-width, 100%)",
41
41
  height: "var(--ak-editor-media-card-height, 100%)"
@@ -75,7 +75,7 @@ export var mediaSpecWithFixedToDOM = function mediaSpecWithFixedToDOM() {
75
75
  }
76
76
  return ['div', _objectSpread(_objectSpread({}, attrs), {}, {
77
77
  styles: convertToInlineCss({
78
- backgroundColor: "var(--ak-editor-media-card-background-color, ".concat("var(--ds-background-neutral, #091E420F)", ")"),
78
+ backgroundColor: "var(--ak-editor-media-card-background-color, ".concat("var(--ds-background-neutral, #0515240F)", ")"),
79
79
  outline: 'none'
80
80
  })
81
81
  })];
package/dist/esm/nodeviews/toDOM-fixes/mediaInline.js CHANGED
@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
4
4
  import { mediaInline } from '@atlaskit/adf-schema';
5
5
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
6
6
  import { getMediaAttrs } from './toDOMAttrs';
7
- var skeletonStyling = "background: ".concat("var(--ds-background-neutral, #091E420F)", ";");
7
+ var skeletonStyling = "background: ".concat("var(--ds-background-neutral, #0515240F)", ";");
8
8
  // Matches media
9
9
  var fallbackAspectRatio = 1.25;
10
10
 
package/dist/esm/pm-plugins/pixel-resizing/ui/pixel-entry.js CHANGED
@@ -260,7 +260,7 @@ var fieldStyles = css({
260
260
  var dividerStyles = xcss({
261
261
  width: '1px',
262
262
  height: "var(--ds-space-500, 40px)",
263
- background: "var(--ds-border, #091E4224)",
263
+ background: "var(--ds-border, #0B120E24)",
264
264
  marginInlineEnd: 'space.050'
265
265
  });
266
266
  export var PixelEntryComponentNext = function PixelEntryComponentNext(_ref5) {
@@ -356,7 +356,7 @@ export var PixelEntryComponentNext = function PixelEntryComponentNext(_ref5) {
356
356
  icon: function icon() {
357
357
  return jsx(CrossIcon, {
358
358
  label: "",
359
- color: "var(--ds-icon-subtlest, #626F86)"
359
+ color: "var(--ds-icon-subtlest, #6B6E76)"
360
360
  });
361
361
  },
362
362
  label: formatMessage(messages.closePixelEntry),
package/dist/esm/ui/CaptionPlaceholder/index.js CHANGED
@@ -19,7 +19,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
19
19
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
20
20
  var placeholder = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tcolor: ", ";\n\twidth: 100%;\n\ttext-align: center;\n\tmargin-top: ", " !important;\n\tdisplay: block;\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-space-100, 8px)");
21
21
  var placeholderText = css({
22
- color: "var(--ds-text-subtlest, #626F86)"
22
+ color: "var(--ds-text-subtlest, #6B6E76)"
23
23
  });
24
24
  var placeholderButton = xcss({
25
25
  width: '100%',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "8.4.6",
3
+ "version": "8.4.7",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -49,13 +49,13 @@
49
49
  "@atlaskit/editor-plugin-toolbar": "^3.4.0",
50
50
  "@atlaskit/editor-plugin-width": "^7.0.0",
51
51
  "@atlaskit/editor-prosemirror": "7.0.0",
52
- "@atlaskit/editor-shared-styles": "^3.8.0",
52
+ "@atlaskit/editor-shared-styles": "^3.9.0",
53
53
  "@atlaskit/editor-tables": "^2.9.0",
54
54
  "@atlaskit/form": "^14.2.0",
55
- "@atlaskit/icon": "^28.5.0",
56
- "@atlaskit/icon-lab": "^5.11.0",
55
+ "@atlaskit/icon": "^29.0.0",
56
+ "@atlaskit/icon-lab": "^5.12.0",
57
57
  "@atlaskit/media-card": "^79.6.0",
58
- "@atlaskit/media-client": "^35.5.0",
58
+ "@atlaskit/media-client": "^35.6.0",
59
59
  "@atlaskit/media-client-react": "^4.1.0",
60
60
  "@atlaskit/media-common": "^12.3.0",
61
61
  "@atlaskit/media-filmstrip": "^51.1.0",
@@ -66,7 +66,7 @@
66
66
  "@atlaskit/primitives": "^16.1.0",
67
67
  "@atlaskit/textfield": "^8.0.0",
68
68
  "@atlaskit/theme": "^21.0.0",
69
- "@atlaskit/tmp-editor-statsig": "^13.32.0",
69
+ "@atlaskit/tmp-editor-statsig": "^13.35.0",
70
70
  "@atlaskit/tokens": "^8.0.0",
71
71
  "@atlaskit/tooltip": "^20.8.0",
72
72
  "@babel/runtime": "^7.0.0",
@@ -78,7 +78,7 @@
78
78
  "uuid": "^3.1.0"
79
79
  },
80
80
  "peerDependencies": {
81
- "@atlaskit/editor-common": "^110.24.0",
81
+ "@atlaskit/editor-common": "^110.27.0",
82
82
  "@atlaskit/media-core": "^37.0.0",
83
83
  "react": "^18.2.0",
84
84
  "react-dom": "^18.2.0",