@atlaskit/media-ui 22.2.2 → 22.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/customMediaPlayer/index.js +1 -1
- package/dist/cjs/mixins.js +2 -2
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/customMediaPlayer/index.js +1 -1
- package/dist/es2019/mixins.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/customMediaPlayer/index.js +1 -1
- package/dist/esm/mixins.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/MediaInlineCard/Frame/styled.d.ts +4 -1
- package/dist/types/MediaInlineCard/Icon.d.ts +8 -2
- package/dist/types/MediaInlineCard/IconAndTitleLayout/styled.d.ts +36 -9
- package/dist/types/MediaInlineCard/LoadingView/styled.d.ts +6 -11
- package/dist/types/MediaInlineCard/styled.d.ts +4 -1
- package/dist/types/customMediaPlayer/playPauseBlanket.d.ts +4 -1
- package/dist/types/customMediaPlayer/styled.d.ts +76 -19
- package/dist/types/ellipsify.d.ts +1 -0
- package/dist/types/inactivityDetector/styled.d.ts +4 -1
- package/dist/types/media-type-icon.d.ts +5 -2
- package/dist/types/modalSpinner.d.ts +8 -2
- package/dist/types/truncateText.d.ts +8 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -96,7 +96,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
96
96
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
97
97
|
|
|
98
98
|
var packageName = "@atlaskit/media-ui";
|
|
99
|
-
var packageVersion = "22.2.
|
|
99
|
+
var packageVersion = "22.2.3";
|
|
100
100
|
var MEDIUM_VIDEO_MAX_WIDTH = 400;
|
|
101
101
|
var SMALL_VIDEO_MAX_WIDTH = 160;
|
|
102
102
|
var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
|
package/dist/cjs/mixins.js
CHANGED
|
@@ -9,7 +9,7 @@ exports.size = exports.fadeIn = exports.ellipsis = exports.easeInOutCubic = expo
|
|
|
9
9
|
|
|
10
10
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _react = require("@emotion/react");
|
|
13
13
|
|
|
14
14
|
var _constants = require("@atlaskit/theme/constants");
|
|
15
15
|
|
|
@@ -46,6 +46,6 @@ var borderRadiusBottom = "\n border-bottom-left-radius: ".concat((0, _constants
|
|
|
46
46
|
exports.borderRadiusBottom = borderRadiusBottom;
|
|
47
47
|
var easeInOutCubic = 'cubic-bezier(0.645, 0.045, 0.355, 1)';
|
|
48
48
|
exports.easeInOutCubic = easeInOutCubic;
|
|
49
|
-
var fadeInKeyframe = (0,
|
|
49
|
+
var fadeInKeyframe = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n 0%{\n opacity: 0;\n }\n\n 100%{\n opacity: 1;\n }\n"])));
|
|
50
50
|
var fadeIn = "\n animation: ".concat(fadeInKeyframe, " .3s ").concat(easeInOutCubic, ";\n");
|
|
51
51
|
exports.fadeIn = fadeIn;
|
package/dist/cjs/version.json
CHANGED
|
@@ -35,7 +35,7 @@ import Tooltip from '@atlaskit/tooltip';
|
|
|
35
35
|
import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
|
|
36
36
|
import { getControlsWrapperClassName } from './getControlsWrapperClassName';
|
|
37
37
|
const packageName = "@atlaskit/media-ui";
|
|
38
|
-
const packageVersion = "22.2.
|
|
38
|
+
const packageVersion = "22.2.3";
|
|
39
39
|
const MEDIUM_VIDEO_MAX_WIDTH = 400;
|
|
40
40
|
const SMALL_VIDEO_MAX_WIDTH = 160;
|
|
41
41
|
const MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
|
package/dist/es2019/mixins.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { keyframes } from '@emotion/
|
|
1
|
+
import { keyframes } from '@emotion/react';
|
|
2
2
|
import { borderRadius as akBorderRadius } from '@atlaskit/theme/constants';
|
|
3
3
|
export const ellipsis = (maxWidth = '100%') => {
|
|
4
4
|
const unit = typeof maxWidth === 'number' ? 'px' : '';
|
package/dist/es2019/version.json
CHANGED
|
@@ -49,7 +49,7 @@ import Tooltip from '@atlaskit/tooltip';
|
|
|
49
49
|
import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
|
|
50
50
|
import { getControlsWrapperClassName } from './getControlsWrapperClassName';
|
|
51
51
|
var packageName = "@atlaskit/media-ui";
|
|
52
|
-
var packageVersion = "22.2.
|
|
52
|
+
var packageVersion = "22.2.3";
|
|
53
53
|
var MEDIUM_VIDEO_MAX_WIDTH = 400;
|
|
54
54
|
var SMALL_VIDEO_MAX_WIDTH = 160;
|
|
55
55
|
var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
|
package/dist/esm/mixins.js
CHANGED
|
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
|
2
2
|
|
|
3
3
|
var _templateObject;
|
|
4
4
|
|
|
5
|
-
import { keyframes } from '@emotion/
|
|
5
|
+
import { keyframes } from '@emotion/react';
|
|
6
6
|
import { borderRadius as akBorderRadius } from '@atlaskit/theme/constants';
|
|
7
7
|
export var ellipsis = function ellipsis() {
|
|
8
8
|
var maxWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
|
package/dist/esm/version.json
CHANGED
|
@@ -2,4 +2,7 @@
|
|
|
2
2
|
export interface WrapperProps {
|
|
3
3
|
isSelected?: boolean;
|
|
4
4
|
}
|
|
5
|
-
export declare const Wrapper: import("@emotion/styled
|
|
5
|
+
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
as?: import("react").ElementType<any> | undefined;
|
|
8
|
+
} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Icon: import("@emotion/styled
|
|
3
|
-
|
|
2
|
+
export declare const Icon: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
6
|
+
export declare const AKIconWrapper: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,12 +1,39 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
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";
|
|
3
3
|
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";
|
|
4
|
-
export declare const IconWrapper: import("@emotion/styled
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export declare const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
export declare const
|
|
4
|
+
export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
8
|
+
export declare const EmojiWrapper: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
12
|
+
export declare const IconTitleWrapper: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
16
|
+
export declare const LozengeWrapper: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
18
|
+
as?: import("react").ElementType<any> | undefined;
|
|
19
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
20
|
+
export declare const LozengeBlockWrapper: import("@emotion/styled").StyledComponent<{
|
|
21
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
22
|
+
as?: import("react").ElementType<any> | undefined;
|
|
23
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
24
|
+
export declare const RightIconPositionWrapper: import("@emotion/styled").StyledComponent<{
|
|
25
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
26
|
+
as?: import("react").ElementType<any> | undefined;
|
|
27
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
28
|
+
export declare const IconPositionWrapper: import("@emotion/styled").StyledComponent<{
|
|
29
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
30
|
+
as?: import("react").ElementType<any> | undefined;
|
|
31
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
32
|
+
export declare const IconEmptyWrapper: import("@emotion/styled").StyledComponent<{
|
|
33
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
34
|
+
as?: import("react").ElementType<any> | undefined;
|
|
35
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
36
|
+
export declare const TitleWrapper: import("@emotion/styled").StyledComponent<{
|
|
37
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
38
|
+
as?: import("react").ElementType<any> | undefined;
|
|
39
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,14 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const SpinnerWrapper: import("@emotion/styled
|
|
3
|
-
theme?:
|
|
4
|
-
|
|
2
|
+
export declare const SpinnerWrapper: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
|
|
5
6
|
children?: import("react").ReactNode;
|
|
6
|
-
}, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme"> & {
|
|
7
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
8
|
-
}, Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
|
|
9
|
-
theme?: object | undefined;
|
|
10
7
|
} & {
|
|
11
|
-
|
|
12
|
-
},
|
|
13
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
14
|
-
}, keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme">, object>;
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
}, {}, {}>;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const NoLinkAppearance: import("@emotion/styled
|
|
2
|
+
export declare const NoLinkAppearance: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const PlayPauseBlanket: import("@emotion/styled
|
|
2
|
+
export declare const PlayPauseBlanket: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -2,32 +2,89 @@
|
|
|
2
2
|
export interface MutedIndicatorProps {
|
|
3
3
|
isMuted: boolean;
|
|
4
4
|
}
|
|
5
|
-
export declare const CustomVideoWrapper: import("@emotion/styled
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
export declare const CustomVideoWrapper: import("@emotion/styled").StyledComponent<{
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
as?: import("react").ElementType<any> | undefined;
|
|
8
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
|
+
export declare const VideoWrapper: import("@emotion/styled").StyledComponent<{
|
|
10
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
+
as?: import("react").ElementType<any> | undefined;
|
|
12
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
13
|
+
export declare const TimebarWrapper: import("@emotion/styled").StyledComponent<{
|
|
14
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
15
|
+
as?: import("react").ElementType<any> | undefined;
|
|
16
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
17
|
declare type VolumeWrapperProps = {
|
|
9
18
|
showSlider: boolean;
|
|
10
19
|
};
|
|
11
|
-
export declare const VolumeWrapper: import("@emotion/styled
|
|
12
|
-
|
|
13
|
-
|
|
20
|
+
export declare const VolumeWrapper: import("@emotion/styled").StyledComponent<{
|
|
21
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
22
|
+
as?: import("react").ElementType<any> | undefined;
|
|
23
|
+
} & VolumeWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
24
|
+
export declare const TimeWrapper: import("@emotion/styled").StyledComponent<{
|
|
25
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
26
|
+
as?: import("react").ElementType<any> | undefined;
|
|
27
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
28
|
+
export declare const CurrentTime: import("@emotion/styled").StyledComponent<{
|
|
29
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
30
|
+
as?: import("react").ElementType<any> | undefined;
|
|
31
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
32
|
interface WithAsActiveProps {
|
|
15
33
|
showAsActive: boolean;
|
|
16
34
|
}
|
|
17
|
-
export declare const TimeLine: import("@emotion/styled
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
export declare const
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
export declare const
|
|
26
|
-
|
|
35
|
+
export declare const TimeLine: import("@emotion/styled").StyledComponent<{
|
|
36
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
37
|
+
as?: import("react").ElementType<any> | undefined;
|
|
38
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
39
|
+
export declare const CurrentTimeLine: import("@emotion/styled").StyledComponent<{
|
|
40
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
41
|
+
as?: import("react").ElementType<any> | undefined;
|
|
42
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
43
|
+
export declare const Thumb: import("@emotion/styled").StyledComponent<{
|
|
44
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
45
|
+
as?: import("react").ElementType<any> | undefined;
|
|
46
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
47
|
+
export declare const BufferedTime: import("@emotion/styled").StyledComponent<{
|
|
48
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
49
|
+
as?: import("react").ElementType<any> | undefined;
|
|
50
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
51
|
+
export declare const LeftControls: import("@emotion/styled").StyledComponent<{
|
|
52
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
53
|
+
as?: import("react").ElementType<any> | undefined;
|
|
54
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
55
|
+
export declare const RightControls: import("@emotion/styled").StyledComponent<{
|
|
56
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
57
|
+
as?: import("react").ElementType<any> | undefined;
|
|
58
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
59
|
+
export declare const ControlsWrapper: import("@emotion/styled").StyledComponent<{
|
|
60
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
61
|
+
as?: import("react").ElementType<any> | undefined;
|
|
62
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
63
|
+
export declare const VolumeToggleWrapper: import("@emotion/styled").StyledComponent<{
|
|
64
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
65
|
+
as?: import("react").ElementType<any> | undefined;
|
|
66
|
+
} & MutedIndicatorProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
67
|
+
export declare const VolumeTimeRangeWrapper: import("@emotion/styled").StyledComponent<{
|
|
68
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
69
|
+
as?: import("react").ElementType<any> | undefined;
|
|
70
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
71
|
+
export declare const MutedIndicator: import("@emotion/styled").StyledComponent<{
|
|
72
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
73
|
+
as?: import("react").ElementType<any> | undefined;
|
|
74
|
+
} & MutedIndicatorProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
27
75
|
export interface CurrentTimeTooltipProps {
|
|
28
76
|
isDragging: boolean;
|
|
29
77
|
}
|
|
30
|
-
export declare const CurrentTimeTooltip: import("@emotion/styled
|
|
31
|
-
|
|
32
|
-
|
|
78
|
+
export declare const CurrentTimeTooltip: import("@emotion/styled").StyledComponent<{
|
|
79
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
80
|
+
as?: import("react").ElementType<any> | undefined;
|
|
81
|
+
} & CurrentTimeTooltipProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
82
|
+
export declare const TimeRangeWrapper: import("@emotion/styled").StyledComponent<{
|
|
83
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
84
|
+
as?: import("react").ElementType<any> | undefined;
|
|
85
|
+
} & WithAsActiveProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
86
|
+
export declare const SpinnerWrapper: import("@emotion/styled").StyledComponent<{
|
|
87
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
88
|
+
as?: import("react").ElementType<any> | undefined;
|
|
89
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
33
90
|
export {};
|
|
@@ -2,4 +2,7 @@
|
|
|
2
2
|
export interface ContentWrapperProps {
|
|
3
3
|
controlsAreVisible: boolean;
|
|
4
4
|
}
|
|
5
|
-
export declare const InactivityDetectorWrapper: import("@emotion/styled
|
|
5
|
+
export declare const InactivityDetectorWrapper: import("@emotion/styled").StyledComponent<{
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
as?: import("react").ElementType<any> | undefined;
|
|
8
|
+
} & ContentWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -9,9 +9,12 @@ export interface FileIconProps {
|
|
|
9
9
|
size?: 'small' | 'large';
|
|
10
10
|
className?: string;
|
|
11
11
|
}
|
|
12
|
-
export declare const IconWrapper: import("@emotion/styled
|
|
12
|
+
export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
+
as?: React.ElementType<any> | undefined;
|
|
15
|
+
} & {
|
|
13
16
|
size: Required<FileIconProps['size']>;
|
|
14
|
-
},
|
|
17
|
+
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
15
18
|
export declare class MediaTypeIcon extends React.Component<FileIconProps, {}> {
|
|
16
19
|
static defaultProps: FileIconProps;
|
|
17
20
|
render(): JSX.Element;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const Blanket: import("@emotion/styled
|
|
3
|
-
|
|
2
|
+
export declare const Blanket: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: React.ElementType<any> | undefined;
|
|
5
|
+
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const SpinnerWrapper: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
as?: React.ElementType<any> | undefined;
|
|
9
|
+
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
4
10
|
interface Props {
|
|
5
11
|
blankedColor?: string;
|
|
6
12
|
invertSpinnerColor?: boolean;
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
declare type TruncateStyledProps = Omit<Required<TruncateProps>, 'text'>;
|
|
3
|
-
export declare const TruncateLeft: import("@emotion/styled
|
|
4
|
-
|
|
3
|
+
export declare const TruncateLeft: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: React.ElementType<any> | undefined;
|
|
6
|
+
} & TruncateStyledProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
7
|
+
export declare const TruncateRight: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: React.ElementType<any> | undefined;
|
|
10
|
+
} & TruncateStyledProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
5
11
|
export declare type TruncateProps = {
|
|
6
12
|
text: string;
|
|
7
13
|
fontSizePX?: number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-ui",
|
|
3
|
-
"version": "22.2.
|
|
3
|
+
"version": "22.2.3",
|
|
4
4
|
"description": "Includes common components and utilities used by other media packages",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -53,8 +53,8 @@
|
|
|
53
53
|
"@atlaskit/tooltip": "^17.6.0",
|
|
54
54
|
"@atlaskit/width-detector": "^4.0.0",
|
|
55
55
|
"@babel/runtime": "^7.0.0",
|
|
56
|
-
"@emotion/
|
|
57
|
-
"@emotion/styled": "^
|
|
56
|
+
"@emotion/react": "^11.7.1",
|
|
57
|
+
"@emotion/styled": "^11.0.0",
|
|
58
58
|
"blueimp-load-image": "2.19.0",
|
|
59
59
|
"bytes": "^3.1.0",
|
|
60
60
|
"exenv": "^1.2.2",
|