@atlaskit/media-ui 22.3.3 → 22.3.5

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/media-ui
 
+## 22.3.5
+
+### Patch Changes
+
+- [`b8341366c9a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8341366c9a) - [ux] Add dark mode support for media inline card.
+
+## 22.3.4
+
+### Patch Changes
+
+- [`b37723f2cfa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b37723f2cfa) - Custom Media Player now logs all passed feature flags
+- Updated dependencies
+
 ## 22.3.3
 
 ### Patch Changes

package/dist/cjs/MediaInlineCard/Frame/styled.js

@@ -9,9 +9,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
+var _components = require("@atlaskit/theme/components");
 var _templateObject;
-var FONT_COLOR = "var(--ds-text, ".concat(_colors.N900, ")");
-var BACKGROUND_COLOR = "var(--ds-background-neutral, ".concat(_colors.N30A, ")");
 var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 1px ".concat("var(--ds-border-selected, ".concat(_colors.B300, ")"), ";\n  outline: none;\n  user-select: none;\n  border-color: transparent;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n");
 var isSelected = function isSelected(_ref) {
   var isSelected = _ref.isSelected;
@@ -34,7 +33,16 @@ var isSelected = function isSelected(_ref) {
 // NB: `padding` consistent with @mentions.
 // NB: `display: inline` required for `box-decoration-break` to work.
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
-var Wrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 16px;\n  padding: 2px 4px 2px 4px;\n  box-decoration-break: clone;\n  display: inline;\n  border-radius: ", "px;\n  color: ", ";\n  background-color: ", ";\n  ", ";\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), (0, _constants.borderRadius)(), FONT_COLOR, BACKGROUND_COLOR, function (props) {
+var Wrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  line-height: 16px;\n  padding: 2px 4px 2px 4px;\n  box-decoration-break: clone;\n  display: inline;\n  border-radius: ", "px;\n  color: ", ";\n  background-color: ", ";\n  ", ";\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), (0, _constants.borderRadius)(), (0, _components.themed)({
+  light: "var(--ds-text, ".concat(_colors.N900, ")"),
+  dark: "var(--ds-text, ".concat(_colors.DN600, ")")
+}), (0, _components.themed)({
+  light: "var(--ds-background-neutral, ".concat(_colors.N30A, ")"),
+  dark: "var(--ds-background-neutral, ".concat(_colors.DN80, ")")
+}), function (props) {
   return isSelected(props);
-}, "var(--ds-background-neutral-hovered, ".concat(_colors.N40A, ")"));
+}, (0, _components.themed)({
+  light: "var(--ds-background-neutral-hovered, ".concat(_colors.N40A, ")"),
+  dark: "var(--ds-background-neutral-hovered, ".concat(_colors.DN60, ")")
+}));
 exports.Wrapper = Wrapper;

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

@@ -15,7 +15,6 @@ var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
 var _Icon = require("../Icon");
 var _styled = require("./styled");
 var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
-var _colors = require("@atlaskit/theme/colors");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
@@ -94,9 +93,9 @@ var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
         _this$props2$testId = _this$props2.testId,
         testId = _this$props2$testId === void 0 ? 'media-inline-card-icon-and-title' : _this$props2$testId;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconTitleWrapper, {
-        style: {
-          color: titleColor || "var(--ds-text, ".concat(_colors.N900, ")")
-        }
+        style: titleColor ? {
+          color: titleColor
+        } : undefined
       }, /*#__PURE__*/_react.default.createElement(_styled.IconPositionWrapper, null, children || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconEmptyWrapper, null), this.renderIcon(testId))), /*#__PURE__*/_react.default.createElement(_styled.TitleWrapper, null, title)));
     }
   }]);

package/dist/cjs/customMediaPlayer/analytics/index.js

@@ -63,12 +63,6 @@ Object.defineProperty(exports, "fireAnalyticsEvent", {
     return _analytics.fireAnalyticsEvent;
   }
 });
-Object.defineProperty(exports, "relevantFeatureFlagNames", {
-  enumerable: true,
-  get: function get() {
-    return _analytics.relevantFeatureFlagNames;
-  }
-});
 var _customMediaPlayer = require("./events/screen/customMediaPlayer");
 var _mediaButtonClicked = require("./events/ui/mediaButtonClicked");
 var _playbackSpeedChanged = require("./events/ui/playbackSpeedChanged");

package/dist/cjs/customMediaPlayer/analytics/utils/analytics.js

