@atlaskit/media-ui 28.7.39 → 28.7.41

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-ui
 
+## 28.7.41
+
+### Patch Changes
+
+- [`ddd049a745d38`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ddd049a745d38) -
+  Internal change to how legacy colors are applied. No visual changes.
+- Updated dependencies
+
+## 28.7.40
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.7.39
 
 ### Patch Changes

package/dist/cjs/customMediaPlayer/dropdownControlCommon.js

@@ -13,7 +13,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _select = require("@atlaskit/select");
-var _colors = require("@atlaskit/theme/colors");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _excluded = ["children"];
 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; }
@@ -39,7 +38,7 @@ var popupCustomStyles = exports.popupCustomStyles = {
     var isFocused = _ref.isFocused,
       isSelected = _ref.isSelected;
     return _objectSpread(_objectSpread({}, styles), {}, {
-      color: isSelected ? '#579dff' : _colors.DN900,
+      color: isSelected ? '#579dff' : '#E6EDFA',
       backgroundColor: isSelected ? '#082145' : isFocused ? '#a1bdd914' : '#22272b',
       ':active': {
         backgroundColor: '#a6c5e229'

package/dist/cjs/customMediaPlayer/index.js

@@ -14,7 +14,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
   return /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.7.38";
+var packageVersion = "0.0.0-development";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({

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

@@ -47,4 +47,5 @@ function ApiFeedback(_ref) {
     onDismissed: onDismissed
   }, flag);
 }
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(ApiFeedback);
+var _default_1 = (0, _reactIntlNext.injectIntl)(ApiFeedback);
+var _default = exports.default = _default_1;

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js

@@ -174,4 +174,5 @@ function UploadCaptionsForm(_ref2) {
     onClick: submit
   }, intl.formatMessage(_messages.messages.upload)))));
 }
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(UploadCaptionsForm);
+var _default_1 = (0, _reactIntlNext.injectIntl)(UploadCaptionsForm);
+var _default = exports.default = _default_1;

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js

@@ -76,4 +76,5 @@ var CaptionsUploaderBrowser = function CaptionsUploaderBrowser(_ref) {
     errorDescription: intl.formatMessage(_messages.messages.video_captions_upload_error_description)
   }));
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(CaptionsUploaderBrowser);
+var _default_1 = (0, _reactIntlNext.injectIntl)(CaptionsUploaderBrowser);
+var _default = exports.default = _default_1;

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

@@ -64,7 +64,8 @@ var CaptionDeleteConfirmationModal = function CaptionDeleteConfirmationModal(_re
     errorDescription: intl.formatMessage(_messages.messages.video_captions_delete_error_description)
   }));
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(CaptionDeleteConfirmationModal);
+var _default_1 = (0, _reactIntlNext.injectIntl)(CaptionDeleteConfirmationModal);
+var _default = exports.default = _default_1;
 var deleteCaption = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaClient, identifier, artifactName, onStart, onEnd, onError) {
     var traceContext;

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

@@ -15,7 +15,7 @@ var _useTextTracks2 = require("./useTextTracks");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _excluded = ["onPlay"];
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.7.38";
+var packageVersion = "0.0.0-development";
 var MediaPlayerWihtoutContext = exports.MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
   var _onPlay = _ref.onPlay,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);

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

@@ -12,7 +12,6 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _colors = require("@atlaskit/theme/colors");
 var _getControlsWrapperClassName = require("./getControlsWrapperClassName");
 var _excluded = ["showSlider", "children"],
   _excluded2 = ["children"],

package/dist/es2019/customMediaPlayer/dropdownControlCommon.js

@@ -8,7 +8,6 @@ import { ax, ix } from "@compiled/react/runtime";
 // with the compiled react, we are leaving the static colors in tact for now.
 import React from 'react';
 import { components } from '@atlaskit/select';
-import { DN900 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Flex } from '@atlaskit/primitives/compiled';
 export const popupCustomStyles = {
@@ -28,7 +27,7 @@ export const popupCustomStyles = {
     isSelected
   }) => ({
     ...styles,
-    color: isSelected ? '#579dff' : DN900,
+    color: isSelected ? '#579dff' : '#E6EDFA',
     backgroundColor: isSelected ? '#082145' : isFocused ? '#a1bdd914' : '#22272b',
     ':active': {
       backgroundColor: '#a6c5e229'

package/dist/es2019/customMediaPlayer/index.js

@@ -5,7 +5,7 @@ import { CustomMediaPlayerBase as CompiledCustomMediaPlayerBase } from './index-
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 export const CustomMediaPlayerBase = props => /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props);
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "28.7.38";
+const packageVersion = "0.0.0-development";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export const CustomMediaPlayer = withMediaAnalyticsContext({

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

@@ -41,4 +41,5 @@ function ApiFeedback({
     onDismissed: onDismissed
   }, flag);
 }
-export default injectIntl(ApiFeedback);
+const _default_1 = injectIntl(ApiFeedback);
+export default _default_1;

package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js

@@ -109,4 +109,5 @@ function UploadCaptionsForm({
     onClick: submit
   }, intl.formatMessage(messages.upload)))));
 }
