@atlaskit/media-ui 28.7.20 → 28.7.21

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/media-ui
 
+## 28.7.21
+
+### Patch Changes
+
+- [`6a82d7964a37b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6a82d7964a37b) -
+  Icon entrypoint migration
+- Updated dependencies
+
 ## 28.7.20
 
 ### Patch Changes

package/dist/cjs/MediaInlineCard/ErroredView/index.js

@@ -15,7 +15,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _colors = require("@atlaskit/theme/colors");
-var _statusWarningWarning = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-warning--warning"));
+var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
 var _Frame = require("../Frame");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
 var _Icon = require("../Icon");
@@ -45,7 +45,7 @@ var MediaInlineCardErroredView = exports.MediaInlineCardErroredView = /*#__PURE_
         isSelected: isSelected,
         isError: true
       }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-        icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_statusWarningWarning.default, {
+        icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
           label: "error",
           LEGACY_size: "small",
           color: "var(--ds-icon-danger, ".concat(_colors.R500, ")"),

package/dist/cjs/customMediaPlayer/index-compiled.js

@@ -16,11 +16,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _videoPlayVidPlay = _interopRequireDefault(require("@atlaskit/icon/core/migration/video-play--vid-play"));
-var _videoPauseVidPause = _interopRequireDefault(require("@atlaskit/icon/core/migration/video-pause--vid-pause"));
-var _fullscreenEnterVidFullScreenOn = _interopRequireDefault(require("@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on"));
-var _shrinkDiagonalVidFullScreenOff = _interopRequireDefault(require("@atlaskit/icon/core/migration/shrink-diagonal--vid-full-screen-off"));
-var _volumeHighHipchatOutgoingSound = _interopRequireDefault(require("@atlaskit/icon/core/migration/volume-high--hipchat-outgoing-sound"));
+var _videoPlay = _interopRequireDefault(require("@atlaskit/icon/core/video-play"));
+var _videoPause = _interopRequireDefault(require("@atlaskit/icon/core/video-pause"));
+var _fullscreenEnter = _interopRequireDefault(require("@atlaskit/icon/core/fullscreen-enter"));
+var _shrinkDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-diagonal"));
+var _volumeHigh = _interopRequireDefault(require("@atlaskit/icon/core/volume-high"));
 var _videoHd = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd"));
 var _videoHdFilled = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd-filled"));
 var _download = _interopRequireDefault(require("@atlaskit/icon/core/migration/download"));
@@ -217,7 +217,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
       }), /*#__PURE__*/_react.default.createElement(_MediaButton.default, {
         testId: "custom-media-player-volume-toggle-button",
         onClick: _this.getMediaButtonClickHandler(actions.toggleMute, 'muteButton'),
-        iconBefore: /*#__PURE__*/_react.default.createElement(_volumeHighHipchatOutgoingSound.default, {
+        iconBefore: /*#__PURE__*/_react.default.createElement(_volumeHigh.default, {
           color: "currentColor",
           label: _this.props.intl.formatMessage(_messages.messages.volumeMuteButtonAria)
         }),
@@ -262,10 +262,10 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         return;
       }
       var isFullScreenEnabled = _this.state.isFullScreenEnabled;
-      var icon = isFullScreenEnabled ? /*#__PURE__*/_react.default.createElement(_shrinkDiagonalVidFullScreenOff.default, {
+      var icon = isFullScreenEnabled ? /*#__PURE__*/_react.default.createElement(_shrinkDiagonal.default, {
         color: "currentColor",
         label: formatMessage(_messages.messages.disable_fullscreen)
-      }) : /*#__PURE__*/_react.default.createElement(_fullscreenEnterVidFullScreenOn.default, {
+      }) : /*#__PURE__*/_react.default.createElement(_fullscreenEnter.default, {
         color: "currentColor",
         label: formatMessage(_messages.messages.enable_fullscreen)
       });
@@ -322,11 +322,11 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
     });
     (0, _defineProperty2.default)(_this, "renderPlayPauseButton", function (isPlaying) {
       var formatMessage = _this.props.intl.formatMessage;
-      var toggleButtonIcon = isPlaying ? /*#__PURE__*/_react.default.createElement(_videoPauseVidPause.default, {
+      var toggleButtonIcon = isPlaying ? /*#__PURE__*/_react.default.createElement(_videoPause.default, {
         spacing: "spacious",
         color: "currentColor",
         label: formatMessage(_messages.messages.pause)
-      }) : /*#__PURE__*/_react.default.createElement(_videoPlayVidPlay.default, {
+      }) : /*#__PURE__*/_react.default.createElement(_videoPlay.default, {
         spacing: "spacious",
         color: "currentColor",
         label: formatMessage(_messages.messages.play)

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/apiFeedback.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _flag = require("@atlaskit/flag");
-var _statusSuccessCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-success--check-circle"));
-var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
+var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
+var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
 function ApiFeedback(_ref) {
@@ -21,7 +21,7 @@ function ApiFeedback(_ref) {
   if (notificationType === 'success') {
     flag = /*#__PURE__*/_react.default.createElement(_flag.AutoDismissFlag, {
       id: 'success',
-      icon: /*#__PURE__*/_react.default.createElement(_statusSuccessCheckCircle.default, {
+      icon: /*#__PURE__*/_react.default.createElement(_statusSuccess.default, {
         label: "Success",
         color: "var(--ds-icon-success, #6A9A23)",
         LEGACY_size: "medium",
@@ -34,7 +34,7 @@ function ApiFeedback(_ref) {
   } else if (notificationType === 'error') {
     flag = /*#__PURE__*/_react.default.createElement(_flag.AutoDismissFlag, {
       id: 'error',
-      icon: /*#__PURE__*/_react.default.createElement(_statusErrorError.default, {
+      icon: /*#__PURE__*/_react.default.createElement(_statusError.default, {
         label: "Error",
         color: "var(--ds-icon-danger, #C9372C)",
         LEGACY_size: "medium",

package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayerBase.js

@@ -16,11 +16,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _videoPlayVidPlay = _interopRequireDefault(require("@atlaskit/icon/core/migration/video-play--vid-play"));
-var _videoPauseVidPause = _interopRequireDefault(require("@atlaskit/icon/core/migration/video-pause--vid-pause"));
-var _fullscreenEnterVidFullScreenOn = _interopRequireDefault(require("@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on"));
-var _shrinkDiagonalVidFullScreenOff = _interopRequireDefault(require("@atlaskit/icon/core/migration/shrink-diagonal--vid-full-screen-off"));
-var _volumeHighHipchatOutgoingSound = _interopRequireDefault(require("@atlaskit/icon/core/migration/volume-high--hipchat-outgoing-sound"));
+var _videoPlay = _interopRequireDefault(require("@atlaskit/icon/core/video-play"));
+var _videoPause = _interopRequireDefault(require("@atlaskit/icon/core/video-pause"));
+var _fullscreenEnter = _interopRequireDefault(require("@atlaskit/icon/core/fullscreen-enter"));
+var _shrinkDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/shrink-diagonal"));
+var _volumeHigh = _interopRequireDefault(require("@atlaskit/icon/core/volume-high"));
 var _videoHd = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd"));
 var _videoHdFilled = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd-filled"));
 var _download = _interopRequireDefault(require("@atlaskit/icon/core/migration/download"));
@@ -293,7 +293,7 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
         onClick: _this.getMediaButtonClickHandler(((_this$actions = _this.actions) === null || _this$actions === void 0 ? void 0 : _this$actions.toggleMute) || function () {
           return undefined;
         }, 'muteButton'),
-        iconBefore: /*#__PURE__*/_react.default.createElement(_volumeHighHipchatOutgoingSound.default, {
+        iconBefore: /*#__PURE__*/_react.default.createElement(_volumeHigh.default, {
           color: "currentColor",
           label: _this.props.intl.formatMessage(_messages.messages.volumeMuteButtonAria)
         }),
@@ -333,10 +333,10 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
         return;
       }
       var isFullScreenEnabled = _this.state.isFullScreenEnabled;
-      var icon = isFullScreenEnabled ? /*#__PURE__*/_react.default.createElement(_shrinkDiagonalVidFullScreenOff.default, {
+      var icon = isFullScreenEnabled ? /*#__PURE__*/_react.default.createElement(_shrinkDiagonal.default, {
         color: "currentColor",
         label: formatMessage(_messages.messages.disable_fullscreen)
-      }) : /*#__PURE__*/_react.default.createElement(_fullscreenEnterVidFullScreenOn.default, {
+      }) : /*#__PURE__*/_react.default.createElement(_fullscreenEnter.default, {
         color: "currentColor",
         label: formatMessage(_messages.messages.enable_fullscreen)
       });
@@ -395,11 +395,11 @@ var _MediaPlayerBase = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)(_this, "renderPlayPauseButton", function () {
       var formatMessage = _this.props.intl.formatMessage;
-      var toggleButtonIcon = _this.isPlaying ? /*#__PURE__*/_react.default.createElement(_videoPauseVidPause.default, {
+      var toggleButtonIcon = _this.isPlaying ? /*#__PURE__*/_react.default.createElement(_videoPause.default, {
         spacing: "spacious",
         color: "currentColor",
         label: formatMessage(_messages.messages.pause)
-      }) : /*#__PURE__*/_react.default.createElement(_videoPlayVidPlay.default, {
+      }) : /*#__PURE__*/_react.default.createElement(_videoPlay.default, {
         spacing: "spacious",
         color: "currentColor",
         label: formatMessage(_messages.messages.play)

package/dist/es2019/MediaInlineCard/ErroredView/index.js

@@ -3,7 +3,7 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { R500 } from '@atlaskit/theme/colors';
-import WarningIcon from '@atlaskit/icon/core/migration/status-warning--warning';
+import WarningIcon from '@atlaskit/icon/core/status-warning';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { AKIconWrapper } from '../Icon';

package/dist/es2019/customMediaPlayer/index-compiled.js

@@ -7,11 +7,11 @@ import { ax, ix } from "@compiled/react/runtime";
 // support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 import React from 'react';
 import { Component } from 'react';
-import PlayIcon from '@atlaskit/icon/core/migration/video-play--vid-play';
-import PauseIcon from '@atlaskit/icon/core/migration/video-pause--vid-pause';
-import FullScreenIconOn from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
-import FullScreenIconOff from '@atlaskit/icon/core/migration/shrink-diagonal--vid-full-screen-off';
-import SoundIcon from '@atlaskit/icon/core/migration/volume-high--hipchat-outgoing-sound';
+import PlayIcon from '@atlaskit/icon/core/video-play';
+import PauseIcon from '@atlaskit/icon/core/video-pause';
+import FullScreenIconOn from '@atlaskit/icon/core/fullscreen-enter';
+import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
+import SoundIcon from '@atlaskit/icon/core/volume-high';
 import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
 import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
 import DownloadIcon from '@atlaskit/icon/core/migration/download';

package/dist/es2019/customMediaPlayer/mediaPlayer/captions/apiFeedback.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AutoDismissFlag, FlagGroup } from '@atlaskit/flag';
-import SuccessIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
-import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
+import SuccessIcon from '@atlaskit/icon/core/status-success';
+import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { injectIntl } from 'react-intl-next';
 import { messages } from '../../../messages';
 function ApiFeedback({

package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayerBase.js

@@ -7,11 +7,11 @@ import { ax, ix } from "@compiled/react/runtime";
 // support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 import React from 'react';
 import { Component } from 'react';
-import PlayIcon from '@atlaskit/icon/core/migration/video-play--vid-play';
-import PauseIcon from '@atlaskit/icon/core/migration/video-pause--vid-pause';
-import FullScreenIconOn from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
-import FullScreenIconOff from '@atlaskit/icon/core/migration/shrink-diagonal--vid-full-screen-off';
-import SoundIcon from '@atlaskit/icon/core/migration/volume-high--hipchat-outgoing-sound';
+import PlayIcon from '@atlaskit/icon/core/video-play';
+import PauseIcon from '@atlaskit/icon/core/video-pause';
+import FullScreenIconOn from '@atlaskit/icon/core/fullscreen-enter';
+import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
+import SoundIcon from '@atlaskit/icon/core/volume-high';
 import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
 import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
 import DownloadIcon from '@atlaskit/icon/core/migration/download';

package/dist/esm/MediaInlineCard/ErroredView/index.js

@@ -10,7 +10,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { R500 } from '@atlaskit/theme/colors';
-import WarningIcon from '@atlaskit/icon/core/migration/status-warning--warning';
+import WarningIcon from '@atlaskit/icon/core/status-warning';
 import { Frame } from '../Frame';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { AKIconWrapper } from '../Icon';

package/dist/esm/customMediaPlayer/index-compiled.js

@@ -16,11 +16,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 // support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 import React from 'react';
 import { Component } from 'react';
-import PlayIcon from '@atlaskit/icon/core/migration/video-play--vid-play';
-import PauseIcon from '@atlaskit/icon/core/migration/video-pause--vid-pause';
-import FullScreenIconOn from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
-import FullScreenIconOff from '@atlaskit/icon/core/migration/shrink-diagonal--vid-full-screen-off';
-import SoundIcon from '@atlaskit/icon/core/migration/volume-high--hipchat-outgoing-sound';
+import PlayIcon from '@atlaskit/icon/core/video-play';
+import PauseIcon from '@atlaskit/icon/core/video-pause';
+import FullScreenIconOn from '@atlaskit/icon/core/fullscreen-enter';
+import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
+import SoundIcon from '@atlaskit/icon/core/volume-high';
 import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
 import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
 import DownloadIcon from '@atlaskit/icon/core/migration/download';

package/dist/esm/customMediaPlayer/mediaPlayer/captions/apiFeedback.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AutoDismissFlag, FlagGroup } from '@atlaskit/flag';
-import SuccessIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
-import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
+import SuccessIcon from '@atlaskit/icon/core/status-success';
+import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { injectIntl } from 'react-intl-next';
 import { messages } from '../../../messages';
 function ApiFeedback(_ref) {

package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayerBase.js

@@ -16,11 +16,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 // support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 import React from 'react';
 import { Component } from 'react';
-import PlayIcon from '@atlaskit/icon/core/migration/video-play--vid-play';
-import PauseIcon from '@atlaskit/icon/core/migration/video-pause--vid-pause';
-import FullScreenIconOn from '@atlaskit/icon/core/migration/fullscreen-enter--vid-full-screen-on';
-import FullScreenIconOff from '@atlaskit/icon/core/migration/shrink-diagonal--vid-full-screen-off';
-import SoundIcon from '@atlaskit/icon/core/migration/volume-high--hipchat-outgoing-sound';
+import PlayIcon from '@atlaskit/icon/core/video-play';
+import PauseIcon from '@atlaskit/icon/core/video-pause';
+import FullScreenIconOn from '@atlaskit/icon/core/fullscreen-enter';
+import FullScreenIconOff from '@atlaskit/icon/core/shrink-diagonal';
+import SoundIcon from '@atlaskit/icon/core/volume-high';
 import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
 import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
 import DownloadIcon from '@atlaskit/icon/core/migration/download';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "28.7.20",
+	"version": "28.7.21",
 	"description": "Includes common components and utilities used by other media packages",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,14 +25,14 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-media-media-ui": "2.7.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.8.0",
+		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/code": "^17.4.0",
-		"@atlaskit/css": "^0.18.0",
+		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/flag": "^17.7.0",
-		"@atlaskit/form": "^15.0.0",
-		"@atlaskit/icon": "^29.2.0",
+		"@atlaskit/form": "^15.1.0",
+		"@atlaskit/icon": "^29.3.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^5.12.0",
+		"@atlaskit/icon-lab": "^5.13.0",
 		"@atlaskit/locale": "^3.0.0",
 		"@atlaskit/media-client": "^35.7.0",
 		"@atlaskit/media-client-react": "^4.1.0",
@@ -40,13 +40,13 @@
 		"@atlaskit/media-state": "^1.8.0",
 		"@atlaskit/modal-dialog": "^14.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^16.4.0",
+		"@atlaskit/primitives": "^17.0.0",
 		"@atlaskit/range": "^9.3.0",
 		"@atlaskit/react-ufo": "^4.16.0",
 		"@atlaskit/select": "^21.6.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.6.0",
+		"@atlaskit/tokens": "^9.0.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",