@atlaskit/media-ui 28.6.6 → 28.6.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-ui
 
+## 28.6.8
+
+### Patch Changes
+
+- Updated dependencies
+
+## 28.6.7
+
+### Patch Changes
+
+- [`2af42ad93c3e0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2af42ad93c3e0) -
+  Internal changes to use tokens for border radius.
+- Updated dependencies
+
 ## 28.6.6
 
 ### Patch Changes

package/abuseModal/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/abuseModal/index.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/abuseModal/index.d.ts"
       ]

package/browser/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/browser.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/browser.d.ts"
       ]

package/classNames/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/classNames.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/classNames.d.ts"
       ]

package/codeViewer/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/codeViewer.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/codeViewer.d.ts"
       ]

package/dist/cjs/customMediaPlayer/index.js

@@ -16,7 +16,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
   return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props) : /*#__PURE__*/_react.default.createElement(_indexEmotion.CustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.6.5";
+var packageVersion = "28.6.7";
 
 // @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/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.6.5";
+var packageVersion = "28.6.7";
 var MediaPlayerWihtoutContext = exports.MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
   var _onPlay = _ref.onPlay,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/mixins.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.size = exports.ellipsis = exports.easeInOutCubic = exports.center = exports.borderRadiusBottom = exports.borderRadius = exports.absolute = void 0;
-var _constants = require("@atlaskit/theme/constants");
 var ellipsis = exports.ellipsis = function ellipsis() {
   var maxWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   var unit = typeof maxWidth === 'number' ? 'px' : '';
@@ -21,6 +20,6 @@ var absolute = exports.absolute = function absolute() {
   var left = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   return "\n  position: absolute;\n  top: ".concat(top, "px;\n  left: ").concat(left, "px;\n");
 };
-var borderRadius = exports.borderRadius = "\n  border-radius: ".concat((0, _constants.borderRadius)(), "px;\n");
-var borderRadiusBottom = exports.borderRadiusBottom = "\n  border-bottom-left-radius: ".concat((0, _constants.borderRadius)(), "px;\n  border-bottom-right-radius: ").concat((0, _constants.borderRadius)(), "px;\n");
+var borderRadius = exports.borderRadius = "\n  border-radius: ".concat("var(--ds-border-radius-100, 3px)", ";\n");
+var borderRadiusBottom = exports.borderRadiusBottom = "\n  border-bottom-left-radius: ".concat("var(--ds-border-radius-100, 3px)", ";\n  border-bottom-right-radius: ", "var(--ds-border-radius-100, 3px)", ";\n");
 var easeInOutCubic = exports.easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';

package/dist/es2019/customMediaPlayer/index.js

@@ -7,7 +7,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 export const CustomMediaPlayerBase = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props) : /*#__PURE__*/React.createElement(EmotionCustomMediaPlayerBase, props);
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "28.6.5";
+const packageVersion = "28.6.7";
 
 // @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/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.6.5";
+const packageVersion = "28.6.7";
 export const MediaPlayerWihtoutContext = ({
   onPlay,
   ...props

package/dist/es2019/mixins.js

@@ -1,4 +1,3 @@
-import { borderRadius as akBorderRadius } from '@atlaskit/theme/constants';
 export const ellipsis = (maxWidth = '100%') => {
   const unit = typeof maxWidth === 'number' ? 'px' : '';
   return `
@@ -26,10 +25,10 @@ export const absolute = (top = 0, left = 0) => `
   left: ${left}px;
 `;
 export const borderRadius = `
-  border-radius: ${akBorderRadius()}px;
+  border-radius: ${"var(--ds-border-radius-100, 3px)"};
 `;
 export const borderRadiusBottom = `
-  border-bottom-left-radius: ${akBorderRadius()}px;
-  border-bottom-right-radius: ${akBorderRadius()}px;
+  border-bottom-left-radius: ${"var(--ds-border-radius-100, 3px)"};
+  border-bottom-right-radius: ${"var(--ds-border-radius-100, 3px)"};
 `;
 export const easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';

package/dist/esm/customMediaPlayer/index.js

@@ -9,7 +9,7 @@ export var CustomMediaPlayerBase = function CustomMediaPlayerBase(props) {
   return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props) : /*#__PURE__*/React.createElement(EmotionCustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.6.5";
+var packageVersion = "28.6.7";
 
 // @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/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.6.5";
+var packageVersion = "28.6.7";
 export var MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
   var _onPlay = _ref.onPlay,
     props = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/mixins.js

@@ -1,4 +1,3 @@
-import { borderRadius as akBorderRadius } from '@atlaskit/theme/constants';
 export var ellipsis = function ellipsis() {
   var maxWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   var unit = typeof maxWidth === 'number' ? 'px' : '';
@@ -15,6 +14,6 @@ export var absolute = function absolute() {
   var left = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   return "\n  position: absolute;\n  top: ".concat(top, "px;\n  left: ").concat(left, "px;\n");
 };
-export var borderRadius = "\n  border-radius: ".concat(akBorderRadius(), "px;\n");
-export var borderRadiusBottom = "\n  border-bottom-left-radius: ".concat(akBorderRadius(), "px;\n  border-bottom-right-radius: ").concat(akBorderRadius(), "px;\n");
+export var borderRadius = "\n  border-radius: ".concat("var(--ds-border-radius-100, 3px)", ";\n");
+export var borderRadiusBottom = "\n  border-bottom-left-radius: ".concat("var(--ds-border-radius-100, 3px)", ";\n  border-bottom-right-radius: ", "var(--ds-border-radius-100, 3px)", ";\n");
 export var easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface WrapperProps {
     isSelected?: boolean;
     isError?: boolean;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type WrapperProps } from './styled-compiled';
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types/MediaInlineCard/Icon-compiled.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const Icon: ({ alt, ...props }: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => JSX.Element;
 export declare const AKIconWrapper: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => JSX.Element;

package/dist/types/MediaInlineCard/Icon-emotion.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const Icon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const AKIconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const IconWrapper: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => JSX.Element;
 export declare const EmojiWrapper: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => JSX.Element;
 export declare const IconTitleWrapper: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => JSX.Element;

package/dist/types/MediaInlineCard/IconAndTitleLayout/styled-emotion.d.ts

@@ -1,35 +1,34 @@
-/// <reference types="react" />
 export declare const IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
 export declare const IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const EmojiWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const IconTitleWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const LozengeWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const LozengeBlockWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const RightIconPositionWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const IconPositionWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const IconEmptyWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SpinnerWrapper: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => JSX.Element;

package/dist/types/MediaInlineCard/LoadingView/styled-emotion.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const SpinnerWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/dist/types/customMediaPlayer/analytics/events/operational/captions.d.ts

@@ -30,7 +30,7 @@ export type CaptionSucceededEventAction = 'uploadSucceeded' | 'deleteSucceeded'
 export type CaptionSucceededEventPayload = OperationalEventPayload<OperationalAttributes & WithCaptionAttributes & WithCustomMediaPlayerType & WithTraceContext, CaptionSucceededEventAction, 'mediaPlayerCaption'>;
 export declare const createCaptionUploadFailedEventPayload: (type: CustomMediaPlayerType, captionAttributes: CaptionAttributes, fileId: string, error: Error, traceContext: MediaTraceContext) => CaptionFailedEventPayload;
 export declare const createCaptionDeleteFailedEventPayload: (type: CustomMediaPlayerType, captionAttributes: CaptionAttributes, fileId: string, error: Error, traceContext: MediaTraceContext) => CaptionFailedEventPayload;
-export declare const createCaptionDisplayFailedEventPayload: (type: CustomMediaPlayerType, failReason: WithErrorAttributes['failReason'], captionAttributes: CaptionAttributes, fileId: string, error: Error, traceContext?: MediaTraceContext) => CaptionFailedEventPayload;
+export declare const createCaptionDisplayFailedEventPayload: (type: CustomMediaPlayerType, failReason: WithErrorAttributes["failReason"], captionAttributes: CaptionAttributes, fileId: string, error: Error, traceContext?: MediaTraceContext) => CaptionFailedEventPayload;
 export declare const createCaptionUploadSucceededEventPayload: (type: CustomMediaPlayerType, captionAttributes: CaptionAttributes, fileId: string, traceContext: MediaTraceContext) => CaptionSucceededEventPayload;
 export declare const createCaptionDeleteSucceededEventPayload: (type: CustomMediaPlayerType, captionAttributes: CaptionAttributes, fileId: string, traceContext: MediaTraceContext) => CaptionSucceededEventPayload;
 export declare const createCaptionDisplaySucceededEventPayload: (type: CustomMediaPlayerType, captionAttributes: CaptionAttributes, fileId: string, traceContext?: MediaTraceContext) => CaptionSucceededEventPayload;

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

@@ -6,4 +6,4 @@ export declare const popupSelectComponents: PopupSelect['props']['components'];
 export declare const createPopupSelectComponentsWithIcon: (IconComponent: React.ComponentType<{
     label: string;
     value: string;
-}>) => PopupSelect['props']['components'];
+}>) => PopupSelect["props"]["components"];

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

@@ -1,3 +1,3 @@
 import type { MediaClient, FileIdentifier } from '@atlaskit/media-client';
 import type { ArtifactUploaderProps } from '../types';
-export declare const createUploadCaptionsFn: (mediaClient: MediaClient, identifier: FileIdentifier, onStart?: ArtifactUploaderProps['onStart'], onEnd?: ArtifactUploaderProps['onEnd'], onError?: ArtifactUploaderProps['onError']) => (file: File, locale: string) => Promise<void>;
+export declare const createUploadCaptionsFn: (mediaClient: MediaClient, identifier: FileIdentifier, onStart?: ArtifactUploaderProps["onStart"], onEnd?: ArtifactUploaderProps["onEnd"], onError?: ArtifactUploaderProps["onError"]) => (file: File, locale: string) => Promise<void>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type MediaFeatureFlags, type NumericalCardDimensions } from '@atlaskit/media-common';
 import { type VideoTextTracks } from '../react-video-renderer';
 import { type WithPlaybackProps } from '../analytics';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type FileState } from '@atlaskit/media-state';
 import { type VideoTextTracks } from '../react-video-renderer';
 import { type CustomMediaPlayerType } from '../types';

