@atlaskit/media-ui 28.7.40 → 28.7.42

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-ui
 
+## 28.7.42
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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/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 = "0.0.0-development";
+var packageVersion = "28.7.42";
 
 // @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/artifactUploader/captions/languageDetector.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.detectLanguage = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _LocaleSelect = require("@atlaskit/locale/LocaleSelect");
+var _defaultLocales = _interopRequireDefault(require("@atlaskit/locale/default-locales"));
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -29,7 +29,7 @@ var detectVtt = function detectVtt(file, _content) {
   try {
     var _loop = function _loop() {
         var section = _step.value;
-        var detected = _LocaleSelect.defaultLocales.find(function (locale) {
+        var detected = _defaultLocales.default.find(function (locale) {
           return normalize(section) === normalize(locale.value);
         });
         if (detected) {
@@ -54,7 +54,7 @@ var detectVtt = function detectVtt(file, _content) {
   try {
     var _loop2 = function _loop2() {
         var section = _step2.value;
-        var detected = _LocaleSelect.defaultLocales.find(function (locale) {
+        var detected = _defaultLocales.default.find(function (locale) {
           return normalizeNoRegion(section) === normalizeNoRegion(locale.value);
         });
         if (detected) {
@@ -70,9 +70,9 @@ var detectVtt = function detectVtt(file, _content) {
     }
 
     // Section results in a valid Intl.Locale
-    /* 
+    /*
     	new Intl.Locale is quite permisive with its input.
-    	It allows several text that do not really represent a locale. This is why we prioritize the previous checks 
+    	It allows several text that do not really represent a locale. This is why we prioritize the previous checks
     */
   } catch (err) {
     _iterator2.e(err);

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

@@ -14,7 +14,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-var _LocaleSelect = _interopRequireWildcard(require("@atlaskit/locale/LocaleSelect"));
+var _LocaleSelect = _interopRequireDefault(require("@atlaskit/locale/LocaleSelect"));
+var _defaultLocales = _interopRequireDefault(require("@atlaskit/locale/default-locales"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
 var _form = require("@atlaskit/form");
@@ -39,7 +40,7 @@ var detectLocale = /*#__PURE__*/function () {
             _context.next = 9;
             break;
           }
-          defaultLocale = _LocaleSelect.defaultLocales.find(function (l) {
+          defaultLocale = _defaultLocales.default.find(function (l) {
             return l.value === detectedLocale;
           });
           if (!defaultLocale) {
@@ -48,18 +49,18 @@ var detectLocale = /*#__PURE__*/function () {
           }
           return _context.abrupt("return", {
             selectedLocale: defaultLocale,
-            locales: _LocaleSelect.defaultLocales
+            locales: _defaultLocales.default
           });
         case 7:
           customLocale = customLocaleOption(intl, detectedLocale);
           return _context.abrupt("return", {
             selectedLocale: customLocale,
-            locales: [].concat((0, _toConsumableArray2.default)(_LocaleSelect.defaultLocales), [customLocale])
+            locales: [].concat((0, _toConsumableArray2.default)(_defaultLocales.default), [customLocale])
           });
         case 9:
           return _context.abrupt("return", {
-            selectedLocale: _LocaleSelect.defaultLocales[0],
-            locales: _LocaleSelect.defaultLocales
+            selectedLocale: _defaultLocales.default[0],
+            locales: _defaultLocales.default
           });
         case 10:
         case "end":

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 = "0.0.0-development";
+var packageVersion = "28.7.42";
 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 = "0.0.0-development";
+const packageVersion = "28.7.42";
 
 // @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/artifactUploader/captions/languageDetector.js

@@ -1,4 +1,4 @@
-import { defaultLocales } from '@atlaskit/locale/LocaleSelect';
+import defaultLocales from '@atlaskit/locale/default-locales';
 const normalize = locale => {
   return locale.toLowerCase();
 };
@@ -27,9 +27,9 @@ const detectVtt = (file, _content) => {
   }
 
   // Section results in a valid Intl.Locale
-  /* 
+  /*
   	new Intl.Locale is quite permisive with its input.
-  	It allows several text that do not really represent a locale. This is why we prioritize the previous checks 
+  	It allows several text that do not really represent a locale. This is why we prioritize the previous checks
   */
   for (const section of sections) {
     try {

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

@@ -2,7 +2,8 @@ import React, { useEffect, useState } from 'react';
 import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import Modal, { ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-import LocaleSelect, { defaultLocales } from '@atlaskit/locale/LocaleSelect';
+import LocaleSelect from '@atlaskit/locale/LocaleSelect';
+import defaultLocales from '@atlaskit/locale/default-locales';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import FileIcon from '@atlaskit/icon/core/file';

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 = "0.0.0-development";
+const packageVersion = "28.7.42";
 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 = "0.0.0-development";
+var packageVersion = "28.7.42";
 
 // @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/artifactUploader/captions/languageDetector.js

@@ -3,7 +3,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import { defaultLocales } from '@atlaskit/locale/LocaleSelect';
+import defaultLocales from '@atlaskit/locale/default-locales';
 var normalize = function normalize(locale) {
   return locale.toLowerCase();
 };
@@ -63,9 +63,9 @@ var detectVtt = function detectVtt(file, _content) {
     }
 
     // Section results in a valid Intl.Locale
-    /* 
+    /*
     	new Intl.Locale is quite permisive with its input.
-    	It allows several text that do not really represent a locale. This is why we prioritize the previous checks 
+    	It allows several text that do not really represent a locale. This is why we prioritize the previous checks
     */
   } catch (err) {
     _iterator2.e(err);

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

@@ -6,7 +6,8 @@ import React, { useEffect, useState } from 'react';
 import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import Modal, { ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
-import LocaleSelect, { defaultLocales } from '@atlaskit/locale/LocaleSelect';
+import LocaleSelect from '@atlaskit/locale/LocaleSelect';
+import defaultLocales from '@atlaskit/locale/default-locales';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import FileIcon from '@atlaskit/icon/core/file';

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 = "0.0.0-development";
+var packageVersion = "28.7.42";
 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/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.42",
 	"description": "Includes common components and utilities used by other media packages",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,20 +32,20 @@
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/locale": "^3.0.0",
+		"@atlaskit/locale": "^4.0.0",
 		"@atlaskit/media-client": "^36.0.0",
 		"@atlaskit/media-client-react": "^5.0.0",
 		"@atlaskit/media-common": "^13.0.0",
 		"@atlaskit/media-state": "^2.0.0",
 		"@atlaskit/modal-dialog": "^14.15.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^18.1.0",
+		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/range": "^10.0.0",
-		"@atlaskit/react-ufo": "^5.12.0",
+		"@atlaskit/react-ufo": "^5.13.0",
 		"@atlaskit/select": "^21.10.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/theme": "^23.0.0",
-		"@atlaskit/tokens": "^12.0.0",
+		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",