-export default injectIntl(UploadCaptionsForm);
+const _default_1 = injectIntl(UploadCaptionsForm);
+export default _default_1;

package/dist/es2019/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js

@@ -56,4 +56,5 @@ const CaptionsUploaderBrowser = ({
     errorDescription: intl.formatMessage(messages.video_captions_upload_error_description)
   }));
 };
-export default injectIntl(CaptionsUploaderBrowser);
+const _default_1 = injectIntl(CaptionsUploaderBrowser);
+export default _default_1;

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

@@ -48,7 +48,8 @@ const CaptionDeleteConfirmationModal = ({
     errorDescription: intl.formatMessage(messages.video_captions_delete_error_description)
   }));
 };
-export default injectIntl(CaptionDeleteConfirmationModal);
+const _default_1 = injectIntl(CaptionDeleteConfirmationModal);
+export default _default_1;
 const deleteCaption = async (mediaClient, identifier, artifactName, onStart, onEnd, onError) => {
   const traceContext = {
     traceId: getRandomTelemetryId()

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

@@ -6,7 +6,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
 import { useTextTracks } from './useTextTracks';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "28.7.38";
+const packageVersion = "0.0.0-development";
 export const MediaPlayerWihtoutContext = ({
   onPlay,
   ...props

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

@@ -5,7 +5,6 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 import React, { forwardRef } from 'react';
-import { R300 } from '@atlaskit/theme/colors';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 const volumeStyles = null;
 const showSliderVolumeStyles = null;

package/dist/esm/customMediaPlayer/dropdownControlCommon.js

@@ -13,7 +13,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // with the compiled react, we are leaving the static colors in tact for now.
 import React from 'react';
 import { components } from '@atlaskit/select';
-import { DN900 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Flex } from '@atlaskit/primitives/compiled';
 export var popupCustomStyles = {
@@ -34,7 +33,7 @@ export var popupCustomStyles = {
     var isFocused = _ref.isFocused,
       isSelected = _ref.isSelected;
     return _objectSpread(_objectSpread({}, styles), {}, {
-      color: isSelected ? '#579dff' : DN900,
+      color: isSelected ? '#579dff' : '#E6EDFA',
       backgroundColor: isSelected ? '#082145' : isFocused ? '#a1bdd914' : '#22272b',
       ':active': {
         backgroundColor: '#a6c5e229'

package/dist/esm/customMediaPlayer/index.js

@@ -7,7 +7,7 @@ export var CustomMediaPlayerBase = function CustomMediaPlayerBase(props) {
   return /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.7.38";
+var packageVersion = "0.0.0-development";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export var CustomMediaPlayer = withMediaAnalyticsContext({

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

@@ -40,4 +40,5 @@ function ApiFeedback(_ref) {
     onDismissed: onDismissed
   }, flag);
 }
-export default injectIntl(ApiFeedback);
+var _default_1 = injectIntl(ApiFeedback);
+export default _default_1;

package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.js

@@ -164,4 +164,5 @@ function UploadCaptionsForm(_ref2) {
     onClick: submit
   }, intl.formatMessage(messages.upload)))));
 }
-export default injectIntl(UploadCaptionsForm);
+var _default_1 = injectIntl(UploadCaptionsForm);
+export default _default_1;

package/dist/esm/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js

@@ -67,4 +67,5 @@ var CaptionsUploaderBrowser = function CaptionsUploaderBrowser(_ref) {
     errorDescription: intl.formatMessage(messages.video_captions_upload_error_description)
   }));
 };
-export default injectIntl(CaptionsUploaderBrowser);
+var _default_1 = injectIntl(CaptionsUploaderBrowser);
+export default _default_1;

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

@@ -55,7 +55,8 @@ var CaptionDeleteConfirmationModal = function CaptionDeleteConfirmationModal(_re
     errorDescription: intl.formatMessage(messages.video_captions_delete_error_description)
   }));
 };