@@ -5,13 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createAndFireMediaCustomMediaPlayerEvent = void 0;
 exports.fireAnalyticsEvent = fireAnalyticsEvent;
-exports.relevantFeatureFlagNames = void 0;
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _mediaCommon = require("@atlaskit/media-common");
-var relevantFeatureFlagNames = [];
-
 // can be called in a component whose props extend WithAnalyticsEventsProps
-exports.relevantFeatureFlagNames = relevantFeatureFlagNames;
 function fireAnalyticsEvent(payload, createAnalyticsEvent) {
   if (createAnalyticsEvent) {
     var event = createAnalyticsEvent(payload);

package/dist/cjs/customMediaPlayer/index.js

@@ -50,7 +50,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "22.3.3";
+var packageVersion = "22.3.5";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -596,7 +596,5 @@ var CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageName: packageName,
   componentName: 'customMediaPlayer',
   component: 'customMediaPlayer'
-}, {
-  filterFeatureFlags: _analytics.relevantFeatureFlagNames
 })((0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(CustomMediaPlayerBase)));
 exports.CustomMediaPlayer = CustomMediaPlayer;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "22.3.3",
+	"version": "22.3.5",
 	"sideEffects": false
 }

package/dist/es2019/MediaInlineCard/Frame/styled.js

@@ -1,8 +1,7 @@
 import styled from '@emotion/styled';
-import { B300, N30A, N40A, N900 } from '@atlaskit/theme/colors';
+import { B300, N30A, N40A, DN80, DN60, N900, DN600 } from '@atlaskit/theme/colors';
 import { borderRadius as akBorderRadius } from '@atlaskit/theme/constants';
-const FONT_COLOR = `var(--ds-text, ${N900})`;
-const BACKGROUND_COLOR = `var(--ds-background-neutral, ${N30A})`;
+import { themed } from '@atlaskit/theme/components';
 const selected = `
   cursor: pointer;
   box-shadow: 0 0 0 1px ${`var(--ds-border-selected, ${B300})`};
@@ -41,14 +40,23 @@ export const Wrapper = styled.span`
   box-decoration-break: clone;
   display: inline;
   border-radius: ${akBorderRadius()}px;
