@atlaskit/media-ui 28.7.40 → 28.7.41

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

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/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/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/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/customMediaPlayer/analytics/utils/analytics.d.ts

@@ -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) => UIAnalyticsEvent;
+export declare const createAndFireMediaCustomMediaPlayerEvent: (payload: CustomMediaPlayerAnalyticsEventPayload) => ((createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent);

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

@@ -7,7 +7,7 @@ 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;

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

@@ -2,4 +2,4 @@ import { type ClassAttributes, type ForwardRefExoticComponent, type HTMLAttribut
 export interface ContentWrapperProps {
     controlsAreVisible: boolean;
 }
-export declare const InactivityDetectorWrapper: ForwardRefExoticComponent<Omit<ContentWrapperProps & ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, "ref"> & 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/customMediaPlayer/analytics/utils/analytics.d.ts

@@ -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) => UIAnalyticsEvent;
+export declare const createAndFireMediaCustomMediaPlayerEvent: (payload: CustomMediaPlayerAnalyticsEventPayload) => ((createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent);

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

@@ -7,7 +7,7 @@ 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;

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

@@ -2,4 +2,4 @@ import { type ClassAttributes, type ForwardRefExoticComponent, type HTMLAttribut
 export interface ContentWrapperProps {
     controlsAreVisible: boolean;
 }
-export declare const InactivityDetectorWrapper: ForwardRefExoticComponent<Omit<ContentWrapperProps & ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, "ref"> & 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

@@ -3,31 +3,49 @@ 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, { type StyledComponent } from '@emotion/styled';
-import type { DetailedHTMLProps, HTMLAttributes, LiHTMLAttributes, ButtonHTMLAttributes, LabelHTMLAttributes } from 'react';
+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: StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
-}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}> = 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: StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
-}, DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}> = 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: StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
-}, DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}> = 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'),
@@ -38,10 +56,14 @@ export const PreviewItem: StyledComponent<{
 });
 
 // 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: StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
-}, DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, {}> = 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'),
@@ -50,10 +72,14 @@ export const Code: StyledComponent<{
 });
 
 // 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: StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
-}, DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}> = 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'),
@@ -61,46 +87,66 @@ export const CloseButton: StyledComponent<{
 });
 
 // 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: StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
-}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}> = 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: StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
-}, DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}> = 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: StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
-}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}> = 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: StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
-}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}> = 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: StyledComponent<{
-    theme?: Theme;
-    as?: React.ElementType;
-}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}> = 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.40",
+	"version": "28.7.41",
 	"description": "Includes common components and utilities used by other media packages",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"