@atlaskit/media-ui 28.7.3 → 28.7.5

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 +15 -0
  2. package/dist/cjs/customMediaPlayer/styled-compiled.compiled.css +0 -1
  3. package/dist/cjs/customMediaPlayer/styled-compiled.js +1 -1
  4. package/dist/cjs/customMediaPlayer/styled-emotion.js +1 -1
  5. package/dist/cjs/mediaImage/index.js +2 -3
  6. package/dist/es2019/customMediaPlayer/styled-compiled.compiled.css +0 -1
  7. package/dist/es2019/customMediaPlayer/styled-compiled.js +1 -1
  8. package/dist/es2019/customMediaPlayer/styled-emotion.js +1 -1
  9. package/dist/es2019/mediaImage/index.js +2 -3
  10. package/dist/esm/customMediaPlayer/styled-compiled.compiled.css +0 -1
  11. package/dist/esm/customMediaPlayer/styled-compiled.js +1 -1
  12. package/dist/esm/customMediaPlayer/styled-emotion.js +1 -1
  13. package/dist/esm/mediaImage/index.js +2 -3
  14. package/package.json +3 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/media-ui
2
2
 
3
+ ## 28.7.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`2e35d308c4205`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2e35d308c4205) -
8
+ FG cleanup - platform_media_add_ufo_custom_data
9
+ - Updated dependencies
10
+
11
+ ## 28.7.4
12
+
13
+ ### Patch Changes
14
+
15
+ - [`407e1dc11eeed`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/407e1dc11eeed) -
16
+ Minor changes to border radius values.
17
+
3
18
  ## 28.7.3
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/customMediaPlayer/styled-compiled.compiled.css CHANGED
@@ -2,7 +2,6 @@
2
2
  ._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
3
3
  ._19itglyw{border:none}
4
4
  ._1a371kqe{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#85b8ff)}
5
- ._2rko14y2{border-radius:5px}
6
5
  ._2rko1b66{border-radius:var(--ds-space-050,4px)}
7
6
  ._2rko1kw7{border-radius:inherit}
8
7
  ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
package/dist/cjs/customMediaPlayer/styled-compiled.js CHANGED
@@ -56,7 +56,7 @@ var TimeLine = exports.TimeLine = /*#__PURE__*/(0, _react.forwardRef)(function (
56
56
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
57
57
  ref: ref
58
58
  }, props, {
59
- className: (0, _runtime.ax)(["_v5641eho _2rko14y2 _1bsb1osq _4t3iyh40 _1lww9cwz _bfhk9ucv _kqswh2mm"])
59
+ className: (0, _runtime.ax)(["_v5641eho _2rko1rr0 _1bsb1osq _4t3iyh40 _1lww9cwz _bfhk9ucv _kqswh2mm"])
60
60
  }), children);
61
61
  });
62
62
  var currentTimeLineStyles = null;
package/dist/cjs/customMediaPlayer/styled-emotion.js CHANGED
@@ -41,7 +41,7 @@ var TimeLine = exports.TimeLine = _styled.default.div({
41
41
  transitionDelay: '1s',
42
42
  transition: 'all 0.1s',
43
43
  backgroundColor: '#596773',
44
- borderRadius: '5px',
44
+ borderRadius: "var(--ds-radius-full, 9999px)",
45
45
  position: 'relative'
46
46
  });
47
47
 
package/dist/cjs/mediaImage/index.js CHANGED
@@ -9,7 +9,6 @@ exports.MediaImage = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
12
  var _vcMedia = require("@atlaskit/react-ufo/vc-media");
14
13
  var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
15
14
  var _styled = require("./styled");
@@ -365,11 +364,11 @@ var MediaImage = exports.MediaImage = /*#__PURE__*/(0, _react.forwardRef)(functi
365
364
  var transform = (0, _imageMetaData.getCssFromImageOrientation)(previewOrientation);
366
365
  style.transform += " ".concat(transform);
367
366
  }