package/dist/types/customMediaPlayer/playPauseBlanket-emotion.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const PlayPauseBlanket: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,69 +1,68 @@
-/// <reference types="react" />
 import { type MutedIndicatorProps, type VolumeWrapperProps } from './styled-compiled';
 export interface CurrentTimeTooltipProps {
     isDragging: boolean;
 }
 export declare const VolumeWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & VolumeWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CurrentTime: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 interface WithAsActiveProps {
     showAsActive: boolean;
 }
 export declare const TimeLine: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CurrentTimeLine: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Thumb: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CurrentTimeLineThumb: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BufferedTime: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LeftControls: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const RightControls: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ControlsWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const VolumeToggleWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & MutedIndicatorProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const VolumeTimeRangeWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MutedIndicator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & MutedIndicatorProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CurrentTimeTooltip: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & CurrentTimeTooltipProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TimeRangeWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & WithAsActiveProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/dist/types/ellipsify-compiled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface EllipsifyProps {
     text?: string;
     lines: number;

package/dist/types/ellipsify-emotion.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type EllipsifyProps } from './ellipsify-compiled';
 export interface WrapperProps {
     inline?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ContentWrapperProps {
     controlsAreVisible: boolean;
 }

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type ContentWrapperProps } from './styled-compiled';
 export declare const InactivityDetectorWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & ContentWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/media-type-icon-emotion.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { type FileIconProps } from './media-type-icon-compiled';
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    size: Required<FileIconProps['size']>;
+    size: Required<FileIconProps["size"]>;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare class MediaTypeIcon extends React.Component<FileIconProps, {}> {
     static defaultProps: FileIconProps;

package/dist/types/mime-type-icon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type MediaType } from '@atlaskit/media-common';
 type MediaTypeProps = {
     testId?: string;

package/dist/types/modalSpinner-compiled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     blankedColor?: string;
     invertSpinnerColor?: boolean;

package/dist/types/modalSpinner-emotion.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 export declare const Blanket: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SpinnerWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 interface Props {
     blankedColor?: string;

package/dist/types/test-helpers/fileReader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="jest" />
 declare class MockFileReader {
     loadEvent: () => void;
     errorEvent: (_: {}) => void;

package/dist/types/test-helpers/mountWithIntlContext.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type ReactWrapper, type ShallowWrapper } from 'enzyme';
-import { type ReactElement } from 'react';
-export declare const mountWithIntlContext: <P, S, C extends React.Component<P, S, any> = React.Component<P, S, any>>(node: ReactElement<P & WrappedComponentProps>, { context, childContextTypes, ...additionalOptions }?: {
+import { type Component, type ReactElement } from 'react';
+export declare const mountWithIntlContext: <P, S, C extends Component<P, S> = Component<P, S>>(node: ReactElement<P & WrappedComponentProps>, { context, childContextTypes, ...additionalOptions }?: {
     context?: {} | undefined;
     childContextTypes?: {} | undefined;
 }) => ReactWrapper<P & WrappedComponentProps, S, C>;
-export declare const shallowWithIntlContext: <P, S, C extends React.Component<P, S, any> = React.Component<P, S, any>>(node: ReactElement<P & WrappedComponentProps>, { context, ...additionalOptions }?: {
+export declare const shallowWithIntlContext: <P, S, C extends Component<P, S> = Component<P, S>>(node: ReactElement<P & WrappedComponentProps>, { context, ...additionalOptions }?: {
     context?: {} | undefined;
 }) => ShallowWrapper<P & WrappedComponentProps, S, C>;
 export declare const mountWithIntlWrapper: (node: React.ReactElement) => ReactWrapper;

package/dist/types/truncateText-emotion.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { type TruncateStyledProps, type TruncateProps } from './truncateText-compiled';
 export declare const TruncateLeft: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & TruncateStyledProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const TruncateRight: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & TruncateStyledProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const Truncate: React.FC<TruncateProps>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface WrapperProps {
     isSelected?: boolean;
     isError?: boolean;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type WrapperProps } from './styled-compiled';
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const Icon: ({ alt, ...props }: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => JSX.Element;
 export declare const AKIconWrapper: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => JSX.Element;

package/dist/types-ts4.5/MediaInlineCard/Icon-emotion.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const Icon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const AKIconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const IconWrapper: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => JSX.Element;
 export declare const EmojiWrapper: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => JSX.Element;
 export declare const IconTitleWrapper: ({ children, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => JSX.Element;