@atlaskit/media-ui 28.6.13 → 28.6.14

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 (17) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/customMediaPlayer/index.js +1 -1
  3. package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
  4. package/dist/cjs/customMediaPlayer/styled-compiled.compiled.css +2 -2
  5. package/dist/cjs/customMediaPlayer/styled-compiled.js +2 -2
  6. package/dist/cjs/customMediaPlayer/styled-emotion.js +2 -2
  7. package/dist/es2019/customMediaPlayer/index.js +1 -1
  8. package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
  9. package/dist/es2019/customMediaPlayer/styled-compiled.compiled.css +2 -2
  10. package/dist/es2019/customMediaPlayer/styled-compiled.js +2 -2
  11. package/dist/es2019/customMediaPlayer/styled-emotion.js +2 -2
  12. package/dist/esm/customMediaPlayer/index.js +1 -1
  13. package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayer.js +1 -1
  14. package/dist/esm/customMediaPlayer/styled-compiled.compiled.css +2 -2
  15. package/dist/esm/customMediaPlayer/styled-compiled.js +2 -2
  16. package/dist/esm/customMediaPlayer/styled-emotion.js +2 -2
  17. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/media-ui
2
2
 
3
+ ## 28.6.14
4
+
5
+ ### Patch Changes
6
+
7
+ - [`5d0b8ba5e6f7f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5d0b8ba5e6f7f) -
8
+ Internal changes to how borders are applied.
9
+
3
10
  ## 28.6.13
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/customMediaPlayer/index.js CHANGED
@@ -16,7 +16,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
16
16
  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props) : /*#__PURE__*/_react.default.createElement(_indexEmotion.CustomMediaPlayerBase, props);
17
17
  };
18
18
  var packageName = "@atlaskit/media-ui";
19
- var packageVersion = "28.6.12";
19
+ var packageVersion = "0.0.0-development";
20
20
 
21
21
  // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
22
22
  var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({
package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayer.js CHANGED
@@ -15,7 +15,7 @@ var _useTextTracks2 = require("./useTextTracks");
15
15
  var _analyticsNext = require("@atlaskit/analytics-next");
16
16
  var _excluded = ["onPlay"];
17
17
  var packageName = "@atlaskit/media-ui";
18
- var packageVersion = "28.6.12";
18
+ var packageVersion = "0.0.0-development";
19
19
  var MediaPlayerWihtoutContext = exports.MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
20
20
  var _onPlay = _ref.onPlay,
21
21
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
package/dist/cjs/customMediaPlayer/styled-compiled.compiled.css CHANGED
@@ -5,11 +5,11 @@
5
5
  ._2rko14y2{border-radius:5px}
6
6
  ._2rko1b66{border-radius:var(--ds-space-050,4px)}
7
7
  ._2rko1kw7{border-radius:inherit}
8
- ._2rko1osq{border-radius:100%}
8
+ ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
9
9
  ._v5641eho{transition:all .1s}
10
10
  ._v5641rb3{transition:width .3s}
11
11
  ._v564g17y{transition:opacity .3s}
12
- ._189et94y{border-width:1px}
12
+ ._189ee4h9{border-width:var(--ds-border-width,1px)}
13
13
  ._1dqonqa1{border-style:solid}
14
14
  ._1h6d16fc{border-color:#666}
15
15
  ._14hp1j2z button{width:36px!important}
package/dist/cjs/customMediaPlayer/styled-compiled.js CHANGED
@@ -72,7 +72,7 @@ var Thumb = exports.Thumb = function Thumb(_ref5) {
72
72
  var children = _ref5.children,
73
73
  props = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
74
74
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
75
- className: (0, _runtime.ax)(["_2rko1osq _v5641eho _189et94y _1dqonqa1 _1h6d16fc _lcxvglyw _1bsbdlk8 _4t3idlk8 _bfhku67f _kqswstnw _1xi2idpf _154iv77o _t9ec17tb _1lww9cwz"])
75
+ className: (0, _runtime.ax)(["_2rko1rr0 _v5641eho _189ee4h9 _1dqonqa1 _1h6d16fc _lcxvglyw _1bsbdlk8 _4t3idlk8 _bfhku67f _kqswstnw _1xi2idpf _154iv77o _t9ec17tb _1lww9cwz"])
76
76
  }), children);
77
77
  };
78
78
  var currentTimeLineThumbStyles = null;
@@ -82,7 +82,7 @@ var CurrentTimeLineThumb = exports.CurrentTimeLineThumb = /*#__PURE__*/(0, _reac
82
82
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
83
83
  ref: ref
84
84
  }, props, {
85
- className: (0, _runtime.ax)(["_19itglyw _2rko1osq _1a37q36z _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"]),
85
+ className: (0, _runtime.ax)(["_19itglyw _2rko1rr0 _1a37q36z _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"]),
86
86
  style: {
87
87
  "--_k4vj5w": (0, _runtime.ix)("2px solid ".concat("var(--ds-border-focused, #85B8FF)"))
88
88
  }
package/dist/cjs/customMediaPlayer/styled-emotion.js CHANGED
@@ -60,7 +60,7 @@ var Thumb = exports.Thumb = _styled.default.div({
60
60
  pointerEvents: 'none',
61
61
  width: '14px',
62
62
  height: '14px',
63
- borderRadius: '100%',
63
+ borderRadius: "var(--ds-radius-full, 9999px)",
64
64
  backgroundColor: 'white',
65
65
  border: '1px solid #666',
66
66
  position: 'absolute',
@@ -87,7 +87,7 @@ var CurrentTimeLineThumb = exports.CurrentTimeLineThumb = _styled.default.div({
87
87
  height: "var(--ds-space-150, 13px)",
88
88
  width: "var(--ds-space-150, 13px)",
89
89
  pointerEvents: 'none',
90
- borderRadius: '100%',
90
+ borderRadius: "var(--ds-radius-full, 9999px)",
91
91
  opacity: '0',
92
92
  outline: "2px solid ".concat("var(--ds-border-focused, #85B8FF)"),
93
93
  outlineOffset: "var(--ds-space-025, 2px)",
package/dist/es2019/customMediaPlayer/index.js CHANGED
@@ -7,7 +7,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
7
7
  import { withMediaAnalyticsContext } from '@atlaskit/media-common';
8
8
  export const CustomMediaPlayerBase = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props) : /*#__PURE__*/React.createElement(EmotionCustomMediaPlayerBase, props);
9
9
  const packageName = "@atlaskit/media-ui";
10
- const packageVersion = "28.6.12";
10
+ const packageVersion = "0.0.0-development";
11
11
 
12
12
  // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
13
13
  export const CustomMediaPlayer = withMediaAnalyticsContext({
package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayer.js CHANGED
@@ -6,7 +6,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
6
6
  import { useTextTracks } from './useTextTracks';
7
7
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
8
8
  const packageName = "@atlaskit/media-ui";
9
- const packageVersion = "28.6.12";
9
+ const packageVersion = "0.0.0-development";
10
10
  export const MediaPlayerWihtoutContext = ({
11
11
  onPlay,
12
12
  ...props
package/dist/es2019/customMediaPlayer/styled-compiled.compiled.css CHANGED
@@ -5,11 +5,11 @@
5
5
  ._2rko14y2{border-radius:5px}
6
6
  ._2rko1b66{border-radius:var(--ds-space-050,4px)}
7
7
  ._2rko1kw7{border-radius:inherit}
8
- ._2rko1osq{border-radius:100%}
8
+ ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
9
9
  ._v5641eho{transition:all .1s}
10
10
  ._v5641rb3{transition:width .3s}
11
11
  ._v564g17y{transition:opacity .3s}
12
- ._189et94y{border-width:1px}
12
+ ._189ee4h9{border-width:var(--ds-border-width,1px)}
13
13
  ._1dqonqa1{border-style:solid}
14
14
  ._1h6d16fc{border-color:#666}
15
15
  ._14hp1j2z button{width:36px!important}
package/dist/es2019/customMediaPlayer/styled-compiled.js CHANGED
@@ -46,7 +46,7 @@ export const Thumb = ({
46
46
  children,
47
47
  ...props
48
48
  }) => /*#__PURE__*/React.createElement("div", _extends({}, props, {
49
- className: ax(["_2rko1osq _v5641eho _189et94y _1dqonqa1 _1h6d16fc _lcxvglyw _1bsbdlk8 _4t3idlk8 _bfhku67f _kqswstnw _1xi2idpf _154iv77o _t9ec17tb _1lww9cwz"])
49
+ className: ax(["_2rko1rr0 _v5641eho _189ee4h9 _1dqonqa1 _1h6d16fc _lcxvglyw _1bsbdlk8 _4t3idlk8 _bfhku67f _kqswstnw _1xi2idpf _154iv77o _t9ec17tb _1lww9cwz"])
50
50
  }), children);
51
51
  const currentTimeLineThumbStyles = null;
52
52
  export const CurrentTimeLineThumb = /*#__PURE__*/forwardRef(({
@@ -56,7 +56,7 @@ export const CurrentTimeLineThumb = /*#__PURE__*/forwardRef(({
56
56
  return /*#__PURE__*/React.createElement("div", _extends({
57
57
  ref: ref
58
58
  }, props, {
59
- className: ax(["_19itglyw _2rko1osq _1a371rek _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"])
59
+ className: ax(["_19itglyw _2rko1rr0 _1a371rek _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"])
60
60
  }), children);
61
61
  });
62
62
  const bufferedTimeStyles = null;
package/dist/es2019/customMediaPlayer/styled-emotion.js CHANGED
@@ -57,7 +57,7 @@ export const Thumb = styled.div({
57
57
  pointerEvents: 'none',
58
58
  width: '14px',
59
59
  height: '14px',
60
- borderRadius: '100%',
60
+ borderRadius: "var(--ds-radius-full, 9999px)",
61
61
  backgroundColor: 'white',
62
62
  border: '1px solid #666',
63
63
  position: 'absolute',
@@ -84,7 +84,7 @@ export const CurrentTimeLineThumb = styled.div({
84
84
  height: "var(--ds-space-150, 13px)",
85
85
  width: "var(--ds-space-150, 13px)",
86
86
  pointerEvents: 'none',
87
- borderRadius: '100%',
87
+ borderRadius: "var(--ds-radius-full, 9999px)",
88
88
  opacity: '0',
89
89
  outline: `2px solid ${"var(--ds-border-focused, #85B8FF)"}`,
90
90
  outlineOffset: "var(--ds-space-025, 2px)",
package/dist/esm/customMediaPlayer/index.js CHANGED
@@ -9,7 +9,7 @@ export var CustomMediaPlayerBase = function CustomMediaPlayerBase(props) {
9
9
  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props) : /*#__PURE__*/React.createElement(EmotionCustomMediaPlayerBase, props);
10
10
  };
11
11
  var packageName = "@atlaskit/media-ui";
12
- var packageVersion = "28.6.12";
12
+ var packageVersion = "0.0.0-development";
13
13
 
14
14
  // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
15
15
  export var CustomMediaPlayer = withMediaAnalyticsContext({
package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayer.js CHANGED
@@ -8,7 +8,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
8
8
  import { useTextTracks } from './useTextTracks';
9
9
  import { useAnalyticsEvents } from '@atlaskit/analytics-next';
10
10
  var packageName = "@atlaskit/media-ui";
11
- var packageVersion = "28.6.12";
11
+ var packageVersion = "0.0.0-development";
12
12
  export var MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
13
13
  var _onPlay = _ref.onPlay,
14
14
  props = _objectWithoutProperties(_ref, _excluded);
package/dist/esm/customMediaPlayer/styled-compiled.compiled.css CHANGED
@@ -5,11 +5,11 @@
5
5
  ._2rko14y2{border-radius:5px}
6
6
  ._2rko1b66{border-radius:var(--ds-space-050,4px)}
7
7
  ._2rko1kw7{border-radius:inherit}
8
- ._2rko1osq{border-radius:100%}
8
+ ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
9
9
  ._v5641eho{transition:all .1s}
10
10
  ._v5641rb3{transition:width .3s}
11
11
  ._v564g17y{transition:opacity .3s}
12
- ._189et94y{border-width:1px}
12
+ ._189ee4h9{border-width:var(--ds-border-width,1px)}
13
13
  ._1dqonqa1{border-style:solid}
14
14
  ._1h6d16fc{border-color:#666}
15
15
  ._14hp1j2z button{width:36px!important}
package/dist/esm/customMediaPlayer/styled-compiled.js CHANGED
@@ -64,7 +64,7 @@ export var Thumb = function Thumb(_ref5) {
64
64
  var children = _ref5.children,
65
65
  props = _objectWithoutProperties(_ref5, _excluded5);
66
66
  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
67
- className: ax(["_2rko1osq _v5641eho _189et94y _1dqonqa1 _1h6d16fc _lcxvglyw _1bsbdlk8 _4t3idlk8 _bfhku67f _kqswstnw _1xi2idpf _154iv77o _t9ec17tb _1lww9cwz"])
67
+ className: ax(["_2rko1rr0 _v5641eho _189ee4h9 _1dqonqa1 _1h6d16fc _lcxvglyw _1bsbdlk8 _4t3idlk8 _bfhku67f _kqswstnw _1xi2idpf _154iv77o _t9ec17tb _1lww9cwz"])
68
68
  }), children);
69
69
  };
70
70
  var currentTimeLineThumbStyles = null;
@@ -74,7 +74,7 @@ export var CurrentTimeLineThumb = /*#__PURE__*/forwardRef(function (_ref6, ref)
74
74
  return /*#__PURE__*/React.createElement("div", _extends({
75
75
  ref: ref
76
76
  }, props, {
77
- className: ax(["_19itglyw _2rko1osq _1a37q36z _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"]),
77
+ className: ax(["_19itglyw _2rko1rr0 _1a37q36z _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"]),
78
78
  style: {
79
79
  "--_k4vj5w": ix("2px solid ".concat("var(--ds-border-focused, #85B8FF)"))
80
80
  }
package/dist/esm/customMediaPlayer/styled-emotion.js CHANGED
@@ -52,7 +52,7 @@ export var Thumb = styled.div({
52
52
  pointerEvents: 'none',
53
53
  width: '14px',
54
54
  height: '14px',
55
- borderRadius: '100%',
55
+ borderRadius: "var(--ds-radius-full, 9999px)",
56
56
  backgroundColor: 'white',
57
57
  border: '1px solid #666',
58
58
  position: 'absolute',
@@ -79,7 +79,7 @@ export var CurrentTimeLineThumb = styled.div({
79
79
  height: "var(--ds-space-150, 13px)",
80
80
  width: "var(--ds-space-150, 13px)",
81
81
  pointerEvents: 'none',
82
- borderRadius: '100%',
82
+ borderRadius: "var(--ds-radius-full, 9999px)",
83
83
  opacity: '0',
84
84
  outline: "2px solid ".concat("var(--ds-border-focused, #85B8FF)"),
85
85
  outlineOffset: "var(--ds-space-025, 2px)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-ui",
3
- "version": "28.6.13",
3
+ "version": "28.6.14",
4
4
  "description": "Includes common components and utilities used by other media packages",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/platform-feature-flags": "^1.1.0",
44
44
  "@atlaskit/primitives": "^14.14.0",
45
45
  "@atlaskit/range": "^9.2.0",
46
- "@atlaskit/react-ufo": "^4.5.0",
46
+ "@atlaskit/react-ufo": "^4.6.0",
47
47
  "@atlaskit/select": "^21.2.0",
48
48
  "@atlaskit/spinner": "^19.0.0",
49
49
  "@atlaskit/theme": "^20.0.0",