368
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _platformFeatureFlags.fg)('platform_media_add_ufo_custom_data') ? /*#__PURE__*/_react.default.createElement(_customData.default, {
367
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_customData.default, {
369
368
  data: {
370
369
  hasMediaComponent: true
371
370
  }
372
- }) : null, /*#__PURE__*/_react.default.createElement(_styled.ImageComponent, (0, _extends2.default)({
371
+ }), /*#__PURE__*/_react.default.createElement(_styled.ImageComponent, (0, _extends2.default)({
373
372
  loading: loading,
374
373
  "data-testid": "media-image",
375
374
  "data-vc": "media-image",
package/dist/es2019/customMediaPlayer/styled-compiled.compiled.css CHANGED
@@ -2,7 +2,6 @@
2
2
  ._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
3
3
  ._19itglyw{border:none}
4
4
  ._1a371kqe{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#85b8ff)}
5
- ._2rko14y2{border-radius:5px}
6
5
  ._2rko1b66{border-radius:var(--ds-space-050,4px)}
7
6
  ._2rko1kw7{border-radius:inherit}
8
7
  ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
package/dist/es2019/customMediaPlayer/styled-compiled.js CHANGED
@@ -31,7 +31,7 @@ export const TimeLine = /*#__PURE__*/forwardRef(({
31
31
  return /*#__PURE__*/React.createElement("div", _extends({
32
32
  ref: ref
33
33
  }, props, {
34
- className: ax(["_v5641eho _2rko14y2 _1bsb1osq _4t3iyh40 _1lww9cwz _bfhk9ucv _kqswh2mm"])
34
+ className: ax(["_v5641eho _2rko1rr0 _1bsb1osq _4t3iyh40 _1lww9cwz _bfhk9ucv _kqswh2mm"])
35
35
  }), children);
36
36
  });
37
37
  const currentTimeLineStyles = null;
package/dist/es2019/customMediaPlayer/styled-emotion.js CHANGED
@@ -38,7 +38,7 @@ export const TimeLine = styled.div({
38
38
  transitionDelay: '1s',
39
39
  transition: 'all 0.1s',
40
40
  backgroundColor: '#596773',
41
- borderRadius: '5px',
41
+ borderRadius: "var(--ds-radius-full, 9999px)",
42
42
  position: 'relative'
43
43
  });
44
44
 
package/dist/es2019/mediaImage/index.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { forwardRef, useCallback, useRef, useState } from 'react';
3
- import { fg } from '@atlaskit/platform-feature-flags';
4
3
  import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
5
4
  import UFOCustomData from '@atlaskit/react-ufo/custom-data';
6
5
  import { ImageComponent } from './styled';
@@ -345,11 +344,11 @@ export const MediaImage = /*#__PURE__*/forwardRef(({
345
344
  const transform = getCssFromImageOrientation(previewOrientation);
346
345
  style.transform += ` ${transform}`;
347
346
  }
348
- return /*#__PURE__*/React.createElement(React.Fragment, null, fg('platform_media_add_ufo_custom_data') ? /*#__PURE__*/React.createElement(UFOCustomData, {
347
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UFOCustomData, {
349
348
  data: {
350
349
  hasMediaComponent: true
351
350
  }
352
- }) : null, /*#__PURE__*/React.createElement(ImageComponent, _extends({
351
+ }), /*#__PURE__*/React.createElement(ImageComponent, _extends({
353
352
  loading: loading,
354
353
  "data-testid": "media-image",
355
354
  "data-vc": "media-image",
package/dist/esm/customMediaPlayer/styled-compiled.compiled.css CHANGED
@@ -2,7 +2,6 @@
2
2
  ._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
3
3
  ._19itglyw{border:none}
4
4
  ._1a371kqe{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#85b8ff)}
5
- ._2rko14y2{border-radius:5px}
6
5
  ._2rko1b66{border-radius:var(--ds-space-050,4px)}
7
6
  ._2rko1kw7{border-radius:inherit}
8
7
  ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
package/dist/esm/customMediaPlayer/styled-compiled.js CHANGED
@@ -48,7 +48,7 @@ export var TimeLine = /*#__PURE__*/forwardRef(function (_ref3, ref) {
48
48
  return /*#__PURE__*/React.createElement("div", _extends({
49
49
  ref: ref
50
50
  }, props, {
51
- className: ax(["_v5641eho _2rko14y2 _1bsb1osq _4t3iyh40 _1lww9cwz _bfhk9ucv _kqswh2mm"])
51
+ className: ax(["_v5641eho _2rko1rr0 _1bsb1osq _4t3iyh40 _1lww9cwz _bfhk9ucv _kqswh2mm"])
52
52
  }), children);
53
53
  });
54
54
  var currentTimeLineStyles = null;
package/dist/esm/customMediaPlayer/styled-emotion.js CHANGED
@@ -33,7 +33,7 @@ export var TimeLine = styled.div({
33
33
  transitionDelay: '1s',
34
34
  transition: 'all 0.1s',
35
35
  backgroundColor: '#596773',
36
- borderRadius: '5px',
36
+ borderRadius: "var(--ds-radius-full, 9999px)",
37
37
  position: 'relative'
38
38
  });
39
39
 
package/dist/esm/mediaImage/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import React, { forwardRef, useCallback, useRef, useState } from 'react';
4
- import { fg } from '@atlaskit/platform-feature-flags';
5
4
  import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
6
5
  import UFOCustomData from '@atlaskit/react-ufo/custom-data';
7
6
  import { ImageComponent } from './styled';
@@ -356,11 +355,11 @@ export var MediaImage = /*#__PURE__*/forwardRef(function (_ref, ref) {
356
355
  var transform = getCssFromImageOrientation(previewOrientation);
357
356
  style.transform += " ".concat(transform);
358
357
  }
359
- return /*#__PURE__*/React.createElement(React.Fragment, null, fg('platform_media_add_ufo_custom_data') ? /*#__PURE__*/React.createElement(UFOCustomData, {
358
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UFOCustomData, {
360
359
  data: {
361
360
  hasMediaComponent: true
362
361
  }
363
- }) : null, /*#__PURE__*/React.createElement(ImageComponent, _extends({
362
+ }), /*#__PURE__*/React.createElement(ImageComponent, _extends({
364
363
  loading: loading,
365
364
  "data-testid": "media-image",
366
365
  "data-vc": "media-image",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-ui",
3
- "version": "28.7.3",
3
+ "version": "28.7.5",
4
4
  "description": "Includes common components and utilities used by other media packages",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
31
31
  "@atlaskit/dropdown-menu": "^16.3.0",
32
32
  "@atlaskit/flag": "^17.4.0",
33
33
  "@atlaskit/form": "^14.0.0",
34
- "@atlaskit/icon": "^28.2.0",
34
+ "@atlaskit/icon": "^28.3.0",
35
35
  "@atlaskit/icon-file-type": "^7.0.0",
36
36
  "@atlaskit/icon-lab": "^5.7.0",
37
37
  "@atlaskit/legacy-custom-icons": "^0.22.0",
@@ -44,7 +44,7 @@
44
44
  "@atlaskit/platform-feature-flags": "^1.1.0",
45
45
  "@atlaskit/primitives": "^14.15.0",
46
46
  "@atlaskit/range": "^9.2.0",
47
- "@atlaskit/react-ufo": "^4.9.0",
47
+ "@atlaskit/react-ufo": "^4.10.0",
48
48
  "@atlaskit/select": "^21.3.0",
49
49
  "@atlaskit/spinner": "^19.0.0",
50
50
  "@atlaskit/theme": "^21.0.0",
@@ -94,9 +94,6 @@
94
94
  "platform_media_compiled": {
95
95
  "type": "boolean"
96
96
  },
97
- "platform_media_add_ufo_custom_data": {
98
- "type": "boolean"
99
- },
100
97
  "platform_media_resume_video_on_token_expiry": {
101
98
  "type": "boolean"
102
99
  },