@atlaskit/media-ui 26.0.2 → 26.2.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/media-ui
 
+## 26.2.0
+
+### Minor Changes
+
+- [#164149](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/164149)
+  [`2331ee694f442`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2331ee694f442) -
+  [ux] Custom icon migration behind feature flag
+
+### Patch Changes
+
+- Updated dependencies
+
+## 26.1.0
+
+### Minor Changes
+
+- [#161636](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161636)
+  [`69629c54c803b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/69629c54c803b) -
+  Adding en-ZZ locale support to media-ui
+
 ## 26.0.2
 
 ### Patch Changes

package/dist/cjs/customMediaPlayer/index.js

@@ -43,9 +43,11 @@ var _timeSaver = require("./timeSaver");
 var _playbackSpeedControls = _interopRequireDefault(require("./playbackSpeedControls"));
 var _playPauseBlanket = require("./playPauseBlanket");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _icons = require("./icons");
+var _legacyCustomIcons = require("@atlaskit/legacy-custom-icons");
 var _getControlsWrapperClassName = require("./getControlsWrapperClassName");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _videoSkipForwardTen = _interopRequireDefault(require("@atlaskit/icon/core/video-skip-forward-ten"));
+var _videoSkipBackwardTen = _interopRequireDefault(require("@atlaskit/icon/core/video-skip-backward-ten"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
@@ -54,7 +56,7 @@ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // Keep media player components used in media-viewer to use static colors from the new color palette to
 // support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "26.0.2";
+var packageVersion = "26.2.0";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -332,9 +334,11 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderPlayPauseButton", function (isPlaying) {
       var formatMessage = _this.props.intl.formatMessage;
       var toggleButtonIcon = isPlaying ? /*#__PURE__*/_react.default.createElement(_videoPauseVidPause.default, {
+        spacing: "spacious",
         color: "currentColor",
         label: formatMessage(_messages.messages.pause)
       }) : /*#__PURE__*/_react.default.createElement(_videoPlayVidPlay.default, {
+        spacing: "spacious",
         color: "currentColor",
         label: formatMessage(_messages.messages.play)
       });
@@ -355,7 +359,9 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         position: "top"
       }, /*#__PURE__*/_react.default.createElement(_MediaButton.default, {
         testId: "custom-media-player-skip-backward-button",
-        iconBefore: /*#__PURE__*/_react.default.createElement(_icons.SkipTenBackwardIcon, {
+        iconBefore: /*#__PURE__*/_react.default.createElement(_videoSkipBackwardTen.default, {
+          spacing: "spacious",
+          LEGACY_fallbackIcon: _legacyCustomIcons.SkipTenBackwardIcon,
           label: formatMessage(_messages.messages.skipBackward)
         }),
         onClick: _this.getMediaButtonClickHandler(skipBackward, 'skipBackwardButton')
@@ -368,7 +374,9 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         position: "top"
       }, /*#__PURE__*/_react.default.createElement(_MediaButton.default, {
         testId: "custom-media-player-skip-forward-button",
-        iconBefore: /*#__PURE__*/_react.default.createElement(_icons.SkipTenForwardIcon, {
+        iconBefore: /*#__PURE__*/_react.default.createElement(_videoSkipForwardTen.default, {
+          spacing: "spacious",
+          LEGACY_fallbackIcon: _legacyCustomIcons.SkipTenForwardIcon,
           label: formatMessage(_messages.messages.skipForward)
         }),
         onClick: _this.getMediaButtonClickHandler(skipForward, 'skipForwardButton')

package/dist/cjs/i18n/index.js

@@ -34,6 +34,12 @@ Object.defineProperty(exports, "en_GB", {
     return _en_GB.default;
   }
 });
+Object.defineProperty(exports, "en_ZZ", {
+  enumerable: true,
+  get: function get() {
+    return _en_ZZ.default;
+  }
+});
 Object.defineProperty(exports, "es", {
   enumerable: true,
   get: function get() {
@@ -205,5 +211,6 @@ var _uk = _interopRequireDefault(require("./uk"));
 var _vi = _interopRequireDefault(require("./vi"));
 var _en = _interopRequireDefault(require("./en"));
 var _en_GB = _interopRequireDefault(require("./en_GB"));
+var _en_ZZ = _interopRequireDefault(require("./en_ZZ"));
 var _is = _interopRequireDefault(require("./is"));
 var _ro = _interopRequireDefault(require("./ro"));

package/dist/cjs/i18n/languages.js

@@ -11,6 +11,8 @@ var _default = exports.default = {
   nl: 'Dutch',
   en: 'English',
   en_GB: 'English (United Kingdom)',
+  // Used by i18n team in staging to send visual context to translators
+  en_ZZ: 'English (Instrumented)',
   et: 'Estonian',
   fi: 'Finnish',
   fr: 'French',

package/dist/es2019/customMediaPlayer/index.js

@@ -33,11 +33,13 @@ import { TimeSaver } from './timeSaver';
 import PlaybackSpeedControls from './playbackSpeedControls';
 import { PlayPauseBlanket } from './playPauseBlanket';
 import Tooltip from '@atlaskit/tooltip';
-import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
+import { SkipTenBackwardIcon, SkipTenForwardIcon } from '@atlaskit/legacy-custom-icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 import { fg } from '@atlaskit/platform-feature-flags';
+import VideoSkipForwardTenIcon from '@atlaskit/icon/core/video-skip-forward-ten';
+import VideoSkipBackwardTenIcon from '@atlaskit/icon/core/video-skip-backward-ten';
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "26.0.2";
+const packageVersion = "26.2.0";
 const MEDIUM_VIDEO_MAX_WIDTH = 400;
 const SMALL_VIDEO_MAX_WIDTH = 160;
 const MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -328,9 +330,11 @@ export class CustomMediaPlayerBase extends Component {
         }
       } = this.props;
       const toggleButtonIcon = isPlaying ? /*#__PURE__*/React.createElement(PauseIcon, {
+        spacing: "spacious",
         color: "currentColor",
         label: formatMessage(messages.pause)
       }) : /*#__PURE__*/React.createElement(PlayIcon, {
+        spacing: "spacious",
         color: "currentColor",
         label: formatMessage(messages.play)
       });
@@ -355,7 +359,9 @@ export class CustomMediaPlayerBase extends Component {
         position: "top"
       }, /*#__PURE__*/React.createElement(MediaButton, {
         testId: "custom-media-player-skip-backward-button",
-        iconBefore: /*#__PURE__*/React.createElement(SkipTenBackwardIcon, {
+        iconBefore: /*#__PURE__*/React.createElement(VideoSkipBackwardTenIcon, {
+          spacing: "spacious",
+          LEGACY_fallbackIcon: SkipTenBackwardIcon,
           label: formatMessage(messages.skipBackward)
         }),
         onClick: this.getMediaButtonClickHandler(skipBackward, 'skipBackwardButton')
@@ -372,7 +378,9 @@ export class CustomMediaPlayerBase extends Component {
         position: "top"
       }, /*#__PURE__*/React.createElement(MediaButton, {
         testId: "custom-media-player-skip-forward-button",
-        iconBefore: /*#__PURE__*/React.createElement(SkipTenForwardIcon, {
+        iconBefore: /*#__PURE__*/React.createElement(VideoSkipForwardTenIcon, {
+          spacing: "spacious",
+          LEGACY_fallbackIcon: SkipTenForwardIcon,
           label: formatMessage(messages.skipForward)
         }),
         onClick: this.getMediaButtonClickHandler(skipForward, 'skipForwardButton')

package/dist/es2019/i18n/index.js

@@ -1,8 +1,9 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ * This file was automatically generated by i18n-tools
+ * which is now deprecated. Changes must now be made
+ * manually.
  */
 export { default as zh } from './zh';
 export { default as zh_TW } from './zh_TW';
@@ -31,5 +32,6 @@ export { default as uk } from './uk';
 export { default as vi } from './vi';
 export { default as en } from './en';
 export { default as en_GB } from './en_GB';
+export { default as en_ZZ } from './en_ZZ';
 export { default as is } from './is';
 export { default as ro } from './ro';

package/dist/es2019/i18n/languages.js

@@ -5,6 +5,8 @@ export default {
   nl: 'Dutch',
   en: 'English',
   en_GB: 'English (United Kingdom)',
+  // Used by i18n team in staging to send visual context to translators
+  en_ZZ: 'English (Instrumented)',
   et: 'Estonian',
   fi: 'Finnish',
   fr: 'French',

package/dist/esm/customMediaPlayer/index.js

@@ -43,11 +43,13 @@ import { TimeSaver } from './timeSaver';
 import PlaybackSpeedControls from './playbackSpeedControls';
 import { PlayPauseBlanket } from './playPauseBlanket';
 import Tooltip from '@atlaskit/tooltip';
-import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
+import { SkipTenBackwardIcon, SkipTenForwardIcon } from '@atlaskit/legacy-custom-icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 import { fg } from '@atlaskit/platform-feature-flags';
+import VideoSkipForwardTenIcon from '@atlaskit/icon/core/video-skip-forward-ten';
+import VideoSkipBackwardTenIcon from '@atlaskit/icon/core/video-skip-backward-ten';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "26.0.2";
+var packageVersion = "26.2.0";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -325,9 +327,11 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "renderPlayPauseButton", function (isPlaying) {
       var formatMessage = _this.props.intl.formatMessage;
       var toggleButtonIcon = isPlaying ? /*#__PURE__*/React.createElement(PauseIcon, {
+        spacing: "spacious",
         color: "currentColor",
         label: formatMessage(messages.pause)
       }) : /*#__PURE__*/React.createElement(PlayIcon, {
+        spacing: "spacious",
         color: "currentColor",
         label: formatMessage(messages.play)
       });
@@ -348,7 +352,9 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         position: "top"
       }, /*#__PURE__*/React.createElement(MediaButton, {
         testId: "custom-media-player-skip-backward-button",
-        iconBefore: /*#__PURE__*/React.createElement(SkipTenBackwardIcon, {
+        iconBefore: /*#__PURE__*/React.createElement(VideoSkipBackwardTenIcon, {
+          spacing: "spacious",
+          LEGACY_fallbackIcon: SkipTenBackwardIcon,
           label: formatMessage(messages.skipBackward)
         }),
         onClick: _this.getMediaButtonClickHandler(skipBackward, 'skipBackwardButton')
@@ -361,7 +367,9 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         position: "top"
       }, /*#__PURE__*/React.createElement(MediaButton, {
         testId: "custom-media-player-skip-forward-button",
-        iconBefore: /*#__PURE__*/React.createElement(SkipTenForwardIcon, {
+        iconBefore: /*#__PURE__*/React.createElement(VideoSkipForwardTenIcon, {
+          spacing: "spacious",
+          LEGACY_fallbackIcon: SkipTenForwardIcon,
           label: formatMessage(messages.skipForward)
         }),
         onClick: _this.getMediaButtonClickHandler(skipForward, 'skipForwardButton')

package/dist/esm/i18n/index.js

@@ -1,8 +1,9 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ * This file was automatically generated by i18n-tools
+ * which is now deprecated. Changes must now be made
+ * manually.
  */
 export { default as zh } from './zh';
 export { default as zh_TW } from './zh_TW';
@@ -31,5 +32,6 @@ export { default as uk } from './uk';
 export { default as vi } from './vi';
 export { default as en } from './en';
 export { default as en_GB } from './en_GB';
+export { default as en_ZZ } from './en_ZZ';
 export { default as is } from './is';
 export { default as ro } from './ro';

package/dist/esm/i18n/languages.js

@@ -5,6 +5,8 @@ export default {
   nl: 'Dutch',
   en: 'English',
   en_GB: 'English (United Kingdom)',
+  // Used by i18n team in staging to send visual context to translators
+  en_ZZ: 'English (Instrumented)',
   et: 'Estonian',
   fi: 'Finnish',
   fr: 'French',

package/dist/types/i18n/index.d.ts

@@ -1,8 +1,9 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ * This file was automatically generated by i18n-tools
+ * which is now deprecated. Changes must now be made
+ * manually.
  */
 export { default as zh } from './zh';
 export { default as zh_TW } from './zh_TW';
@@ -31,5 +32,6 @@ export { default as uk } from './uk';
 export { default as vi } from './vi';
 export { default as en } from './en';
 export { default as en_GB } from './en_GB';
+export { default as en_ZZ } from './en_ZZ';
 export { default as is } from './is';
 export { default as ro } from './ro';

package/dist/types/i18n/languages.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
     nl: string;
     en: string;
     en_GB: string;
+    en_ZZ: string;
     et: string;
     fi: string;
     fr: string;

package/dist/types-ts4.5/i18n/index.d.ts

@@ -1,8 +1,9 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
- * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ * This file was automatically generated by i18n-tools
+ * which is now deprecated. Changes must now be made
+ * manually.
  */
 export { default as zh } from './zh';
 export { default as zh_TW } from './zh_TW';
@@ -31,5 +32,6 @@ export { default as uk } from './uk';
 export { default as vi } from './vi';
 export { default as en } from './en';
 export { default as en_GB } from './en_GB';
+export { default as en_ZZ } from './en_ZZ';
 export { default as is } from './is';
 export { default as ro } from './ro';

package/dist/types-ts4.5/i18n/languages.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
     nl: string;
     en: string;
     en_GB: string;
+    en_ZZ: string;
     et: string;
     fi: string;
     fr: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "26.0.2",
+	"version": "26.2.0",
 	"description": "Includes common components and utilities used by other media packages",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -27,16 +27,17 @@
 		"@atlaskit/code": "^15.6.0",
 		"@atlaskit/icon": "^22.24.0",
 		"@atlaskit/icon-file-type": "^6.7.0",
+		"@atlaskit/legacy-custom-icons": "^0.14.0",
 		"@atlaskit/locale": "^2.8.0",
 		"@atlaskit/media-common": "^11.7.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/primitives": "^13.0.0",
+		"@atlaskit/primitives": "^13.1.0",
 		"@atlaskit/range": "^7.4.0",
-		"@atlaskit/select": "^18.4.0",
+		"@atlaskit/select": "^18.5.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.0.0",
-		"@atlaskit/tooltip": "^18.8.0",
+		"@atlaskit/tokens": "^2.2.0",
+		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/width-detector": "^4.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/styled": "^11.0.0",

package/dist/cjs/customMediaPlayer/icons.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SkipTenBackwardIcon = SkipTenBackwardIcon;
-exports.SkipTenForwardIcon = SkipTenForwardIcon;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _icon = _interopRequireDefault(require("@atlaskit/icon"));
-function SkipTenBackwardGlyph(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "24"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "currentColor",
-    d: "M5.414 6.95a1 1 0 001.414-1.414L6.293 5H12a7 7 0 11-7 7 1 1 0 10-2 0 9 9 0 109-9H6.536l.292-.293a1 1 0 10-1.414-1.414L3.293 3.414a1 1 0 000 1.414L5.414 6.95z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "currentColor",
-    d: "M10.494 9.15l-.02-.095a.75.75 0 00-.962-.516l-1.5.503-.094.039a.75.75 0 00-.379.91l.039.095c.163.331.55.5.91.378L9 10.293v4.457l.007.1a.75.75 0 001.493-.1v-5.5l-.006-.1z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "currentColor",
-    d: "M14 15.5c1.15 0 1.788-.894 2.049-1.415.305-.611.451-1.35.451-2.085 0-.69-.11-1.429-.406-2.055C15.81 9.345 15.157 8.5 14 8.5c-1.15 0-1.788.894-2.049 1.415-.305.611-.451 1.35-.451 2.085 0 .735.146 1.474.451 2.085.26.521.899 1.415 2.049 1.415zm1-3.5c0 1.105-.448 2-1 2s-1-.895-1-2 .448-2 1-2c.633 0 1 .895 1 2z"
-  }));
-}
-function SkipTenBackwardIcon(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
-    glyph: SkipTenBackwardGlyph
-  }, props));
-}
-function SkipTenForwardGlyph(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "24"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "currentColor",
-    d: "M18.586 6.95a1 1 0 11-1.414-1.414L17.707 5H12a7 7 0 107 7 1 1 0 112 0 9 9 0 11-9-9h5.465l-.293-.293a1 1 0 111.414-1.414l2.121 2.121a1 1 0 010 1.414L18.586 6.95z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "currentColor",
-    d: "M10.475 9.055l.019.095.006.1v5.5a.75.75 0 01-1.493.1L9 14.75v-4.457l-.511.171a.75.75 0 01-.911-.378l-.039-.094a.75.75 0 01.379-.911l.094-.039 1.5-.503a.75.75 0 01.963.516z"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "currentColor",
-    d: "M14 15.5c1.15 0 1.788-.894 2.049-1.415.305-.611.451-1.35.451-2.085 0-.69-.11-1.429-.406-2.055C15.81 9.345 15.157 8.5 14 8.5c-1.15 0-1.788.894-2.049 1.415-.305.611-.451 1.35-.451 2.085 0 .735.146 1.474.451 2.085.26.521.899 1.415 2.049 1.415zm1-3.5c0 1.105-.448 2-1 2s-1-.895-1-2 .448-2 1-2c.633 0 1 .895 1 2z"
-  }));
-}
-function SkipTenForwardIcon(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
-    glyph: SkipTenForwardGlyph
-  }, props));
-}

package/dist/es2019/customMediaPlayer/icons.js

@@ -1,45 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Icon from '@atlaskit/icon';
-function SkipTenBackwardGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "24"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M5.414 6.95a1 1 0 001.414-1.414L6.293 5H12a7 7 0 11-7 7 1 1 0 10-2 0 9 9 0 109-9H6.536l.292-.293a1 1 0 10-1.414-1.414L3.293 3.414a1 1 0 000 1.414L5.414 6.95z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M10.494 9.15l-.02-.095a.75.75 0 00-.962-.516l-1.5.503-.094.039a.75.75 0 00-.379.91l.039.095c.163.331.55.5.91.378L9 10.293v4.457l.007.1a.75.75 0 001.493-.1v-5.5l-.006-.1z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M14 15.5c1.15 0 1.788-.894 2.049-1.415.305-.611.451-1.35.451-2.085 0-.69-.11-1.429-.406-2.055C15.81 9.345 15.157 8.5 14 8.5c-1.15 0-1.788.894-2.049 1.415-.305.611-.451 1.35-.451 2.085 0 .735.146 1.474.451 2.085.26.521.899 1.415 2.049 1.415zm1-3.5c0 1.105-.448 2-1 2s-1-.895-1-2 .448-2 1-2c.633 0 1 .895 1 2z"
-  }));
-}
-export function SkipTenBackwardIcon(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: SkipTenBackwardGlyph
-  }, props));
-}
-function SkipTenForwardGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "24"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M18.586 6.95a1 1 0 11-1.414-1.414L17.707 5H12a7 7 0 107 7 1 1 0 112 0 9 9 0 11-9-9h5.465l-.293-.293a1 1 0 111.414-1.414l2.121 2.121a1 1 0 010 1.414L18.586 6.95z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M10.475 9.055l.019.095.006.1v5.5a.75.75 0 01-1.493.1L9 14.75v-4.457l-.511.171a.75.75 0 01-.911-.378l-.039-.094a.75.75 0 01.379-.911l.094-.039 1.5-.503a.75.75 0 01.963.516z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M14 15.5c1.15 0 1.788-.894 2.049-1.415.305-.611.451-1.35.451-2.085 0-.69-.11-1.429-.406-2.055C15.81 9.345 15.157 8.5 14 8.5c-1.15 0-1.788.894-2.049 1.415-.305.611-.451 1.35-.451 2.085 0 .735.146 1.474.451 2.085.26.521.899 1.415 2.049 1.415zm1-3.5c0 1.105-.448 2-1 2s-1-.895-1-2 .448-2 1-2c.633 0 1 .895 1 2z"
-  }));
-}
-export function SkipTenForwardIcon(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: SkipTenForwardGlyph
-  }, props));
-}

package/dist/esm/customMediaPlayer/icons.js

@@ -1,45 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Icon from '@atlaskit/icon';
-function SkipTenBackwardGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "24"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M5.414 6.95a1 1 0 001.414-1.414L6.293 5H12a7 7 0 11-7 7 1 1 0 10-2 0 9 9 0 109-9H6.536l.292-.293a1 1 0 10-1.414-1.414L3.293 3.414a1 1 0 000 1.414L5.414 6.95z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M10.494 9.15l-.02-.095a.75.75 0 00-.962-.516l-1.5.503-.094.039a.75.75 0 00-.379.91l.039.095c.163.331.55.5.91.378L9 10.293v4.457l.007.1a.75.75 0 001.493-.1v-5.5l-.006-.1z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M14 15.5c1.15 0 1.788-.894 2.049-1.415.305-.611.451-1.35.451-2.085 0-.69-.11-1.429-.406-2.055C15.81 9.345 15.157 8.5 14 8.5c-1.15 0-1.788.894-2.049 1.415-.305.611-.451 1.35-.451 2.085 0 .735.146 1.474.451 2.085.26.521.899 1.415 2.049 1.415zm1-3.5c0 1.105-.448 2-1 2s-1-.895-1-2 .448-2 1-2c.633 0 1 .895 1 2z"
-  }));
-}
-export function SkipTenBackwardIcon(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: SkipTenBackwardGlyph
-  }, props));
-}
-function SkipTenForwardGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "24"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M18.586 6.95a1 1 0 11-1.414-1.414L17.707 5H12a7 7 0 107 7 1 1 0 112 0 9 9 0 11-9-9h5.465l-.293-.293a1 1 0 111.414-1.414l2.121 2.121a1 1 0 010 1.414L18.586 6.95z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M10.475 9.055l.019.095.006.1v5.5a.75.75 0 01-1.493.1L9 14.75v-4.457l-.511.171a.75.75 0 01-.911-.378l-.039-.094a.75.75 0 01.379-.911l.094-.039 1.5-.503a.75.75 0 01.963.516z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M14 15.5c1.15 0 1.788-.894 2.049-1.415.305-.611.451-1.35.451-2.085 0-.69-.11-1.429-.406-2.055C15.81 9.345 15.157 8.5 14 8.5c-1.15 0-1.788.894-2.049 1.415-.305.611-.451 1.35-.451 2.085 0 .735.146 1.474.451 2.085.26.521.899 1.415 2.049 1.415zm1-3.5c0 1.105-.448 2-1 2s-1-.895-1-2 .448-2 1-2c.633 0 1 .895 1 2z"
-  }));
-}
-export function SkipTenForwardIcon(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: SkipTenForwardGlyph
-  }, props));
-}

package/dist/types/customMediaPlayer/icons.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare function SkipTenBackwardIcon(props: GlyphProps): JSX.Element;
-export declare function SkipTenForwardIcon(props: GlyphProps): JSX.Element;

package/dist/types-ts4.5/customMediaPlayer/icons.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare function SkipTenBackwardIcon(props: GlyphProps): JSX.Element;
-export declare function SkipTenForwardIcon(props: GlyphProps): JSX.Element;