-  color: ${FONT_COLOR};
-  background-color: ${BACKGROUND_COLOR};
+  color: ${themed({
+  light: `var(--ds-text, ${N900})`,
+  dark: `var(--ds-text, ${DN600})`
+})};
+  background-color: ${themed({
+  light: `var(--ds-background-neutral, ${N30A})`,
+  dark: `var(--ds-background-neutral, ${DN80})`
+})};
   ${props => isSelected(props)};
   transition: 0.1s all ease-in-out;
   -moz-user-select: none;
   cursor: pointer;
 
   &:hover {
-    background-color: ${`var(--ds-background-neutral-hovered, ${N40A})`};
+    background-color: ${themed({
+  light: `var(--ds-background-neutral-hovered, ${N40A})`,
+  dark: `var(--ds-background-neutral-hovered, ${DN60})`
+})};
   }
 `;

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

@@ -3,7 +3,6 @@ import ImageLoader from 'react-render-image';
 import { Icon } from '../Icon';
 import { IconEmptyWrapper, IconPositionWrapper, IconTitleWrapper, IconWrapper, TitleWrapper, EmojiWrapper } from './styled';
 import LinkIcon from '@atlaskit/icon/glyph/link';
-import { N900 } from '@atlaskit/theme/colors';
 export class IconAndTitleLayout extends React.Component {
   renderAtlaskitIcon() {
     const {
@@ -69,9 +68,9 @@ export class IconAndTitleLayout extends React.Component {
       testId = 'media-inline-card-icon-and-title'
     } = this.props;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconTitleWrapper, {
-      style: {
-        color: titleColor || `var(--ds-text, ${N900})`
-      }
+      style: titleColor ? {
+        color: titleColor
+      } : undefined
     }, /*#__PURE__*/React.createElement(IconPositionWrapper, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapper, null), this.renderIcon(testId))), /*#__PURE__*/React.createElement(TitleWrapper, null, title)));
   }
 }

package/dist/es2019/customMediaPlayer/analytics/index.js

@@ -6,4 +6,4 @@ export { createMediaShortcutPressedEvent } from './events/ui/shortcutPressed';
 export { createTimeRangeNavigatedEvent } from './events/ui/timeRangeNavigated';
 export { createFirstPlayedTrackEvent } from './events/track/playCount';
 export { createPlayedTrackEvent } from './events/track/played';
-export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent, relevantFeatureFlagNames } from './utils/analytics';
+export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent } from './utils/analytics';

package/dist/es2019/customMediaPlayer/analytics/utils/analytics.js

@@ -1,7 +1,5 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
-export const relevantFeatureFlagNames = [];
-
 // can be called in a component whose props extend WithAnalyticsEventsProps
 export function fireAnalyticsEvent(payload, createAnalyticsEvent) {
   if (createAnalyticsEvent) {

package/dist/es2019/customMediaPlayer/index.js

@@ -20,7 +20,7 @@ import MediaPlayer from 'react-video-renderer';
 import { N0, DN60 } from '@atlaskit/theme/colors';
 import { TimeRange } from './timeRange';
 import { CurrentTime, VideoWrapper, CustomVideoWrapper, TimebarWrapper, VolumeWrapper, TimeWrapper, LeftControls, RightControls, ControlsWrapper, VolumeToggleWrapper, MutedIndicator, SpinnerWrapper, VolumeTimeRangeWrapper } from './styled';
-import { fireAnalyticsEvent, relevantFeatureFlagNames, createCustomMediaPlayerScreenEvent, createMediaButtonClickedEvent, createMediaShortcutPressedEvent, createPlayPauseBlanketClickedEvent, createTimeRangeNavigatedEvent, createPlaybackSpeedChangedEvent, createFirstPlayedTrackEvent, createPlayedTrackEvent } from './analytics';
+import { fireAnalyticsEvent, createCustomMediaPlayerScreenEvent, createMediaButtonClickedEvent, createMediaShortcutPressedEvent, createPlayPauseBlanketClickedEvent, createTimeRangeNavigatedEvent, createPlaybackSpeedChangedEvent, createFirstPlayedTrackEvent, createPlayedTrackEvent } from './analytics';
 import { formatDuration } from '../formatDuration';
 import { Shortcut, keyCodes } from '../shortcut';
 import { toggleFullscreen, getFullscreenElement } from './fullscreen';
@@ -34,7 +34,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "22.3.3";
+const packageVersion = "22.3.5";
 const MEDIUM_VIDEO_MAX_WIDTH = 400;
 const SMALL_VIDEO_MAX_WIDTH = 160;
 const MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -597,6 +597,4 @@ export const CustomMediaPlayer = withMediaAnalyticsContext({
   packageName,
   componentName: 'customMediaPlayer',
   component: 'customMediaPlayer'
-}, {
-  filterFeatureFlags: relevantFeatureFlagNames
 })(withAnalyticsEvents()(injectIntl(CustomMediaPlayerBase)));

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "22.3.3",
+	"version": "22.3.5",
 	"sideEffects": false
 }

package/dist/esm/MediaInlineCard/Frame/styled.js

@@ -1,10 +1,9 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import styled from '@emotion/styled';
-import { B300, N30A, N40A, N900 } from '@atlaskit/theme/colors';
+import { B300, N30A, N40A, DN80, DN60, N900, DN600 } from '@atlaskit/theme/colors';
 import { borderRadius as akBorderRadius } from '@atlaskit/theme/constants';
-var FONT_COLOR = "var(--ds-text, ".concat(N900, ")");
-var BACKGROUND_COLOR = "var(--ds-background-neutral, ".concat(N30A, ")");
+import { themed } from '@atlaskit/theme/components';
 var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 1px ".concat("var(--ds-border-selected, ".concat(B300, ")"), ";\n  outline: none;\n  user-select: none;\n  border-color: transparent;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n");
 var isSelected = function isSelected(_ref) {
   var isSelected = _ref.isSelected;
@@ -27,6 +26,15 @@ var isSelected = function isSelected(_ref) {
 // NB: `padding` consistent with @mentions.
 // NB: `display: inline` required for `box-decoration-break` to work.
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
-export var Wrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  line-height: 16px;\n  padding: 2px 4px 2px 4px;\n  box-decoration-break: clone;\n  display: inline;\n  border-radius: ", "px;\n  color: ", ";\n  background-color: ", ";\n  ", ";\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), akBorderRadius(), FONT_COLOR, BACKGROUND_COLOR, function (props) {
+export var Wrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  line-height: 16px;\n  padding: 2px 4px 2px 4px;\n  box-decoration-break: clone;\n  display: inline;\n  border-radius: ", "px;\n  color: ", ";\n  background-color: ", ";\n  ", ";\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), akBorderRadius(), themed({
+  light: "var(--ds-text, ".concat(N900, ")"),
+  dark: "var(--ds-text, ".concat(DN600, ")")
+}), themed({
+  light: "var(--ds-background-neutral, ".concat(N30A, ")"),
+  dark: "var(--ds-background-neutral, ".concat(DN80, ")")
+}), function (props) {
   return isSelected(props);
-}, "var(--ds-background-neutral-hovered, ".concat(N40A, ")"));
+}, themed({
+  light: "var(--ds-background-neutral-hovered, ".concat(N40A, ")"),
+  dark: "var(--ds-background-neutral-hovered, ".concat(DN60, ")")
+}));

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

@@ -10,7 +10,6 @@ import ImageLoader from 'react-render-image';
 import { Icon } from '../Icon';
 import { IconEmptyWrapper, IconPositionWrapper, IconTitleWrapper, IconWrapper, TitleWrapper, EmojiWrapper } from './styled';
 import LinkIcon from '@atlaskit/icon/glyph/link';
-import { N900 } from '@atlaskit/theme/colors';
 export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
   _inherits(IconAndTitleLayout, _React$Component);
   var _super = _createSuper(IconAndTitleLayout);
@@ -87,9 +86,9 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
         _this$props2$testId = _this$props2.testId,
         testId = _this$props2$testId === void 0 ? 'media-inline-card-icon-and-title' : _this$props2$testId;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconTitleWrapper, {
-        style: {
-          color: titleColor || "var(--ds-text, ".concat(N900, ")")
-        }
+        style: titleColor ? {
+          color: titleColor
+        } : undefined
       }, /*#__PURE__*/React.createElement(IconPositionWrapper, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapper, null), this.renderIcon(testId))), /*#__PURE__*/React.createElement(TitleWrapper, null, title)));
     }
   }]);

package/dist/esm/customMediaPlayer/analytics/index.js

@@ -6,4 +6,4 @@ export { createMediaShortcutPressedEvent } from './events/ui/shortcutPressed';
 export { createTimeRangeNavigatedEvent } from './events/ui/timeRangeNavigated';
 export { createFirstPlayedTrackEvent } from './events/track/playCount';
 export { createPlayedTrackEvent } from './events/track/played';
-export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent, relevantFeatureFlagNames } from './utils/analytics';
+export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent } from './utils/analytics';

package/dist/esm/customMediaPlayer/analytics/utils/analytics.js

@@ -1,7 +1,5 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
-export var relevantFeatureFlagNames = [];
-
 // can be called in a component whose props extend WithAnalyticsEventsProps
 export function fireAnalyticsEvent(payload, createAnalyticsEvent) {
   if (createAnalyticsEvent) {

package/dist/esm/customMediaPlayer/index.js

@@ -30,7 +30,7 @@ import MediaPlayer from 'react-video-renderer';
 import { N0, DN60 } from '@atlaskit/theme/colors';
 import { TimeRange } from './timeRange';
 import { CurrentTime, VideoWrapper, CustomVideoWrapper, TimebarWrapper, VolumeWrapper, TimeWrapper, LeftControls, RightControls, ControlsWrapper, VolumeToggleWrapper, MutedIndicator, SpinnerWrapper, VolumeTimeRangeWrapper } from './styled';
-import { fireAnalyticsEvent, relevantFeatureFlagNames, createCustomMediaPlayerScreenEvent, createMediaButtonClickedEvent, createMediaShortcutPressedEvent, createPlayPauseBlanketClickedEvent, createTimeRangeNavigatedEvent, createPlaybackSpeedChangedEvent, createFirstPlayedTrackEvent, createPlayedTrackEvent } from './analytics';
+import { fireAnalyticsEvent, createCustomMediaPlayerScreenEvent, createMediaButtonClickedEvent, createMediaShortcutPressedEvent, createPlayPauseBlanketClickedEvent, createTimeRangeNavigatedEvent, createPlaybackSpeedChangedEvent, createFirstPlayedTrackEvent, createPlayedTrackEvent } from './analytics';
 import { formatDuration } from '../formatDuration';
 import { Shortcut, keyCodes } from '../shortcut';
 import { toggleFullscreen, getFullscreenElement } from './fullscreen';
@@ -44,7 +44,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "22.3.3";
+var packageVersion = "22.3.5";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -589,6 +589,4 @@ export var CustomMediaPlayer = withMediaAnalyticsContext({
   packageName: packageName,
   componentName: 'customMediaPlayer',
   component: 'customMediaPlayer'
-}, {
-  filterFeatureFlags: relevantFeatureFlagNames
 })(withAnalyticsEvents()(injectIntl(CustomMediaPlayerBase)));

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "22.3.3",
+	"version": "22.3.5",
 	"sideEffects": false
 }

package/dist/types/customMediaPlayer/analytics/index.d.ts

@@ -7,5 +7,5 @@ export { createTimeRangeNavigatedEvent } from './events/ui/timeRangeNavigated';
 export { createFirstPlayedTrackEvent } from './events/track/playCount';
 export { createPlayedTrackEvent } from './events/track/played';
 export type { CustomMediaPlayerUIEvent, CustomMediaPlayerUIEventPayload, CustomMediaPlayerAnalyticsEventPayload, } from './utils/analytics';
-export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent, relevantFeatureFlagNames, } from './utils/analytics';
+export { createAndFireMediaCustomMediaPlayerEvent, fireAnalyticsEvent, } from './utils/analytics';
 export type { PlaybackAttributes, PlaybackState, WithPlaybackProps, WithMediaPlayerState, } from './utils/playbackAttributes';

package/dist/types/customMediaPlayer/analytics/utils/analytics.d.ts

@@ -1,5 +1,5 @@
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaFeatureFlags, UIAttributes, UIEventPayload } from '@atlaskit/media-common';
+import { UIAttributes, UIEventPayload } from '@atlaskit/media-common';
 import { CustomMediaPlayerScreenEventPayload } from '../events/screen/customMediaPlayer';
 import { MediaButtonClickEventPayload } from '../events/ui/mediaButtonClicked';
 import { PlaybackSpeedChangeEventPayload } from '../events/ui/playbackSpeedChanged';
@@ -14,6 +14,5 @@ export declare type CustomMediaPlayerUIEventPayload = UIEventPayload<UIAttribute
 }, 'default', 'customMediaPlayer'>;
 export declare type CustomMediaPlayerUIEvent = 'mediaButtonClick' | 'shortcutPress' | 'playPauseBlanketClick' | 'timeRangeNavigate' | 'volumeRangeNavigate' | 'playbackSpeedChange';
 export declare type CustomMediaPlayerAnalyticsEventPayload = CustomMediaPlayerScreenEventPayload | MediaButtonClickEventPayload | PlaybackSpeedChangeEventPayload | PlayPauseBlanketClickEventPayload | ShortcutPressEventPayload | TimeRangeNavigateEventPayload | CustomMediaPlayerUIEventPayload | FirstPlayedTrackEventPayload | PlayedTrackEventPayload;
-export declare const relevantFeatureFlagNames: Array<keyof MediaFeatureFlags>;
 export declare function fireAnalyticsEvent(payload: CustomMediaPlayerAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
 export declare const createAndFireMediaCustomMediaPlayerEvent: (payload: CustomMediaPlayerAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-ui",
-  "version": "22.3.3",
+  "version": "22.3.5",
   "description": "Includes common components and utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,15 +40,15 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.0.0",
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/button": "^16.6.0",
     "@atlaskit/code": "^14.5.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/icon-file-type": "^6.3.0",
     "@atlaskit/locale": "^2.3.0",
-    "@atlaskit/media-common": "^3.0.0",
+    "@atlaskit/media-common": "^4.0.0",
     "@atlaskit/select": "^16.1.0",
     "@atlaskit/spinner": "^15.4.0",
-    "@atlaskit/theme": "^12.2.0",
+    "@atlaskit/theme": "^12.3.0",
     "@atlaskit/tokens": "^1.2.0",
     "@atlaskit/tooltip": "^17.7.0",
     "@atlaskit/width-detector": "^4.0.0",
@@ -69,11 +69,11 @@
   },
   "devDependencies": {
     "@atlaskit/analytics-listeners": "^8.5.0",
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/button": "^16.6.0",
     "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/docs": "*",
     "@atlaskit/lozenge": "^11.3.0",
-    "@atlaskit/media-test-helpers": "^30.1.0",
+    "@atlaskit/media-test-helpers": "^31.0.0",
     "@atlaskit/page": "^12.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",