-export default injectIntl(CaptionDeleteConfirmationModal);
+var _default_1 = injectIntl(CaptionDeleteConfirmationModal);
+export default _default_1;
 var deleteCaption = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mediaClient, identifier, artifactName, onStart, onEnd, onError) {
     var traceContext;

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

@@ -8,7 +8,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
 import { useTextTracks } from './useTextTracks';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.7.38";
+var packageVersion = "0.0.0-development";
 export var MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
   var _onPlay = _ref.onPlay,
     props = _objectWithoutProperties(_ref, _excluded);

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

@@ -21,7 +21,6 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 import React, { forwardRef } from 'react';
-import { R300 } from '@atlaskit/theme/colors';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 var volumeStyles = null;
 var showSliderVolumeStyles = null;

package/dist/types/MediaInlineCard/Frame/styled-compiled.d.ts

@@ -7,4 +7,4 @@ export interface WrapperProps {
     isSelected?: boolean;
     isError?: boolean;
 }
-export declare const Wrapper: React.ForwardRefExoticComponent<Omit<WrapperProps & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Wrapper: React.ForwardRefExoticComponent<Omit<WrapperProps & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, 'ref'> & React.RefAttributes<HTMLSpanElement>>;

package/dist/types/MediaInlineCard/Frame/styled.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type WrapperProps } from './styled-compiled';
-export declare const Wrapper: React.ForwardRefExoticComponent<Omit<WrapperProps & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Wrapper: React.ForwardRefExoticComponent<Omit<WrapperProps & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, 'ref'> & React.RefAttributes<HTMLSpanElement>>;
 export type { WrapperProps } from './styled-compiled';

package/dist/types/abuseModal/abuseModal.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export type AbuseModalProps = {
     isOpen: boolean;
     onConfirm: () => void;
     onClose: () => void;
 };
-export declare const AbuseModal: React.FC<import("react-intl-next").WithIntlProps<AbuseModalProps & WrappedComponentProps>> & {
+export declare const AbuseModal: React.FC<WithIntlProps<AbuseModalProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<AbuseModalProps & WrappedComponentProps>;
 };

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

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

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

@@ -1 +1 @@
-export declare const getControlsWrapperClassName: (wasPlayedOnce: boolean) => "mvng-hide-controls" | "";
+export declare const getControlsWrapperClassName: (wasPlayedOnce: boolean) => "" | "mvng-hide-controls";

