@atlaskit/media-card 79.16.15 → 79.16.16
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/card/card.js +1 -1
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/card/ui/openMediaViewerButton/openMediaViewerButton.js +3 -2
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/card/ui/openMediaViewerButton/openMediaViewerButton.js +3 -2
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/card/ui/openMediaViewerButton/openMediaViewerButton.js +3 -2
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/dist/types/card/inlinePlayerLazy.d.ts +3 -1
- package/dist/types/card/inlinePlayerWrapperStyles.d.ts +2 -1
- package/dist/types/card/ui/actionsBar/cardActions/cardActionButton-compiled.d.ts +6 -1
- package/dist/types/card/ui/actionsBar/cardActions/styles.d.ts +2 -1
- package/dist/types/card/ui/actionsBar/styles.d.ts +2 -1
- package/dist/types/card/ui/blanket/styles.d.ts +2 -1
- package/dist/types/card/ui/iconWrapper/styles.d.ts +2 -1
- package/dist/types/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts +3 -3
- package/dist/types/card/ui/playButton/styles.d.ts +4 -3
- package/dist/types/card/ui/progressBar/styles.d.ts +2 -1
- package/dist/types/card/ui/titleBox/styles.d.ts +7 -6
- package/dist/types/card/ui/titleBox/titleBox.d.ts +2 -2
- package/dist/types/card/ui/wrapper/styles.d.ts +2 -1
- package/dist/types/dateOverrideContext.d.ts +2 -1
- package/dist/types/utils/analytics/analytics.d.ts +2 -2
- package/dist/types/utils/lightCards/errorIcon/styles.d.ts +2 -1
- package/dist/types/utils/lightCards/styles.d.ts +2 -1
- package/dist/types-ts4.5/card/inlinePlayerLazy.d.ts +3 -1
- package/dist/types-ts4.5/card/inlinePlayerWrapperStyles.d.ts +2 -1
- package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionButton-compiled.d.ts +6 -1
- package/dist/types-ts4.5/card/ui/actionsBar/cardActions/styles.d.ts +2 -1
- package/dist/types-ts4.5/card/ui/actionsBar/styles.d.ts +2 -1
- package/dist/types-ts4.5/card/ui/blanket/styles.d.ts +2 -1
- package/dist/types-ts4.5/card/ui/iconWrapper/styles.d.ts +2 -1
- package/dist/types-ts4.5/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts +3 -3
- package/dist/types-ts4.5/card/ui/playButton/styles.d.ts +4 -3
- package/dist/types-ts4.5/card/ui/progressBar/styles.d.ts +2 -1
- package/dist/types-ts4.5/card/ui/titleBox/styles.d.ts +7 -6
- package/dist/types-ts4.5/card/ui/titleBox/titleBox.d.ts +2 -2
- package/dist/types-ts4.5/card/ui/wrapper/styles.d.ts +2 -1
- package/dist/types-ts4.5/dateOverrideContext.d.ts +2 -1
- package/dist/types-ts4.5/utils/analytics/analytics.d.ts +2 -2
- package/dist/types-ts4.5/utils/lightCards/errorIcon/styles.d.ts +2 -1
- package/dist/types-ts4.5/utils/lightCards/styles.d.ts +2 -1
- package/example-helpers/index.tsx +7 -4
- package/example-helpers/styles.ts +17 -17
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
package/dist/cjs/card/card.js
CHANGED
|
@@ -20,7 +20,7 @@ var _label = _interopRequireDefault(require("@atlaskit/react-ufo/label"));
|
|
|
20
20
|
var _excluded = ["identifier"];
|
|
21
21
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
22
22
|
var packageName = "@atlaskit/media-card";
|
|
23
|
-
var packageVersion = "
|
|
23
|
+
var packageVersion = "0.0.0-development";
|
|
24
24
|
var CardBase = exports.CardBase = function CardBase(_ref) {
|
|
25
25
|
var identifier = _ref.identifier,
|
|
26
26
|
otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
87
87
|
}(_react.default.Component);
|
|
88
88
|
(0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
89
89
|
var packageName = "@atlaskit/media-card";
|
|
90
|
-
var packageVersion = "
|
|
90
|
+
var packageVersion = "0.0.0-development";
|
|
91
91
|
|
|
92
92
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
93
93
|
var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
@@ -29,6 +29,7 @@ var OpenMediaViewerButtonWrapper = function OpenMediaViewerButtonWrapper(props)
|
|
|
29
29
|
locale: "en"
|
|
30
30
|
}, /*#__PURE__*/_react.default.createElement(OpenMediaViewerButton, props));
|
|
31
31
|
};
|
|
32
|
-
var
|
|
32
|
+
var _default_1 = (0, _reactIntlNext.injectIntl)(OpenMediaViewerButtonWrapper, {
|
|
33
33
|
enforceContext: false
|
|
34
|
-
});
|
|
34
|
+
});
|
|
35
|
+
var _default = exports.default = _default_1;
|
|
@@ -116,7 +116,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
|
|
|
116
116
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
117
117
|
var analyticsContext = {
|
|
118
118
|
packageVersion: "@atlaskit/media-card",
|
|
119
|
-
packageName: "
|
|
119
|
+
packageName: "0.0.0-development",
|
|
120
120
|
componentName: 'mediaInlineCard',
|
|
121
121
|
component: 'mediaInlineCard'
|
|
122
122
|
};
|
|
@@ -19,7 +19,7 @@ var _globalScope = require("./globalScope/globalScope");
|
|
|
19
19
|
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; }
|
|
20
20
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
21
|
var packageName = "@atlaskit/media-card";
|
|
22
|
-
var packageVersion = "
|
|
22
|
+
var packageVersion = "0.0.0-development";
|
|
23
23
|
var SAMPLE_RATE = 0.05;
|
|
24
24
|
|
|
25
25
|
/**
|
package/dist/es2019/card/card.js
CHANGED
|
@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
|
|
|
9
9
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
10
10
|
import UFOLabel from '@atlaskit/react-ufo/label';
|
|
11
11
|
const packageName = "@atlaskit/media-card";
|
|
12
|
-
const packageVersion = "
|
|
12
|
+
const packageVersion = "0.0.0-development";
|
|
13
13
|
export const CardBase = ({
|
|
14
14
|
identifier,
|
|
15
15
|
...otherProps
|
|
@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
|
|
|
66
66
|
}
|
|
67
67
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
68
68
|
const packageName = "@atlaskit/media-card";
|
|
69
|
-
const packageVersion = "
|
|
69
|
+
const packageVersion = "0.0.0-development";
|
|
70
70
|
|
|
71
71
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
72
72
|
const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -21,6 +21,7 @@ const OpenMediaViewerButtonWrapper = props => {
|
|
|
21
21
|
locale: "en"
|
|
22
22
|
}, /*#__PURE__*/React.createElement(OpenMediaViewerButton, props));
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
const _default_1 = injectIntl(OpenMediaViewerButtonWrapper, {
|
|
25
25
|
enforceContext: false
|
|
26
|
-
});
|
|
26
|
+
});
|
|
27
|
+
export default _default_1;
|
|
@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
|
|
|
37
37
|
} = this.state;
|
|
38
38
|
const analyticsContext = {
|
|
39
39
|
packageVersion: "@atlaskit/media-card",
|
|
40
|
-
packageName: "
|
|
40
|
+
packageName: "0.0.0-development",
|
|
41
41
|
componentName: 'mediaInlineCard',
|
|
42
42
|
component: 'mediaInlineCard'
|
|
43
43
|
};
|
|
@@ -9,7 +9,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
|
9
9
|
import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
|
|
10
10
|
import { getMediaGlobalScope } from './globalScope/globalScope';
|
|
11
11
|
const packageName = "@atlaskit/media-card";
|
|
12
|
-
const packageVersion = "
|
|
12
|
+
const packageVersion = "0.0.0-development";
|
|
13
13
|
const SAMPLE_RATE = 0.05;
|
|
14
14
|
|
|
15
15
|
/**
|
package/dist/esm/card/card.js
CHANGED
|
@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
|
|
|
11
11
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
12
12
|
import UFOLabel from '@atlaskit/react-ufo/label';
|
|
13
13
|
var packageName = "@atlaskit/media-card";
|
|
14
|
-
var packageVersion = "
|
|
14
|
+
var packageVersion = "0.0.0-development";
|
|
15
15
|
export var CardBase = function CardBase(_ref) {
|
|
16
16
|
var identifier = _ref.identifier,
|
|
17
17
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
80
80
|
}(React.Component);
|
|
81
81
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
82
82
|
var packageName = "@atlaskit/media-card";
|
|
83
|
-
var packageVersion = "
|
|
83
|
+
var packageVersion = "0.0.0-development";
|
|
84
84
|
|
|
85
85
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
86
86
|
var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
@@ -22,6 +22,7 @@ var OpenMediaViewerButtonWrapper = function OpenMediaViewerButtonWrapper(props)
|
|
|
22
22
|
locale: "en"
|
|
23
23
|
}, /*#__PURE__*/React.createElement(OpenMediaViewerButton, props));
|
|
24
24
|
};
|
|
25
|
-
|
|
25
|
+
var _default_1 = injectIntl(OpenMediaViewerButtonWrapper, {
|
|
26
26
|
enforceContext: false
|
|
27
|
-
});
|
|
27
|
+
});
|
|
28
|
+
export default _default_1;
|
|
@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
101
101
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
102
102
|
var analyticsContext = {
|
|
103
103
|
packageVersion: "@atlaskit/media-card",
|
|
104
|
-
packageName: "
|
|
104
|
+
packageName: "0.0.0-development",
|
|
105
105
|
componentName: 'mediaInlineCard',
|
|
106
106
|
component: 'mediaInlineCard'
|
|
107
107
|
};
|
|
@@ -13,7 +13,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
|
13
13
|
import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
|
|
14
14
|
import { getMediaGlobalScope } from './globalScope/globalScope';
|
|
15
15
|
var packageName = "@atlaskit/media-card";
|
|
16
|
-
var packageVersion = "
|
|
16
|
+
var packageVersion = "0.0.0-development";
|
|
17
17
|
var SAMPLE_RATE = 0.05;
|
|
18
18
|
|
|
19
19
|
/**
|
|
@@ -1 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { type ForwardRefExoticComponent, type LazyExoticComponent, type RefAttributes } from 'react';
|
|
2
|
+
import type { InlinePlayerProps } from './inlinePlayer';
|
|
3
|
+
export declare const InlinePlayerLazy: LazyExoticComponent<ForwardRefExoticComponent<Omit<InlinePlayerProps, "ref"> & RefAttributes<HTMLDivElement>>>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { type InlinePlayerWrapperProps } from './types';
|
|
2
3
|
export declare const inlinePlayerClassName = "media-card-inline-player";
|
|
3
4
|
export declare const inlinePlayerWrapperStyles: {
|
|
4
|
-
({ dimensions, selected, }: InlinePlayerWrapperProps):
|
|
5
|
+
({ dimensions, selected, }: InlinePlayerWrapperProps): SerializedStyles;
|
|
5
6
|
displayName: string;
|
|
6
7
|
};
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
|
|
1
6
|
import { type CardActionButtonOwnProps } from './styles';
|
|
2
|
-
export declare const CardActionButton:
|
|
7
|
+
export declare const CardActionButton: ForwardRefExoticComponent<CardActionButtonOwnProps & RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { type MouseEvent, type HTMLAttributes } from 'react';
|
|
2
3
|
import type React from 'react';
|
|
3
4
|
import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
@@ -17,4 +18,4 @@ export type CardActionButtonOwnProps = {
|
|
|
17
18
|
children?: React.ReactNode;
|
|
18
19
|
};
|
|
19
20
|
export type CardActionButtonProps = CardActionButtonOwnProps & HTMLAttributes<HTMLButtonElement>;
|
|
20
|
-
export declare const cardActionButtonStyles: ({ variant }: CardActionButtonProps) =>
|
|
21
|
+
export declare const cardActionButtonStyles: ({ variant }: CardActionButtonProps) => SerializedStyles;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
export declare const actionsBarClassName = "media-card-actions-bar";
|
|
2
3
|
export declare const fixedActionBarStyles = "opacity: 1;";
|
|
3
4
|
export declare const wrapperStyles: {
|
|
4
|
-
(isFixed?: boolean):
|
|
5
|
+
(isFixed?: boolean): SerializedStyles;
|
|
5
6
|
displayName: string;
|
|
6
7
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
export declare const blanketClassName = "media-card-blanket";
|
|
2
3
|
export declare const fixedBlanketStyles: string;
|
|
3
4
|
export declare const blanketStyles: {
|
|
4
|
-
(isFixed?: boolean):
|
|
5
|
+
(isFixed?: boolean): SerializedStyles;
|
|
5
6
|
displayName: string;
|
|
6
7
|
};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { type Breakpoint } from '../common';
|
|
2
3
|
import { type IconWrapperProps } from './types';
|
|
3
4
|
export declare function titleBoxHeight(hasTitleBox: boolean, breakpoint: Breakpoint): string;
|
|
4
5
|
export declare const iconWrapperStyles: {
|
|
5
|
-
({ hasTitleBox, breakpoint }: IconWrapperProps):
|
|
6
|
+
({ hasTitleBox, breakpoint }: IconWrapperProps): SerializedStyles;
|
|
6
7
|
displayName: string;
|
|
7
8
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
3
|
-
declare const
|
|
2
|
+
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
|
|
3
|
+
declare const _default_1: React.FC<WithIntlProps<{
|
|
4
4
|
fileName: string;
|
|
5
5
|
innerRef: React.Ref<HTMLButtonElement>;
|
|
6
6
|
} & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps>> & {
|
|
@@ -9,4 +9,4 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
|
|
|
9
9
|
innerRef: React.Ref<HTMLButtonElement>;
|
|
10
10
|
} & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps>;
|
|
11
11
|
};
|
|
12
|
-
export default
|
|
12
|
+
export default _default_1;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
export declare const playButtonClassName = "media-card-play-button";
|
|
2
3
|
export declare const bkgClassName = "play-icon-background";
|
|
3
|
-
export declare const fixedPlayButtonStyles
|
|
4
|
-
export declare const playButtonWrapperStyles:
|
|
5
|
-
export declare const backgroundStyles:
|
|
4
|
+
export declare const fixedPlayButtonStyles: "\n .play-icon-background {\n width: 56px;\n height: 56px;\n }\n";
|
|
5
|
+
export declare const playButtonWrapperStyles: SerializedStyles;
|
|
6
|
+
export declare const backgroundStyles: SerializedStyles;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { Breakpoint } from '../common';
|
|
2
3
|
import { type StyledBarProps } from './types';
|
|
3
4
|
export declare function generateResponsiveStyles(breakpoint: Breakpoint, positionBottom: boolean, showOnTop: boolean, multiplier?: number): string;
|
|
4
5
|
export declare const styledBarStyles: {
|
|
5
|
-
(props: StyledBarProps):
|
|
6
|
+
(props: StyledBarProps): SerializedStyles;
|
|
6
7
|
displayName: string;
|
|
7
8
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { Breakpoint } from '../common';
|
|
2
3
|
import { type TitleBoxFooterProps, type TitleBoxHeaderProps } from './types';
|
|
3
4
|
type TitleBoxWrapperStyleArgs = {
|
|
@@ -6,18 +7,18 @@ type TitleBoxWrapperStyleArgs = {
|
|
|
6
7
|
display?: 'none' | 'flex';
|
|
7
8
|
};
|
|
8
9
|
export declare const titleBoxWrapperStyles: {
|
|
9
|
-
({ breakpoint, display }: TitleBoxWrapperStyleArgs):
|
|
10
|
+
({ breakpoint, display }: TitleBoxWrapperStyleArgs): SerializedStyles;
|
|
10
11
|
displayName: string;
|
|
11
12
|
};
|
|
12
13
|
export declare const titleBoxHeaderStyles: {
|
|
13
|
-
({ hasIconOverlap }: TitleBoxHeaderProps):
|
|
14
|
+
({ hasIconOverlap }: TitleBoxHeaderProps): SerializedStyles;
|
|
14
15
|
displayName: string;
|
|
15
16
|
};
|
|
16
17
|
export declare const titleBoxFooterStyles: {
|
|
17
|
-
({ hasIconOverlap }: TitleBoxFooterProps):
|
|
18
|
+
({ hasIconOverlap }: TitleBoxFooterProps): SerializedStyles;
|
|
18
19
|
displayName: string;
|
|
19
20
|
};
|
|
20
|
-
export declare const titleBoxIconStyles:
|
|
21
|
-
export declare const newTitleBoxIconStyles:
|
|
22
|
-
export declare const errorMessageWrapperStyles:
|
|
21
|
+
export declare const titleBoxIconStyles: SerializedStyles;
|
|
22
|
+
export declare const newTitleBoxIconStyles: SerializedStyles;
|
|
23
|
+
export declare const errorMessageWrapperStyles: SerializedStyles;
|
|
23
24
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
2
|
+
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
|
|
3
3
|
import { type TitleBoxProps } from './types';
|
|
4
|
-
export declare const TitleBox: React.FC<
|
|
4
|
+
export declare const TitleBox: React.FC<WithIntlProps<TitleBoxProps & WrappedComponentProps>> & {
|
|
5
5
|
WrappedComponent: React.ComponentType<TitleBoxProps & WrappedComponentProps>;
|
|
6
6
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { type WrapperProps } from './types';
|
|
2
3
|
export declare const wrapperStyles: {
|
|
3
|
-
({ breakpoint, dimensions, appearance, disableOverlay, displayBackground, selected, isPlayButtonClickable, isTickBoxSelectable, shouldDisplayTooltip, mediaCardCursor, }: WrapperProps):
|
|
4
|
+
({ breakpoint, dimensions, appearance, disableOverlay, displayBackground, selected, isPlayButtonClickable, isTickBoxSelectable, shouldDisplayTooltip, mediaCardCursor, }: WrapperProps): SerializedStyles;
|
|
4
5
|
displayName: string;
|
|
5
6
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { type Context } from 'react';
|
|
1
2
|
/**
|
|
2
3
|
* Provide capacity to override creation date
|
|
3
4
|
* `DateOverrideContext` is a stopgap for a specific bug (https://product-fabric.atlassian.net/browse/CXP-2840)
|
|
4
5
|
* This is a temporal solution, please consult before usage
|
|
5
6
|
*/
|
|
6
|
-
export declare const DateOverrideContext:
|
|
7
|
+
export declare const DateOverrideContext: Context<Record<string, number> | undefined>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ErrorInfo } from 'react';
|
|
2
2
|
import { type FileDetails, type FileStatus, type MediaClientErrorReason, type RequestErrorMetadata, type RequestMetadata } from '@atlaskit/media-client';
|
|
3
3
|
import { type FileAttributes, type PerformanceAttributes, type OperationalEventPayload, type UIEventPayload, type WithFileAttributes, type WithPerformanceAttributes, type SuccessAttributes, type FailureAttributes, type MediaTraceContext, type WithTraceContext } from '@atlaskit/media-common/analytics';
|
|
4
|
-
import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
4
|
+
import { type CreateUIAnalyticsEvent, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
5
5
|
import { type MediaCardError, type MediaCardErrorPrimaryReason } from '../../errors';
|
|
6
6
|
import { type CardPreviewSource, type CardDimensions, type CardStatus } from '../../types';
|
|
7
7
|
import { type SSR } from '@atlaskit/media-common';
|
|
@@ -155,5 +155,5 @@ export declare const getAuthProviderFailedPayload: (durationMs: number, timeoutM
|
|
|
155
155
|
collectionName?: string;
|
|
156
156
|
}) => AuthProviderFailedAnalyticsPayload;
|
|
157
157
|
export declare function fireMediaCardEvent(payload: MediaCardAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
|
|
158
|
-
export declare const createAndFireMediaCardEvent: (payload: MediaCardAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) =>
|
|
158
|
+
export declare const createAndFireMediaCardEvent: (payload: MediaCardAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
|
|
159
159
|
export {};
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
2
|
+
export declare const errorIconWrapperStyles: SerializedStyles;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { type WrapperProps } from './types';
|
|
2
|
-
export declare const wrapperStyles: ({ dimensions }: WrapperProps) =>
|
|
3
|
+
export declare const wrapperStyles: ({ dimensions }: WrapperProps) => SerializedStyles;
|
|
@@ -1 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { type ForwardRefExoticComponent, type LazyExoticComponent, type RefAttributes } from 'react';
|
|
2
|
+
import type { InlinePlayerProps } from './inlinePlayer';
|
|
3
|
+
export declare const InlinePlayerLazy: LazyExoticComponent<ForwardRefExoticComponent<Omit<InlinePlayerProps, "ref"> & RefAttributes<HTMLDivElement>>>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { type InlinePlayerWrapperProps } from './types';
|
|
2
3
|
export declare const inlinePlayerClassName = "media-card-inline-player";
|
|
3
4
|
export declare const inlinePlayerWrapperStyles: {
|
|
4
|
-
({ dimensions, selected, }: InlinePlayerWrapperProps):
|
|
5
|
+
({ dimensions, selected, }: InlinePlayerWrapperProps): SerializedStyles;
|
|
5
6
|
displayName: string;
|
|
6
7
|
};
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
|
|
1
6
|
import { type CardActionButtonOwnProps } from './styles';
|
|
2
|
-
export declare const CardActionButton:
|
|
7
|
+
export declare const CardActionButton: ForwardRefExoticComponent<CardActionButtonOwnProps & RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { type MouseEvent, type HTMLAttributes } from 'react';
|
|
2
3
|
import type React from 'react';
|
|
3
4
|
import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
@@ -17,4 +18,4 @@ export type CardActionButtonOwnProps = {
|
|
|
17
18
|
children?: React.ReactNode;
|
|
18
19
|
};
|
|
19
20
|
export type CardActionButtonProps = CardActionButtonOwnProps & HTMLAttributes<HTMLButtonElement>;
|
|
20
|
-
export declare const cardActionButtonStyles: ({ variant }: CardActionButtonProps) =>
|
|
21
|
+
export declare const cardActionButtonStyles: ({ variant }: CardActionButtonProps) => SerializedStyles;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
export declare const actionsBarClassName = "media-card-actions-bar";
|
|
2
3
|
export declare const fixedActionBarStyles = "opacity: 1;";
|
|
3
4
|
export declare const wrapperStyles: {
|
|
4
|
-
(isFixed?: boolean):
|
|
5
|
+
(isFixed?: boolean): SerializedStyles;
|
|
5
6
|
displayName: string;
|
|
6
7
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
export declare const blanketClassName = "media-card-blanket";
|
|
2
3
|
export declare const fixedBlanketStyles: string;
|
|
3
4
|
export declare const blanketStyles: {
|
|
4
|
-
(isFixed?: boolean):
|
|
5
|
+
(isFixed?: boolean): SerializedStyles;
|
|
5
6
|
displayName: string;
|
|
6
7
|
};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { type Breakpoint } from '../common';
|
|
2
3
|
import { type IconWrapperProps } from './types';
|
|
3
4
|
export declare function titleBoxHeight(hasTitleBox: boolean, breakpoint: Breakpoint): string;
|
|
4
5
|
export declare const iconWrapperStyles: {
|
|
5
|
-
({ hasTitleBox, breakpoint }: IconWrapperProps):
|
|
6
|
+
({ hasTitleBox, breakpoint }: IconWrapperProps): SerializedStyles;
|
|
6
7
|
displayName: string;
|
|
7
8
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
3
|
-
declare const
|
|
2
|
+
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
|
|
3
|
+
declare const _default_1: React.FC<WithIntlProps<{
|
|
4
4
|
fileName: string;
|
|
5
5
|
innerRef: React.Ref<HTMLButtonElement>;
|
|
6
6
|
} & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps>> & {
|
|
@@ -9,4 +9,4 @@ declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
|
|
|
9
9
|
innerRef: React.Ref<HTMLButtonElement>;
|
|
10
10
|
} & React.ButtonHTMLAttributes<HTMLButtonElement> & WrappedComponentProps>;
|
|
11
11
|
};
|
|
12
|
-
export default
|
|
12
|
+
export default _default_1;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
export declare const playButtonClassName = "media-card-play-button";
|
|
2
3
|
export declare const bkgClassName = "play-icon-background";
|
|
3
|
-
export declare const fixedPlayButtonStyles
|
|
4
|
-
export declare const playButtonWrapperStyles:
|
|
5
|
-
export declare const backgroundStyles:
|
|
4
|
+
export declare const fixedPlayButtonStyles: "\n .play-icon-background {\n width: 56px;\n height: 56px;\n }\n";
|
|
5
|
+
export declare const playButtonWrapperStyles: SerializedStyles;
|
|
6
|
+
export declare const backgroundStyles: SerializedStyles;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { Breakpoint } from '../common';
|
|
2
3
|
import { type StyledBarProps } from './types';
|
|
3
4
|
export declare function generateResponsiveStyles(breakpoint: Breakpoint, positionBottom: boolean, showOnTop: boolean, multiplier?: number): string;
|
|
4
5
|
export declare const styledBarStyles: {
|
|
5
|
-
(props: StyledBarProps):
|
|
6
|
+
(props: StyledBarProps): SerializedStyles;
|
|
6
7
|
displayName: string;
|
|
7
8
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { Breakpoint } from '../common';
|
|
2
3
|
import { type TitleBoxFooterProps, type TitleBoxHeaderProps } from './types';
|
|
3
4
|
type TitleBoxWrapperStyleArgs = {
|
|
@@ -6,18 +7,18 @@ type TitleBoxWrapperStyleArgs = {
|
|
|
6
7
|
display?: 'none' | 'flex';
|
|
7
8
|
};
|
|
8
9
|
export declare const titleBoxWrapperStyles: {
|
|
9
|
-
({ breakpoint, display }: TitleBoxWrapperStyleArgs):
|
|
10
|
+
({ breakpoint, display }: TitleBoxWrapperStyleArgs): SerializedStyles;
|
|
10
11
|
displayName: string;
|
|
11
12
|
};
|
|
12
13
|
export declare const titleBoxHeaderStyles: {
|
|
13
|
-
({ hasIconOverlap }: TitleBoxHeaderProps):
|
|
14
|
+
({ hasIconOverlap }: TitleBoxHeaderProps): SerializedStyles;
|
|
14
15
|
displayName: string;
|
|
15
16
|
};
|
|
16
17
|
export declare const titleBoxFooterStyles: {
|
|
17
|
-
({ hasIconOverlap }: TitleBoxFooterProps):
|
|
18
|
+
({ hasIconOverlap }: TitleBoxFooterProps): SerializedStyles;
|
|
18
19
|
displayName: string;
|
|
19
20
|
};
|
|
20
|
-
export declare const titleBoxIconStyles:
|
|
21
|
-
export declare const newTitleBoxIconStyles:
|
|
22
|
-
export declare const errorMessageWrapperStyles:
|
|
21
|
+
export declare const titleBoxIconStyles: SerializedStyles;
|
|
22
|
+
export declare const newTitleBoxIconStyles: SerializedStyles;
|
|
23
|
+
export declare const errorMessageWrapperStyles: SerializedStyles;
|
|
23
24
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type WrappedComponentProps } from 'react-intl-next';
|
|
2
|
+
import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
|
|
3
3
|
import { type TitleBoxProps } from './types';
|
|
4
|
-
export declare const TitleBox: React.FC<
|
|
4
|
+
export declare const TitleBox: React.FC<WithIntlProps<TitleBoxProps & WrappedComponentProps>> & {
|
|
5
5
|
WrappedComponent: React.ComponentType<TitleBoxProps & WrappedComponentProps>;
|
|
6
6
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { type WrapperProps } from './types';
|
|
2
3
|
export declare const wrapperStyles: {
|
|
3
|
-
({ breakpoint, dimensions, appearance, disableOverlay, displayBackground, selected, isPlayButtonClickable, isTickBoxSelectable, shouldDisplayTooltip, mediaCardCursor, }: WrapperProps):
|
|
4
|
+
({ breakpoint, dimensions, appearance, disableOverlay, displayBackground, selected, isPlayButtonClickable, isTickBoxSelectable, shouldDisplayTooltip, mediaCardCursor, }: WrapperProps): SerializedStyles;
|
|
4
5
|
displayName: string;
|
|
5
6
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { type Context } from 'react';
|
|
1
2
|
/**
|
|
2
3
|
* Provide capacity to override creation date
|
|
3
4
|
* `DateOverrideContext` is a stopgap for a specific bug (https://product-fabric.atlassian.net/browse/CXP-2840)
|
|
4
5
|
* This is a temporal solution, please consult before usage
|
|
5
6
|
*/
|
|
6
|
-
export declare const DateOverrideContext:
|
|
7
|
+
export declare const DateOverrideContext: Context<Record<string, number> | undefined>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ErrorInfo } from 'react';
|
|
2
2
|
import { type FileDetails, type FileStatus, type MediaClientErrorReason, type RequestErrorMetadata, type RequestMetadata } from '@atlaskit/media-client';
|
|
3
3
|
import { type FileAttributes, type PerformanceAttributes, type OperationalEventPayload, type UIEventPayload, type WithFileAttributes, type WithPerformanceAttributes, type SuccessAttributes, type FailureAttributes, type MediaTraceContext, type WithTraceContext } from '@atlaskit/media-common/analytics';
|
|
4
|
-
import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
4
|
+
import { type CreateUIAnalyticsEvent, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
5
5
|
import { type MediaCardError, type MediaCardErrorPrimaryReason } from '../../errors';
|
|
6
6
|
import { type CardPreviewSource, type CardDimensions, type CardStatus } from '../../types';
|
|
7
7
|
import { type SSR } from '@atlaskit/media-common';
|
|
@@ -155,5 +155,5 @@ export declare const getAuthProviderFailedPayload: (durationMs: number, timeoutM
|
|
|
155
155
|
collectionName?: string;
|
|
156
156
|
}) => AuthProviderFailedAnalyticsPayload;
|
|
157
157
|
export declare function fireMediaCardEvent(payload: MediaCardAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
|
|
158
|
-
export declare const createAndFireMediaCardEvent: (payload: MediaCardAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) =>
|
|
158
|
+
export declare const createAndFireMediaCardEvent: (payload: MediaCardAnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
|
|
159
159
|
export {};
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
2
|
+
export declare const errorIconWrapperStyles: SerializedStyles;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
+
import { type SerializedStyles } from '@emotion/react';
|
|
1
2
|
import { type WrapperProps } from './types';
|
|
2
|
-
export declare const wrapperStyles: ({ dimensions }: WrapperProps) =>
|
|
3
|
+
export declare const wrapperStyles: ({ dimensions }: WrapperProps) => SerializedStyles;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// eslint-disable-line no-console
|
|
2
2
|
|
|
3
3
|
import React, { type PropsWithChildren } from 'react';
|
|
4
|
-
import { type FileItem, type Identifier } from '@atlaskit/media-client';
|
|
4
|
+
import { type FileItem, type Identifier, type MediaClientConfig } from '@atlaskit/media-client';
|
|
5
5
|
import {
|
|
6
6
|
createStorybookMediaClientConfig,
|
|
7
7
|
enableMediaUfoLogger,
|
|
@@ -100,7 +100,10 @@ export const annotateCardAction: CardAction = {
|
|
|
100
100
|
icon: <AnnotateIcon label="annotate" />,
|
|
101
101
|
};
|
|
102
102
|
|
|
103
|
-
export const actions
|
|
103
|
+
export const actions: ({
|
|
104
|
+
label: string;
|
|
105
|
+
handler: () => void;
|
|
106
|
+
} | CardAction)[] = [openAction, closeAction, deleteAction, annotateCardAction];
|
|
104
107
|
|
|
105
108
|
export const anotherAction: CardAction = {
|
|
106
109
|
label: 'Some other action',
|
|
@@ -116,8 +119,8 @@ export const annotateAction: CardAction = {
|
|
|
116
119
|
},
|
|
117
120
|
};
|
|
118
121
|
|
|
119
|
-
export const cardsActions = [anotherAction, annotateAction];
|
|
120
|
-
export const wrongMediaClientConfig = createStorybookMediaClientConfig({
|
|
122
|
+
export const cardsActions: CardAction[] = [anotherAction, annotateAction];
|
|
123
|
+
export const wrongMediaClientConfig: MediaClientConfig = createStorybookMediaClientConfig({
|
|
121
124
|
authType: 'client',
|
|
122
125
|
});
|
|
123
126
|
export const wrongCollection = 'adfasdf';
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { token } from '@atlaskit/tokens';
|
|
2
2
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
|
-
import { css } from '@emotion/react';
|
|
3
|
+
import { css, type SerializedStyles } from '@emotion/react';
|
|
4
4
|
|
|
5
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
6
|
-
export const editableCardOptionsStyles = css({
|
|
6
|
+
export const editableCardOptionsStyles: SerializedStyles = css({
|
|
7
7
|
padding: token('space.250'),
|
|
8
8
|
borderBottom: `${token('border.width', '1px')} solid ${token('color.border')}`,
|
|
9
9
|
maxWidth: '700px',
|
|
10
10
|
});
|
|
11
11
|
|
|
12
12
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
13
|
-
export const sliderWrapperStyles = css({
|
|
13
|
+
export const sliderWrapperStyles: SerializedStyles = css({
|
|
14
14
|
display: 'flex',
|
|
15
15
|
width: '50%',
|
|
16
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
@@ -21,7 +21,7 @@ export const sliderWrapperStyles = css({
|
|
|
21
21
|
});
|
|
22
22
|
|
|
23
23
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
24
|
-
export const editableCardContentStyles = css({
|
|
24
|
+
export const editableCardContentStyles: SerializedStyles = css({
|
|
25
25
|
padding: token('space.250'),
|
|
26
26
|
border: '2px dashed',
|
|
27
27
|
margin: `${token('space.0')} ${token('space.150')} ${token('space.600')} ${token('space.150')}`,
|
|
@@ -31,7 +31,7 @@ export const editableCardContentStyles = css({
|
|
|
31
31
|
});
|
|
32
32
|
|
|
33
33
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
34
|
-
export const optionsWrapperStyles = css({
|
|
34
|
+
export const optionsWrapperStyles: SerializedStyles = css({
|
|
35
35
|
display: 'flex',
|
|
36
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
37
37
|
'> *': {
|
|
@@ -41,7 +41,7 @@ export const optionsWrapperStyles = css({
|
|
|
41
41
|
});
|
|
42
42
|
|
|
43
43
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
44
|
-
export const cardDimensionsWrapperStyles = css({
|
|
44
|
+
export const cardDimensionsWrapperStyles: SerializedStyles = css({
|
|
45
45
|
margin: `${token('space.100')} ${token('space.100')} ${token('space.250')} ${token('space.100')}`,
|
|
46
46
|
display: 'flex',
|
|
47
47
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
@@ -55,16 +55,16 @@ export const cardDimensionsWrapperStyles = css({
|
|
|
55
55
|
});
|
|
56
56
|
|
|
57
57
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
58
|
-
export const flexWrapperStyles = css({
|
|
58
|
+
export const flexWrapperStyles: SerializedStyles = css({
|
|
59
59
|
display: 'flex',
|
|
60
60
|
});
|
|
61
61
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
62
|
-
export const cardPreviewWrapperStyles = css({
|
|
62
|
+
export const cardPreviewWrapperStyles: SerializedStyles = css({
|
|
63
63
|
flex: 1,
|
|
64
64
|
});
|
|
65
65
|
|
|
66
66
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
67
|
-
export const cardWrapperStyles = css({
|
|
67
|
+
export const cardWrapperStyles: SerializedStyles = css({
|
|
68
68
|
border: `${token('border.width', '1px')} solid ${token('color.border.bold')}`,
|
|
69
69
|
padding: token('space.150'),
|
|
70
70
|
margin: token('space.075'),
|
|
@@ -76,13 +76,13 @@ export const cardWrapperStyles = css({
|
|
|
76
76
|
});
|
|
77
77
|
|
|
78
78
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
79
|
-
export const cardFlowHeaderStyles = css({
|
|
79
|
+
export const cardFlowHeaderStyles: SerializedStyles = css({
|
|
80
80
|
margin: `${token('space.250')} auto`,
|
|
81
81
|
padding: `${token('space.150')} ${token('space.0')}`,
|
|
82
82
|
});
|
|
83
83
|
|
|
84
84
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
85
|
-
export const externalIdentifierWrapperStyles = css({
|
|
85
|
+
export const externalIdentifierWrapperStyles: SerializedStyles = css({
|
|
86
86
|
display: 'flex',
|
|
87
87
|
justifyContent: 'space-around',
|
|
88
88
|
margin: `${token('space.0')} auto`,
|
|
@@ -93,7 +93,7 @@ export const externalIdentifierWrapperStyles = css({
|
|
|
93
93
|
});
|
|
94
94
|
|
|
95
95
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
96
|
-
export const unhandledErrorCardWrapperStyles = css({
|
|
96
|
+
export const unhandledErrorCardWrapperStyles: SerializedStyles = css({
|
|
97
97
|
padding: token('space.250'),
|
|
98
98
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
99
99
|
'> div:first-child': {
|
|
@@ -107,24 +107,24 @@ export const unhandledErrorCardWrapperStyles = css({
|
|
|
107
107
|
});
|
|
108
108
|
|
|
109
109
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
110
|
-
export const inlineCardVideoWrapperItemStyles = css({
|
|
110
|
+
export const inlineCardVideoWrapperItemStyles: SerializedStyles = css({
|
|
111
111
|
padding: token('space.150'),
|
|
112
112
|
border: `${token('border.width', '1px')} solid ${token('color.border.bold')}`,
|
|
113
113
|
margin: token('space.150'),
|
|
114
114
|
});
|
|
115
115
|
|
|
116
116
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
117
|
-
export const mediaViewerExampleColumnStyles = css({
|
|
117
|
+
export const mediaViewerExampleColumnStyles: SerializedStyles = css({
|
|
118
118
|
flex: 1,
|
|
119
119
|
});
|
|
120
120
|
|
|
121
121
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
122
|
-
export const mediaViewerExampleWrapperStyles = css({
|
|
122
|
+
export const mediaViewerExampleWrapperStyles: SerializedStyles = css({
|
|
123
123
|
display: 'flex',
|
|
124
124
|
});
|
|
125
125
|
|
|
126
126
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
127
|
-
export const mediaInlineWrapperStyles = css({
|
|
127
|
+
export const mediaInlineWrapperStyles: SerializedStyles = css({
|
|
128
128
|
display: 'flex',
|
|
129
129
|
alignItems: 'center',
|
|
130
130
|
flexDirection: 'column',
|
|
@@ -132,7 +132,7 @@ export const mediaInlineWrapperStyles = css({
|
|
|
132
132
|
});
|
|
133
133
|
|
|
134
134
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
135
|
-
export const mediaInlineTableStyles = css({
|
|
135
|
+
export const mediaInlineTableStyles: SerializedStyles = css({
|
|
136
136
|
width: '800px',
|
|
137
137
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
138
138
|
'tr, td': {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-card",
|
|
3
|
-
"version": "79.16.
|
|
3
|
+
"version": "79.16.16",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"@atlaskit/react-ufo": "^5.12.0",
|
|
50
50
|
"@atlaskit/spinner": "^19.1.0",
|
|
51
51
|
"@atlaskit/theme": "^23.0.0",
|
|
52
|
-
"@atlaskit/tmp-editor-statsig": "^55.
|
|
53
|
-
"@atlaskit/tokens": "^
|
|
52
|
+
"@atlaskit/tmp-editor-statsig": "^55.1.0",
|
|
53
|
+
"@atlaskit/tokens": "^12.0.0",
|
|
54
54
|
"@atlaskit/tooltip": "^21.1.0",
|
|
55
55
|
"@atlaskit/ufo": "^0.4.0",
|
|
56
56
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"@atlaskit/radio": "^8.5.0",
|
|
83
83
|
"@atlaskit/range": "^10.0.0",
|
|
84
84
|
"@atlaskit/ssr": "workspace:^",
|
|
85
|
-
"@atlaskit/toggle": "^15.
|
|
85
|
+
"@atlaskit/toggle": "^15.4.0",
|
|
86
86
|
"@atlassian/a11y-jest-testing": "^0.11.0",
|
|
87
87
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
88
88
|
"@atlassian/testing-library": "^0.5.0",
|