package/dist/types/customMediaPlayer/mediaPlayer/captions/apiFeedback.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export type NotificationTypes = 'success' | 'error' | null;
 export interface ApiFeedbackProps {
     notificationType: NotificationTypes;
@@ -7,7 +7,7 @@ export interface ApiFeedbackProps {
     successDescription: string;
     errorDescription: string;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<ApiFeedbackProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<ApiFeedbackProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<ApiFeedbackProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps, type WithIntlProps } from 'react-intl-next';
 type UploadCaptionsFormProps = {
     isOpen: boolean;
     onClose: () => void;
     uploadFn: (file: File, locale: string) => Promise<void>;
     file?: File;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<UploadCaptionsFormProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<UploadCaptionsFormProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<UploadCaptionsFormProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import type { ArtifactUploaderProps } from './types';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export type CaptionsUploaderBrowserProps = ArtifactUploaderProps & {
     isOpen: boolean;
     onClose: () => void;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<ArtifactUploaderProps & {
+declare const _default_1: React.FC<WithIntlProps<ArtifactUploaderProps & {
     isOpen: boolean;
     onClose: () => void;
 } & WrappedComponentProps>> & {
@@ -14,4 +14,4 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<Artifac
         onClose: () => void;
     } & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type FileIdentifier } from '@atlaskit/media-client';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 import { type MediaTraceContext } from '@atlaskit/media-common';
 export interface CaptionDeleteConfirmationModalProps {
     identifier: FileIdentifier;
@@ -10,7 +10,7 @@ export interface CaptionDeleteConfirmationModalProps {
     onEnd?: (context: MediaTraceContext) => void;
     onError?: (error: Error, artifactName: string, context: MediaTraceContext) => void;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<CaptionDeleteConfirmationModalProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<CaptionDeleteConfirmationModalProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionDeleteConfirmationModalProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types/customMediaPlayer/mediaPlayer/captionsAdminControls.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { type VideoTextTracks } from '../react-video-renderer';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export interface CaptionsAdminControlsProps {
     textTracks?: VideoTextTracks;
     onUpload: () => void;
     onDelete: (artifactName: string) => void;
 }
 export declare const _CaptionsAdminControls: ({ intl, textTracks, onUpload, onDelete, }: CaptionsAdminControlsProps & WrappedComponentProps) => React.JSX.Element;
-export declare const CaptionsAdminControls: React.FC<import("react-intl-next").WithIntlProps<CaptionsAdminControlsProps & WrappedComponentProps>> & {
+export declare const CaptionsAdminControls: React.FC<WithIntlProps<CaptionsAdminControlsProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionsAdminControlsProps & WrappedComponentProps>;
 };

package/dist/types/customMediaPlayer/mediaPlayer/captionsSelectControls.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type VideoTextTracks } from '../react-video-renderer';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export interface CaptionsSelectControlsProps {
     textTracks: VideoTextTracks;
     onSelected: (selected: number) => void;
@@ -8,6 +8,6 @@ export interface CaptionsSelectControlsProps {
     onCaptionsEnabledChange: (areCaptionsEnabled: boolean) => void;
     selectedTracksIndex: number;
 }
-export declare const CaptionsSelectControls: React.FC<import("react-intl-next").WithIntlProps<CaptionsSelectControlsProps & WrappedComponentProps>> & {
+export declare const CaptionsSelectControls: React.FC<WithIntlProps<CaptionsSelectControlsProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionsSelectControlsProps & WrappedComponentProps>;
 };

package/dist/types/customMediaPlayer/mediaPlayer/mediaPlayerBase.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type WithIntlProps } from 'react-intl-next';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type MediaPlayerBaseProps } from './types';
 export interface CustomMediaPlayerState {
@@ -16,7 +17,7 @@ export declare const breakpoints: {
     SMALL_VIDEO_MAX_WIDTH: number;
 };
 type MediaPlayerBaseOwnProps = MediaPlayerBaseProps & WrappedComponentProps & WithAnalyticsEventsProps;
-export declare const MediaPlayerBase: React.FC<import("react-intl-next").WithIntlProps<MediaPlayerBaseOwnProps>> & {
+export declare const MediaPlayerBase: React.FC<WithIntlProps<MediaPlayerBaseOwnProps>> & {
     WrappedComponent: React.ComponentType<MediaPlayerBaseOwnProps>;
 };
 export {};

package/dist/types/customMediaPlayer/mediaPlayer/useTextTracks.d.ts

@@ -1,4 +1,5 @@
 import { type FileState } from '@atlaskit/media-state';
+import { type Dispatch, type SetStateAction } from 'react';
 import { type VideoTextTracks } from '../react-video-renderer';
 import { type CustomMediaPlayerType } from '../types';
 type UseTextTracksProps = {
@@ -6,11 +7,11 @@ type UseTextTracksProps = {
     collectionName?: string;
     type: CustomMediaPlayerType;
 };
-export declare const useTextTracks: ({ fileState, collectionName, type }: UseTextTracksProps) => {
+export declare const useTextTracks: ({ fileState, collectionName, type, }: UseTextTracksProps) => {
     textTracks: VideoTextTracks;
     verifyUserCaptionsEnabled: () => void;
     areCaptionsEnabled: boolean;
-    setSelectedTracksIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    setAreCaptionsEnabled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setSelectedTracksIndex: Dispatch<SetStateAction<number>>;
+    setAreCaptionsEnabled: Dispatch<SetStateAction<boolean>>;
 };
 export {};

package/dist/types/customMediaPlayer/react-video-renderer/track.d.ts

@@ -6,5 +6,5 @@ type TextTracksProps = {
     onLoad?: () => void;
     onError?: (artifactName: string, lang: string, label: string) => void;
 };
-export declare const TextTracks: React.MemoExoticComponent<({ videoTextTracks, textTracksPosition, onLoad, onError, }: TextTracksProps) => React.JSX.Element[]>;
+export declare const TextTracks: React.MemoExoticComponent<({ videoTextTracks, textTracksPosition, onLoad, onError }: TextTracksProps) => React.JSX.Element[]>;
 export {};

package/dist/types/customMediaPlayer/styled-compiled.d.ts

@@ -11,17 +11,17 @@ export type VolumeWrapperProps = {
 };
 export declare const VolumeWrapper: ({ showSlider, children, ...props }: VolumeWrapperProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 export declare const CurrentTime: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
-export declare const TimeLine: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const TimeLine: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export declare const CurrentTimeLine: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 export declare const Thumb: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
-export declare const CurrentTimeLineThumb: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const CurrentTimeLineThumb: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export declare const BufferedTime: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 export declare const LeftControls: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 export declare const RightControls: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 type ControlsWrapperProps = {
     controlsHidden: boolean;
 };
-export declare const ControlsWrapper: React.ForwardRefExoticComponent<Omit<ControlsWrapperProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const ControlsWrapper: React.ForwardRefExoticComponent<Omit<ControlsWrapperProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export declare const VolumeToggleWrapper: ({ isMuted, children, ...props }: MutedIndicatorProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 export declare const VolumeTimeRangeWrapper: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 export declare const MutedIndicator: ({ isMuted, children, ...props }: MutedIndicatorProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
@@ -31,5 +31,5 @@ export interface CurrentTimeTooltipProps {
     timeLineThumbIsFocus: boolean;
 }
 export declare const CurrentTimeTooltip: ({ isDragging, timeLineThumbIsHover, timeLineThumbIsFocus, children, ...props }: CurrentTimeTooltipProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
-export declare const TimeRangeWrapper: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const TimeRangeWrapper: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export {};

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

@@ -2,10 +2,10 @@ import React from 'react';
 import { type VolumeWrapperProps, type MutedIndicatorProps } from './styled-compiled';
 export declare const VolumeWrapper: (props: VolumeWrapperProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
 export declare const CurrentTime: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
-export declare const TimeLine: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const TimeLine: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export declare const CurrentTimeLine: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
 export declare const Thumb: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
-export declare const CurrentTimeLineThumb: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const CurrentTimeLineThumb: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export declare const BufferedTime: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
 export declare const LeftControls: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
 export declare const RightControls: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;

package/dist/types/inactivityDetector/styled-compiled.d.ts

@@ -1,4 +1,5 @@
+import { type ClassAttributes, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';
 export interface ContentWrapperProps {
     controlsAreVisible: boolean;
 }
-export declare const InactivityDetectorWrapper: import("react").ForwardRefExoticComponent<Omit<ContentWrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const InactivityDetectorWrapper: ForwardRefExoticComponent<Omit<ContentWrapperProps & ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, 'ref'> & RefAttributes<unknown>>;

package/dist/types/inactivityDetector/styled.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type ContentWrapperProps } from './styled-compiled';
-export declare const InactivityDetectorWrapper: React.ForwardRefExoticComponent<Omit<ContentWrapperProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const InactivityDetectorWrapper: React.ForwardRefExoticComponent<Omit<ContentWrapperProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export type { ContentWrapperProps } from './styled-compiled';

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

@@ -19,4 +19,4 @@ export interface MediaImageState {
     parentWidth: number;
     parentHeight: number;
 }
-export declare const MediaImage: React.ForwardRefExoticComponent<Omit<MediaImageProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLImageElement>>;
+export declare const MediaImage: React.ForwardRefExoticComponent<Omit<MediaImageProps, 'ref'> & React.RefAttributes<HTMLDivElement | HTMLImageElement>>;

package/dist/types-ts4.5/MediaInlineCard/Frame/styled-compiled.d.ts

@@ -7,4 +7,4 @@ export interface WrapperProps {
     isSelected?: boolean;
     isError?: boolean;
 }
-export declare const Wrapper: React.ForwardRefExoticComponent<Omit<WrapperProps & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Wrapper: React.ForwardRefExoticComponent<Omit<WrapperProps & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, 'ref'> & React.RefAttributes<HTMLSpanElement>>;

package/dist/types-ts4.5/MediaInlineCard/Frame/styled.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type WrapperProps } from './styled-compiled';
-export declare const Wrapper: React.ForwardRefExoticComponent<Omit<WrapperProps & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Wrapper: React.ForwardRefExoticComponent<Omit<WrapperProps & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, 'ref'> & React.RefAttributes<HTMLSpanElement>>;
 export type { WrapperProps } from './styled-compiled';

package/dist/types-ts4.5/abuseModal/abuseModal.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export type AbuseModalProps = {
     isOpen: boolean;
     onConfirm: () => void;
     onClose: () => void;
 };
-export declare const AbuseModal: React.FC<import("react-intl-next").WithIntlProps<AbuseModalProps & WrappedComponentProps>> & {
+export declare const AbuseModal: React.FC<WithIntlProps<AbuseModalProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<AbuseModalProps & WrappedComponentProps>;
 };

package/dist/types-ts4.5/customMediaPlayer/analytics/utils/analytics.d.ts

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

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

@@ -1 +1 @@
-export declare const getControlsWrapperClassName: (wasPlayedOnce: boolean) => "mvng-hide-controls" | "";
+export declare const getControlsWrapperClassName: (wasPlayedOnce: boolean) => "" | "mvng-hide-controls";

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/apiFeedback.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export type NotificationTypes = 'success' | 'error' | null;
 export interface ApiFeedbackProps {
     notificationType: NotificationTypes;
@@ -7,7 +7,7 @@ export interface ApiFeedbackProps {
     successDescription: string;
     errorDescription: string;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<ApiFeedbackProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<ApiFeedbackProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<ApiFeedbackProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploadForm.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps, type WithIntlProps } from 'react-intl-next';
 type UploadCaptionsFormProps = {
     isOpen: boolean;
     onClose: () => void;
     uploadFn: (file: File, locale: string) => Promise<void>;
     file?: File;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<UploadCaptionsFormProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<UploadCaptionsFormProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<UploadCaptionsFormProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import type { ArtifactUploaderProps } from './types';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export type CaptionsUploaderBrowserProps = ArtifactUploaderProps & {
     isOpen: boolean;
     onClose: () => void;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<ArtifactUploaderProps & {
+declare const _default_1: React.FC<WithIntlProps<ArtifactUploaderProps & {
     isOpen: boolean;
     onClose: () => void;
 } & WrappedComponentProps>> & {
@@ -14,4 +14,4 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<Artifac
         onClose: () => void;
     } & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captions/captionDeleteConfirmationModal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type FileIdentifier } from '@atlaskit/media-client';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 import { type MediaTraceContext } from '@atlaskit/media-common';
 export interface CaptionDeleteConfirmationModalProps {
     identifier: FileIdentifier;
@@ -10,7 +10,7 @@ export interface CaptionDeleteConfirmationModalProps {
     onEnd?: (context: MediaTraceContext) => void;
     onError?: (error: Error, artifactName: string, context: MediaTraceContext) => void;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<CaptionDeleteConfirmationModalProps & WrappedComponentProps>> & {
+declare const _default_1: React.FC<WithIntlProps<CaptionDeleteConfirmationModalProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionDeleteConfirmationModalProps & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captionsAdminControls.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { type VideoTextTracks } from '../react-video-renderer';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export interface CaptionsAdminControlsProps {
     textTracks?: VideoTextTracks;
     onUpload: () => void;
     onDelete: (artifactName: string) => void;
 }
 export declare const _CaptionsAdminControls: ({ intl, textTracks, onUpload, onDelete, }: CaptionsAdminControlsProps & WrappedComponentProps) => React.JSX.Element;
-export declare const CaptionsAdminControls: React.FC<import("react-intl-next").WithIntlProps<CaptionsAdminControlsProps & WrappedComponentProps>> & {
+export declare const CaptionsAdminControls: React.FC<WithIntlProps<CaptionsAdminControlsProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionsAdminControlsProps & WrappedComponentProps>;
 };

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/captionsSelectControls.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type VideoTextTracks } from '../react-video-renderer';
-import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
 export interface CaptionsSelectControlsProps {
     textTracks: VideoTextTracks;
     onSelected: (selected: number) => void;
@@ -8,6 +8,6 @@ export interface CaptionsSelectControlsProps {
     onCaptionsEnabledChange: (areCaptionsEnabled: boolean) => void;
     selectedTracksIndex: number;
 }
-export declare const CaptionsSelectControls: React.FC<import("react-intl-next").WithIntlProps<CaptionsSelectControlsProps & WrappedComponentProps>> & {
+export declare const CaptionsSelectControls: React.FC<WithIntlProps<CaptionsSelectControlsProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<CaptionsSelectControlsProps & WrappedComponentProps>;
 };

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/mediaPlayerBase.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type WithIntlProps } from 'react-intl-next';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type MediaPlayerBaseProps } from './types';
 export interface CustomMediaPlayerState {
@@ -16,7 +17,7 @@ export declare const breakpoints: {
     SMALL_VIDEO_MAX_WIDTH: number;
 };
 type MediaPlayerBaseOwnProps = MediaPlayerBaseProps & WrappedComponentProps & WithAnalyticsEventsProps;
-export declare const MediaPlayerBase: React.FC<import("react-intl-next").WithIntlProps<MediaPlayerBaseOwnProps>> & {
+export declare const MediaPlayerBase: React.FC<WithIntlProps<MediaPlayerBaseOwnProps>> & {
     WrappedComponent: React.ComponentType<MediaPlayerBaseOwnProps>;
 };
 export {};

package/dist/types-ts4.5/customMediaPlayer/mediaPlayer/useTextTracks.d.ts

@@ -1,4 +1,5 @@
 import { type FileState } from '@atlaskit/media-state';
+import { type Dispatch, type SetStateAction } from 'react';
 import { type VideoTextTracks } from '../react-video-renderer';
 import { type CustomMediaPlayerType } from '../types';
 type UseTextTracksProps = {
@@ -6,11 +7,11 @@ type UseTextTracksProps = {
     collectionName?: string;
     type: CustomMediaPlayerType;
 };
-export declare const useTextTracks: ({ fileState, collectionName, type }: UseTextTracksProps) => {
+export declare const useTextTracks: ({ fileState, collectionName, type, }: UseTextTracksProps) => {
     textTracks: VideoTextTracks;
     verifyUserCaptionsEnabled: () => void;
     areCaptionsEnabled: boolean;
-    setSelectedTracksIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    setAreCaptionsEnabled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setSelectedTracksIndex: Dispatch<SetStateAction<number>>;
+    setAreCaptionsEnabled: Dispatch<SetStateAction<boolean>>;
 };
 export {};

package/dist/types-ts4.5/customMediaPlayer/react-video-renderer/track.d.ts

@@ -6,5 +6,5 @@ type TextTracksProps = {
     onLoad?: () => void;
     onError?: (artifactName: string, lang: string, label: string) => void;
 };
-export declare const TextTracks: React.MemoExoticComponent<({ videoTextTracks, textTracksPosition, onLoad, onError, }: TextTracksProps) => React.JSX.Element[]>;
+export declare const TextTracks: React.MemoExoticComponent<({ videoTextTracks, textTracksPosition, onLoad, onError }: TextTracksProps) => React.JSX.Element[]>;
 export {};

package/dist/types-ts4.5/customMediaPlayer/styled-compiled.d.ts

@@ -11,17 +11,17 @@ export type VolumeWrapperProps = {
 };
 export declare const VolumeWrapper: ({ showSlider, children, ...props }: VolumeWrapperProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 export declare const CurrentTime: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
-export declare const TimeLine: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const TimeLine: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export declare const CurrentTimeLine: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 export declare const Thumb: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
-export declare const CurrentTimeLineThumb: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const CurrentTimeLineThumb: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export declare const BufferedTime: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 export declare const LeftControls: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 export declare const RightControls: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 type ControlsWrapperProps = {
     controlsHidden: boolean;
 };
-export declare const ControlsWrapper: React.ForwardRefExoticComponent<Omit<ControlsWrapperProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const ControlsWrapper: React.ForwardRefExoticComponent<Omit<ControlsWrapperProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export declare const VolumeToggleWrapper: ({ isMuted, children, ...props }: MutedIndicatorProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 export declare const VolumeTimeRangeWrapper: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
 export declare const MutedIndicator: ({ isMuted, children, ...props }: MutedIndicatorProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
@@ -31,5 +31,5 @@ export interface CurrentTimeTooltipProps {
     timeLineThumbIsFocus: boolean;
 }
 export declare const CurrentTimeTooltip: ({ isDragging, timeLineThumbIsHover, timeLineThumbIsFocus, children, ...props }: CurrentTimeTooltipProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
-export declare const TimeRangeWrapper: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const TimeRangeWrapper: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export {};

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

@@ -2,10 +2,10 @@ import React from 'react';
 import { type VolumeWrapperProps, type MutedIndicatorProps } from './styled-compiled';
 export declare const VolumeWrapper: (props: VolumeWrapperProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
 export declare const CurrentTime: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
-export declare const TimeLine: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const TimeLine: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export declare const CurrentTimeLine: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
 export declare const Thumb: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
-export declare const CurrentTimeLineThumb: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const CurrentTimeLineThumb: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export declare const BufferedTime: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
 export declare const LeftControls: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
 export declare const RightControls: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;

package/dist/types-ts4.5/inactivityDetector/styled-compiled.d.ts

@@ -1,4 +1,5 @@
+import { type ClassAttributes, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';
 export interface ContentWrapperProps {
     controlsAreVisible: boolean;
 }
-export declare const InactivityDetectorWrapper: import("react").ForwardRefExoticComponent<Omit<ContentWrapperProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const InactivityDetectorWrapper: ForwardRefExoticComponent<Omit<ContentWrapperProps & ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, 'ref'> & RefAttributes<unknown>>;

package/dist/types-ts4.5/inactivityDetector/styled.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type ContentWrapperProps } from './styled-compiled';
-export declare const InactivityDetectorWrapper: React.ForwardRefExoticComponent<Omit<ContentWrapperProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const InactivityDetectorWrapper: React.ForwardRefExoticComponent<Omit<ContentWrapperProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'ref'> & React.RefAttributes<unknown>>;
 export type { ContentWrapperProps } from './styled-compiled';

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

@@ -19,4 +19,4 @@ export interface MediaImageState {
     parentWidth: number;
     parentHeight: number;
 }
-export declare const MediaImage: React.ForwardRefExoticComponent<Omit<MediaImageProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLImageElement>>;
+export declare const MediaImage: React.ForwardRefExoticComponent<Omit<MediaImageProps, 'ref'> & React.RefAttributes<HTMLDivElement | HTMLImageElement>>;

package/example-helpers/styled.ts

@@ -1,21 +1,51 @@
+/* eslint-disable @atlaskit/ui-styling-standard/use-compiled, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766 */
 import { token } from '@atlaskit/tokens';
+import type { Theme } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
+import styled, { type StyledComponent } from '@emotion/styled';
+import type {
+	DetailedHTMLProps,
+	HTMLAttributes,
+	LiHTMLAttributes,
+	ButtonHTMLAttributes,
+	LabelHTMLAttributes,
+} from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const InputWrapper = styled.div({
+export const InputWrapper: StyledComponent<
+	{
+		theme?: Theme;
+		as?: React.ElementType;
+	},
+	DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
+	{}
+> = styled.div({
 	margin: `${token('space.250')} 0`,
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const PreviewList = styled.ul({
+export const PreviewList: StyledComponent<
+	{
+		theme?: Theme;
+		as?: React.ElementType;
+	},
+	DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>,
+	{}
+> = styled.ul({
 	margin: 0,
 	padding: 0,
 	listStyleType: 'none',
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const PreviewItem = styled.li({
+export const PreviewItem: StyledComponent<
+	{
+		theme?: Theme;
+		as?: React.ElementType;
+	},
+	DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>,
+	{}
+> = styled.li({
 	borderRadius: token('space.100'),
 	border: `${token('border.width', '1px')} solid ${token('color.border')}`,
 	padding: token('space.100'),
@@ -26,7 +56,14 @@ export const PreviewItem = styled.li({
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const Code = styled.code({
+export const Code: StyledComponent<
+	{
+		theme?: Theme;
+		as?: React.ElementType;
+	},
+	DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>,
+	{}
+> = styled.code({
 	padding: token('space.050'),
 	borderRadius: token('space.050'),
 	backgroundColor: token('color.background.inverse.subtle'),
@@ -35,7 +72,14 @@ export const Code = styled.code({
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const CloseButton = styled.button({
+export const CloseButton: StyledComponent<
+	{
+		theme?: Theme;
+		as?: React.ElementType;
+	},
+	DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>,
+	{}
+> = styled.button({
 	position: 'absolute',
 	top: token('space.050'),
 	right: token('space.050'),
@@ -43,31 +87,66 @@ export const CloseButton = styled.button({
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const PreviewImageContainer = styled.div({
+export const PreviewImageContainer: StyledComponent<
+	{
+		theme?: Theme;
+		as?: React.ElementType;
+	},
+	DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
+	{}
+> = styled.div({
 	marginTop: token('space.100'),
 	marginBottom: token('space.100'),
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const OrientationSelectWrapper = styled.label({
+export const OrientationSelectWrapper: StyledComponent<
+	{
+		theme?: Theme;
+		as?: React.ElementType;
+	},
+	DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>,
+	{}
+> = styled.label({
 	marginBottom: token('space.250'),
 	display: 'block',
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const TimeRangeWrapper = styled.div({
+export const TimeRangeWrapper: StyledComponent<
+	{
+		theme?: Theme;
+		as?: React.ElementType;
+	},
+	DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
+	{}
+> = styled.div({
 	marginTop: token('space.500'),
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const Container = styled.div({
+export const Container: StyledComponent<
+	{
+		theme?: Theme;
+		as?: React.ElementType;
+	},
+	DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
+	{}
+> = styled.div({
 	display: 'flex',
 	flexDirection: 'row',
 	flexWrap: 'wrap',
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const Group = styled.div({
+export const Group: StyledComponent<
+	{
+		theme?: Theme;
+		as?: React.ElementType;
+	},
+	DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
+	{}
+> = styled.div({
 	width: '250px',
 	padding: token('space.250'),
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "28.7.39",
+	"version": "28.7.41",
 	"description": "Includes common components and utilities used by other media packages",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/media-client-react": "^5.0.0",
 		"@atlaskit/media-common": "^13.0.0",
 		"@atlaskit/media-state": "^2.0.0",
-		"@atlaskit/modal-dialog": "^14.14.0",
+		"@atlaskit/modal-dialog": "^14.15.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/range": "^10.0.0",
@@ -45,7 +45,7 @@
 		"@atlaskit/select": "^21.10.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/theme": "^23.0.0",
-		"@atlaskit/tokens": "^11.4.0",
+		"@atlaskit/tokens": "^12.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",