@atlaskit/media-card 79.5.5 → 79.5.7
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 +16 -0
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/inlinePlayerWrapper-compiled.compiled.css +2 -2
- package/dist/cjs/card/inlinePlayerWrapper-compiled.js +1 -1
- package/dist/cjs/card/inlinePlayerWrapperStyles.js +2 -2
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton-compiled.compiled.css +1 -1
- package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton-compiled.js +1 -1
- package/dist/cjs/card/ui/progressBar/styledBar-compiled.compiled.css +1 -1
- package/dist/cjs/card/ui/progressBar/styledBar-compiled.js +2 -2
- package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css +1 -1
- package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
- package/dist/cjs/card/ui/wrapper/imageContainer-compiled.compiled.css +1 -1
- package/dist/cjs/card/ui/wrapper/imageContainer-compiled.js +1 -1
- package/dist/cjs/card/ui/wrapper/imageContainer-emotion.js +1 -1
- package/dist/cjs/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
- package/dist/cjs/card/ui/wrapper/wrapper-compiled.js +1 -1
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/inlinePlayerWrapper-compiled.compiled.css +2 -2
- package/dist/es2019/card/inlinePlayerWrapper-compiled.js +1 -1
- package/dist/es2019/card/inlinePlayerWrapperStyles.js +2 -2
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/card/ui/actionsBar/cardActions/cardActionButton-compiled.compiled.css +1 -1
- package/dist/es2019/card/ui/actionsBar/cardActions/cardActionButton-compiled.js +1 -1
- package/dist/es2019/card/ui/progressBar/styledBar-compiled.compiled.css +1 -1
- package/dist/es2019/card/ui/progressBar/styledBar-compiled.js +2 -2
- package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css +1 -1
- package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
- package/dist/es2019/card/ui/wrapper/imageContainer-compiled.compiled.css +1 -1
- package/dist/es2019/card/ui/wrapper/imageContainer-compiled.js +1 -1
- package/dist/es2019/card/ui/wrapper/imageContainer-emotion.js +1 -1
- package/dist/es2019/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
- package/dist/es2019/card/ui/wrapper/wrapper-compiled.js +1 -1
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/inlinePlayerWrapper-compiled.compiled.css +2 -2
- package/dist/esm/card/inlinePlayerWrapper-compiled.js +1 -1
- package/dist/esm/card/inlinePlayerWrapperStyles.js +2 -2
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/card/ui/actionsBar/cardActions/cardActionButton-compiled.compiled.css +1 -1
- package/dist/esm/card/ui/actionsBar/cardActions/cardActionButton-compiled.js +1 -1
- package/dist/esm/card/ui/progressBar/styledBar-compiled.compiled.css +1 -1
- package/dist/esm/card/ui/progressBar/styledBar-compiled.js +2 -2
- package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css +1 -1
- package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
- package/dist/esm/card/ui/wrapper/imageContainer-compiled.compiled.css +1 -1
- package/dist/esm/card/ui/wrapper/imageContainer-compiled.js +1 -1
- package/dist/esm/card/ui/wrapper/imageContainer-emotion.js +1 -1
- package/dist/esm/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
- package/dist/esm/card/ui/wrapper/wrapper-compiled.js +1 -1
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/example-helpers/styles.ts +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/media-card
|
|
2
2
|
|
|
3
|
+
## 79.5.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`beaa6ee463aa8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/beaa6ee463aa8) -
|
|
8
|
+
Internal changes to how border radius is applied.
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 79.5.6
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`e5001e144b74e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5001e144b74e) -
|
|
16
|
+
Internal changes to how border radius is applied.
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 79.5.5
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
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);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
3
|
-
.
|
|
2
|
+
._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
4
4
|
._eq4314x9:after{border:var(--_f9up2s)}._11fnglyw:after{pointer-events:none}
|
|
5
5
|
._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
|
|
6
6
|
._15l2idpf:after{top:0}
|
|
@@ -43,7 +43,7 @@ var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWra
|
|
|
43
43
|
"data-testid": testId
|
|
44
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
45
45
|
,
|
|
46
|
-
className: (0, _runtime.ax)(["_1reo15vq _18m915vq
|
|
46
|
+
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq4314x9", inlinePlayerClassName]),
|
|
47
47
|
onClick: onClick,
|
|
48
48
|
ref: innerRef
|
|
49
49
|
}, _vcMedia.VcMediaWrapperProps, {
|
|
@@ -16,12 +16,12 @@ var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/u
|
|
|
16
16
|
*/
|
|
17
17
|
var getSelectedBorderStyle = function getSelectedBorderStyle(_ref) {
|
|
18
18
|
var selected = _ref.selected;
|
|
19
|
-
return "\n ".concat(selected ? _selection.hideNativeBrowserTextSelectionStyles : '', "\n\n &::after {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n box-sizing: border-box;\n pointer-events: none;\n border-radius: ", "var(--ds-
|
|
19
|
+
return "\n ".concat(selected ? _selection.hideNativeBrowserTextSelectionStyles : '', "\n\n &::after {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n box-sizing: border-box;\n pointer-events: none;\n border-radius: ", "var(--ds-radius-small, 3px)", ";\n ").concat(selected ? (0, _selection.getSelectionStyles)([_selection.SelectionStyle.Border]) : '', "\n }\n ");
|
|
20
20
|
};
|
|
21
21
|
var inlinePlayerClassName = exports.inlinePlayerClassName = 'media-card-inline-player';
|
|
22
22
|
var inlinePlayerWrapperStyles = exports.inlinePlayerWrapperStyles = function inlinePlayerWrapperStyles(_ref2) {
|
|
23
23
|
var dimensions = _ref2.dimensions,
|
|
24
24
|
selected = _ref2.selected;
|
|
25
|
-
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\twidth: ", ";\n\theight: ", ";\n\toverflow: hidden;\n\tborder-radius: ", ";\n\tposition: relative;\n\tmax-width: 100%;\n\tmax-height: 100%;\n\n\t", "\n\n\tvideo {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).width || '100%', (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).height || 'auto', "var(--ds-
|
|
25
|
+
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\twidth: ", ";\n\theight: ", ";\n\toverflow: hidden;\n\tborder-radius: ", ";\n\tposition: relative;\n\tmax-width: 100%;\n\tmax-height: 100%;\n\n\t", "\n\n\tvideo {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).width || '100%', (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).height || 'auto', "var(--ds-radius-small, 3px)", getSelectedBorderStyle(selected));
|
|
26
26
|
};
|
|
27
27
|
inlinePlayerWrapperStyles.displayName = 'InlinePlayerWrapper';
|
|
@@ -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)({
|
|
@@ -31,7 +31,7 @@ var CardActionButton = exports.CardActionButton = /*#__PURE__*/(0, _react.forwar
|
|
|
31
31
|
onClick: props.onClick,
|
|
32
32
|
onMouseDown: props.onMouseDown,
|
|
33
33
|
ref: ref,
|
|
34
|
-
className: (0, _runtime.ax)(["_19itglyw
|
|
34
|
+
className: (0, _runtime.ax)(["_19itglyw _2rkofajl _r06hglyw _1e0c1txw _4cvr1h6o _1bah1h6o _1bsb1ou6 _4t3i1ou6 _syaz5lkc _d0altlke", variantStyleMap[(_props$variant = props.variant) !== null && _props$variant !== void 0 ? _props$variant : 'default']]),
|
|
35
35
|
style: _objectSpread(_objectSpread({}, props.style), {}, {
|
|
36
36
|
cursor: props.disabled ? 'not-allowed' : 'default',
|
|
37
37
|
"--_1o4qw9f": (0, _runtime.ix)("var(--ds-icon, ".concat(_colors.N500, ")"))
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1yt4xh0m{padding:var(--_cw4itz)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._18m915vq{overflow-y:hidden}
|
|
4
4
|
._1bsb1b7y{width:var(--_1xe2l1p)}
|
|
5
5
|
._1e0c1ule{display:block}
|
|
6
6
|
._1ltv1ghs{left:2.5%}
|
|
@@ -51,7 +51,7 @@ var StyledBar = exports.StyledBar = function StyledBar(props) {
|
|
|
51
51
|
role: "progressbar",
|
|
52
52
|
"aria-valuenow": progress,
|
|
53
53
|
"aria-label": ariaLabel,
|
|
54
|
-
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1yt4xh0m
|
|
54
|
+
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1yt4xh0m _2rkofajl _kqswstnw _1bsb1b7y _1ltv1ghs _bfhkrcrw _4t3i12iw _vchhusvi"]),
|
|
55
55
|
style: _objectSpread(_objectSpread({}, generateResponsiveStyles(breakpoint, positionBottom, showOnTop)), {}, {
|
|
56
56
|
"--_1xe2l1p": (0, _runtime.ix)("".concat(width, "%")),
|
|
57
57
|
"--_15ce6z9": (0, _runtime.ix)("".concat(height + padding * 2, "px")),
|
|
@@ -61,7 +61,7 @@ var StyledBar = exports.StyledBar = function StyledBar(props) {
|
|
|
61
61
|
style: {
|
|
62
62
|
width: "".concat(progress, "%")
|
|
63
63
|
},
|
|
64
|
-
className: (0, _runtime.ax)(["
|
|
64
|
+
className: (0, _runtime.ax)(["_2rkofajl _bfhk1p0d _1e0c1ule _4t3i1osq"])
|
|
65
65
|
}));
|
|
66
66
|
};
|
|
67
67
|
StyledBar.displayName = 'StyledProgressBar';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1i7v2smr p{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._1bah1h6o{justify-content:center}
|
|
4
4
|
._1e0c1txw{display:flex}
|
|
5
5
|
._2lx21bp4{flex-direction:column}
|
|
6
6
|
._31ku1h6o p{text-align:center}
|
|
@@ -69,7 +69,7 @@ var UnhandledErrorCard = exports.UnhandledErrorCard = /*#__PURE__*/function (_Co
|
|
|
69
69
|
var hideText = !shouldShowText(getConvertedDimension(dimensions));
|
|
70
70
|
return /*#__PURE__*/React.createElement("div", {
|
|
71
71
|
onClick: onClick,
|
|
72
|
-
className: (0, _runtime.ax)(["
|
|
72
|
+
className: (0, _runtime.ax)(["_2rkofajl _1e0c1txw _4cvr1h6o _1bah1h6o _bfhklslw _syaz1dfj _c71l1osq _p12f1osq _2lx21bp4 _1i7v2smr _31ku1h6o"]),
|
|
73
73
|
style: _objectSpread(_objectSpread({}, convertedDimensions), {}, {
|
|
74
74
|
"--_1jkcdu5": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20, ")")),
|
|
75
75
|
"--_i2cu7k": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N800, ")"))
|
|
@@ -30,7 +30,7 @@ var ImageContainer = exports.ImageContainer = function ImageContainer(_ref) {
|
|
|
30
30
|
*/
|
|
31
31
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
32
32
|
,
|
|
33
|
-
className: (0, _runtime.ax)(["_1reo15vq _18m915vq
|
|
33
|
+
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _2rkofajl _1e0c1txw _kqswh2mm _p12f1osq _1bsb1osq _4t3i1osq _c71l1osq", centerElements && "_2lx21bp4 _1bah1h6o _4cvr1h6o", _classnames.fileCardImageViewSelector]),
|
|
34
34
|
"data-test-media-name": mediaName,
|
|
35
35
|
"data-test-status": status,
|
|
36
36
|
"data-test-progress": progress,
|
|
@@ -20,7 +20,7 @@ var imageContainerStyles = (0, _react.css)({
|
|
|
20
20
|
height: '100%',
|
|
21
21
|
maxHeight: '100%',
|
|
22
22
|
overflow: 'hidden',
|
|
23
|
-
borderRadius: "var(--ds-
|
|
23
|
+
borderRadius: "var(--ds-radius-small, 3px)"
|
|
24
24
|
});
|
|
25
25
|
var imageContainerCenterStyles = (0, _react.css)({
|
|
26
26
|
flexDirection: 'column',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
button:focus+._1hlmuwsq{outline:var(--_jz8ahf)}._10pb1osq>div{height:100%}
|
|
4
4
|
._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
|
|
5
5
|
._16qs64c8{box-shadow:var(--ds-shadow-raised,0 1px 1px rgba(9,30,66,.31),0 0 1px 0 rgba(9,30,66,.31))}
|
|
@@ -78,7 +78,7 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
|
|
|
78
78
|
id: "newFileExperienceWrapper"
|
|
79
79
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
80
80
|
,
|
|
81
|
-
className: (0, _runtime.ax)(["
|
|
81
|
+
className: (0, _runtime.ax)(["_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1hlmuwsq _1rquusvi _eg54326j _mts3kb7n _1ntskb7n", displayBackground && "_bfhklslw", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", _cardConstants.newFileExperienceClassName]),
|
|
82
82
|
"data-testid": testId,
|
|
83
83
|
ref: innerRef,
|
|
84
84
|
onClick: onClick,
|
|
@@ -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
|
};
|
|
@@ -54,7 +54,7 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
|
|
|
54
54
|
gap: "var(--ds-space-050, 4px)",
|
|
55
55
|
alignItems: 'center',
|
|
56
56
|
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
|
|
57
|
-
borderRadius: "var(--ds-
|
|
57
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
58
58
|
color: "var(--ds-text, ".concat(_colors.N900, ")"),
|
|
59
59
|
backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N30A, ")"),
|
|
60
60
|
userSelect: 'text',
|
|
@@ -15,7 +15,7 @@ var _mediaClient = require("@atlaskit/media-client");
|
|
|
15
15
|
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; }
|
|
16
16
|
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; }
|
|
17
17
|
var packageName = "@atlaskit/media-card";
|
|
18
|
-
var packageVersion = "
|
|
18
|
+
var packageVersion = "0.0.0-development";
|
|
19
19
|
var SAMPLE_RATE = 0.05;
|
|
20
20
|
var concurrentExperience;
|
|
21
21
|
var getExperience = function getExperience(id) {
|
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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
3
|
-
.
|
|
2
|
+
._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
4
4
|
._eq43qm0p:after{border:1px solid var(--ds-border-selected,#0c66e4)}._11fnglyw:after{pointer-events:none}
|
|
5
5
|
._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
|
|
6
6
|
._15l2idpf:after{top:0}
|
|
@@ -35,7 +35,7 @@ export const InlinePlayerWrapper = props => {
|
|
|
35
35
|
"data-testid": testId
|
|
36
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
37
37
|
,
|
|
38
|
-
className: ax(["_1reo15vq _18m915vq
|
|
38
|
+
className: ax(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsbbj0z _4t3io1dg _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43qm0p", inlinePlayerClassName]),
|
|
39
39
|
style: {
|
|
40
40
|
[LOCAL_WIDTH_VARIABLE]: getDimensionsWithDefault(dimensions).width || '100%',
|
|
41
41
|
[LOCAL_HEIGHT_VARIABLE]: getDimensionsWithDefault(dimensions).height || 'auto'
|
|
@@ -19,7 +19,7 @@ const getSelectedBorderStyle = ({
|
|
|
19
19
|
top: 0;
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
pointer-events: none;
|
|
22
|
-
border-radius: ${"var(--ds-
|
|
22
|
+
border-radius: ${"var(--ds-radius-small, 3px)"};
|
|
23
23
|
${selected ? getSelectionStyles([SelectionStyle.Border]) : ''}
|
|
24
24
|
}
|
|
25
25
|
`;
|
|
@@ -31,7 +31,7 @@ export const inlinePlayerWrapperStyles = ({
|
|
|
31
31
|
width: ${getDimensionsWithDefault(dimensions).width || '100%'};
|
|
32
32
|
height: ${getDimensionsWithDefault(dimensions).height || 'auto'};
|
|
33
33
|
overflow: hidden;
|
|
34
|
-
border-radius: ${"var(--ds-
|
|
34
|
+
border-radius: ${"var(--ds-radius-small, 3px)"};
|
|
35
35
|
position: relative;
|
|
36
36
|
max-width: 100%;
|
|
37
37
|
max-height: 100%;
|
|
@@ -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({
|
|
@@ -26,6 +26,6 @@ export const CardActionButton = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
26
26
|
onClick: props.onClick,
|
|
27
27
|
onMouseDown: props.onMouseDown,
|
|
28
28
|
ref: ref,
|
|
29
|
-
className: ax(["_19itglyw
|
|
29
|
+
className: ax(["_19itglyw _2rkofajl _r06hglyw _1e0c1txw _4cvr1h6o _1bah1h6o _1bsb1ou6 _4t3i1ou6 _syazilmm _d0altlke", variantStyleMap[(_props$variant = props.variant) !== null && _props$variant !== void 0 ? _props$variant : 'default']])
|
|
30
30
|
}), props.children);
|
|
31
31
|
});
|
|
@@ -43,12 +43,12 @@ export const StyledBar = props => {
|
|
|
43
43
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
44
44
|
...generateResponsiveStyles(breakpoint, positionBottom, showOnTop)
|
|
45
45
|
},
|
|
46
|
-
className: ax(["_1reo15vq _18m915vq _ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y
|
|
46
|
+
className: ax(["_1reo15vq _18m915vq _ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y _2rkofajl _kqswstnw _1bsb1lk2 _1ltv1ghs _bfhkrcrw _4t3i14y2 _vchhusvi"])
|
|
47
47
|
}, /*#__PURE__*/React.createElement("div", {
|
|
48
48
|
style: {
|
|
49
49
|
width: `${progress}%`
|
|
50
50
|
},
|
|
51
|
-
className: ax(["
|
|
51
|
+
className: ax(["_2rkofajl _bfhk1p0d _1e0c1ule _4t3i1osq"])
|
|
52
52
|
}));
|
|
53
53
|
};
|
|
54
54
|
StyledBar.displayName = 'StyledProgressBar';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1i7v2smr p{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._1bah1h6o{justify-content:center}
|
|
4
4
|
._1e0c1txw{display:flex}
|
|
5
5
|
._2lx21bp4{flex-direction:column}
|
|
6
6
|
._31ku1h6o p{text-align:center}
|
|
@@ -43,7 +43,7 @@ export class UnhandledErrorCard extends Component {
|
|
|
43
43
|
return /*#__PURE__*/React.createElement("div", {
|
|
44
44
|
style: convertedDimensions,
|
|
45
45
|
onClick: onClick,
|
|
46
|
-
className: ax(["
|
|
46
|
+
className: ax(["_2rkofajl _1e0c1txw _4cvr1h6o _1bah1h6o _bfhk1s4m _syaz1aqp _c71l1osq _p12f1osq _2lx21bp4 _1i7v2smr _31ku1h6o"])
|
|
47
47
|
}, /*#__PURE__*/React.createElement(WarningIcon, {
|
|
48
48
|
label: "Error",
|
|
49
49
|
color: `var(--ds-icon-warning, ${Y500})`,
|
|
@@ -22,7 +22,7 @@ export const ImageContainer = ({
|
|
|
22
22
|
*/
|
|
23
23
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
24
24
|
,
|
|
25
|
-
className: ax(["_1reo15vq _18m915vq
|
|
25
|
+
className: ax(["_1reo15vq _18m915vq _2rkofajl _1e0c1txw _kqswh2mm _p12f1osq _1bsb1osq _4t3i1osq _c71l1osq", centerElements && "_2lx21bp4 _1bah1h6o _4cvr1h6o", fileCardImageViewSelector]),
|
|
26
26
|
"data-test-media-name": mediaName,
|
|
27
27
|
"data-test-status": status,
|
|
28
28
|
"data-test-progress": progress,
|
|
@@ -13,7 +13,7 @@ const imageContainerStyles = css({
|
|
|
13
13
|
height: '100%',
|
|
14
14
|
maxHeight: '100%',
|
|
15
15
|
overflow: 'hidden',
|
|
16
|
-
borderRadius: "var(--ds-
|
|
16
|
+
borderRadius: "var(--ds-radius-small, 3px)"
|
|
17
17
|
});
|
|
18
18
|
const imageContainerCenterStyles = css({
|
|
19
19
|
flexDirection: 'column',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
button:focus+._1hlmvd8c{outline:solid 2px var(--ds-border-focused,#4c9aff)}._10pb1osq>div{height:100%}
|
|
4
4
|
._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
|
|
5
5
|
._16qs64c8{box-shadow:var(--ds-shadow-raised,0 1px 1px rgba(9,30,66,.31),0 0 1px 0 rgba(9,30,66,.31))}
|
|
@@ -74,7 +74,7 @@ export const Wrapper = props => {
|
|
|
74
74
|
id: "newFileExperienceWrapper"
|
|
75
75
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
76
76
|
,
|
|
77
|
-
className: ax(["
|
|
77
|
+
className: ax(["_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmvd8c _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n", displayBackground && "_bfhk1s4m", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91j9a _1xp5kufk", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
|
|
78
78
|
"data-testid": testId,
|
|
79
79
|
style: {
|
|
80
80
|
[LOCAL_WIDTH_VARIABLE]: width,
|
|
@@ -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
|
};
|
|
@@ -39,7 +39,7 @@ const ErrorBoundaryComponent = ({
|
|
|
39
39
|
gap: "var(--ds-space-050, 4px)",
|
|
40
40
|
alignItems: 'center',
|
|
41
41
|
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
|
|
42
|
-
borderRadius: "var(--ds-
|
|
42
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
43
43
|
color: `var(--ds-text, ${N900})`,
|
|
44
44
|
backgroundColor: `var(--ds-background-neutral, ${N30A})`,
|
|
45
45
|
userSelect: 'text',
|
|
@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
5
5
|
import { MediaCardError } from '../errors';
|
|
6
6
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
7
7
|
const packageName = "@atlaskit/media-card";
|
|
8
|
-
const packageVersion = "
|
|
8
|
+
const packageVersion = "0.0.0-development";
|
|
9
9
|
const SAMPLE_RATE = 0.05;
|
|
10
10
|
let concurrentExperience;
|
|
11
11
|
const getExperience = id => {
|
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);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
3
|
-
.
|
|
2
|
+
._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
4
4
|
._eq4314x9:after{border:var(--_f9up2s)}._11fnglyw:after{pointer-events:none}
|
|
5
5
|
._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
|
|
6
6
|
._15l2idpf:after{top:0}
|
|
@@ -34,7 +34,7 @@ export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
|
|
|
34
34
|
"data-testid": testId
|
|
35
35
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
36
36
|
,
|
|
37
|
-
className: ax(["_1reo15vq _18m915vq
|
|
37
|
+
className: ax(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq4314x9", inlinePlayerClassName]),
|
|
38
38
|
onClick: onClick,
|
|
39
39
|
ref: innerRef
|
|
40
40
|
}, VcMediaWrapperProps, {
|
|
@@ -10,12 +10,12 @@ import { getSelectionStyles, SelectionStyle, hideNativeBrowserTextSelectionStyle
|
|
|
10
10
|
*/
|
|
11
11
|
var getSelectedBorderStyle = function getSelectedBorderStyle(_ref) {
|
|
12
12
|
var selected = _ref.selected;
|
|
13
|
-
return "\n ".concat(selected ? hideNativeBrowserTextSelectionStyles : '', "\n\n &::after {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n box-sizing: border-box;\n pointer-events: none;\n border-radius: ", "var(--ds-
|
|
13
|
+
return "\n ".concat(selected ? hideNativeBrowserTextSelectionStyles : '', "\n\n &::after {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n box-sizing: border-box;\n pointer-events: none;\n border-radius: ", "var(--ds-radius-small, 3px)", ";\n ").concat(selected ? getSelectionStyles([SelectionStyle.Border]) : '', "\n }\n ");
|
|
14
14
|
};
|
|
15
15
|
export var inlinePlayerClassName = 'media-card-inline-player';
|
|
16
16
|
export var inlinePlayerWrapperStyles = function inlinePlayerWrapperStyles(_ref2) {
|
|
17
17
|
var dimensions = _ref2.dimensions,
|
|
18
18
|
selected = _ref2.selected;
|
|
19
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\twidth: ", ";\n\theight: ", ";\n\toverflow: hidden;\n\tborder-radius: ", ";\n\tposition: relative;\n\tmax-width: 100%;\n\tmax-height: 100%;\n\n\t", "\n\n\tvideo {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), getDimensionsWithDefault(dimensions).width || '100%', getDimensionsWithDefault(dimensions).height || 'auto', "var(--ds-
|
|
19
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\twidth: ", ";\n\theight: ", ";\n\toverflow: hidden;\n\tborder-radius: ", ";\n\tposition: relative;\n\tmax-width: 100%;\n\tmax-height: 100%;\n\n\t", "\n\n\tvideo {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), getDimensionsWithDefault(dimensions).width || '100%', getDimensionsWithDefault(dimensions).height || 'auto', "var(--ds-radius-small, 3px)", getSelectedBorderStyle(selected));
|
|
20
20
|
};
|
|
21
21
|
inlinePlayerWrapperStyles.displayName = 'InlinePlayerWrapper';
|
|
@@ -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({
|
|
@@ -24,7 +24,7 @@ export var CardActionButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
24
24
|
onClick: props.onClick,
|
|
25
25
|
onMouseDown: props.onMouseDown,
|
|
26
26
|
ref: ref,
|
|
27
|
-
className: ax(["_19itglyw
|
|
27
|
+
className: ax(["_19itglyw _2rkofajl _r06hglyw _1e0c1txw _4cvr1h6o _1bah1h6o _1bsb1ou6 _4t3i1ou6 _syaz5lkc _d0altlke", variantStyleMap[(_props$variant = props.variant) !== null && _props$variant !== void 0 ? _props$variant : 'default']]),
|
|
28
28
|
style: _objectSpread(_objectSpread({}, props.style), {}, {
|
|
29
29
|
cursor: props.disabled ? 'not-allowed' : 'default',
|
|
30
30
|
"--_1o4qw9f": ix("var(--ds-icon, ".concat(N500, ")"))
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1yt4xh0m{padding:var(--_cw4itz)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._18m915vq{overflow-y:hidden}
|
|
4
4
|
._1bsb1b7y{width:var(--_1xe2l1p)}
|
|
5
5
|
._1e0c1ule{display:block}
|
|
6
6
|
._1ltv1ghs{left:2.5%}
|
|
@@ -41,7 +41,7 @@ export var StyledBar = function StyledBar(props) {
|
|
|
41
41
|
role: "progressbar",
|
|
42
42
|
"aria-valuenow": progress,
|
|
43
43
|
"aria-label": ariaLabel,
|
|
44
|
-
className: ax(["_1reo15vq _18m915vq _1yt4xh0m
|
|
44
|
+
className: ax(["_1reo15vq _18m915vq _1yt4xh0m _2rkofajl _kqswstnw _1bsb1b7y _1ltv1ghs _bfhkrcrw _4t3i12iw _vchhusvi"]),
|
|
45
45
|
style: _objectSpread(_objectSpread({}, generateResponsiveStyles(breakpoint, positionBottom, showOnTop)), {}, {
|
|
46
46
|
"--_1xe2l1p": ix("".concat(width, "%")),
|
|
47
47
|
"--_15ce6z9": ix("".concat(height + padding * 2, "px")),
|
|
@@ -51,7 +51,7 @@ export var StyledBar = function StyledBar(props) {
|
|
|
51
51
|
style: {
|
|
52
52
|
width: "".concat(progress, "%")
|
|
53
53
|
},
|
|
54
|
-
className: ax(["
|
|
54
|
+
className: ax(["_2rkofajl _bfhk1p0d _1e0c1ule _4t3i1osq"])
|
|
55
55
|
}));
|
|
56
56
|
};
|
|
57
57
|
StyledBar.displayName = 'StyledProgressBar';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
._1i7v2smr p{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
-
.
|
|
3
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}._1bah1h6o{justify-content:center}
|
|
4
4
|
._1e0c1txw{display:flex}
|
|
5
5
|
._2lx21bp4{flex-direction:column}
|
|
6
6
|
._31ku1h6o p{text-align:center}
|
|
@@ -60,7 +60,7 @@ export var UnhandledErrorCard = /*#__PURE__*/function (_Component) {
|
|
|
60
60
|
var hideText = !shouldShowText(getConvertedDimension(dimensions));
|
|
61
61
|
return /*#__PURE__*/React.createElement("div", {
|
|
62
62
|
onClick: onClick,
|
|
63
|
-
className: ax(["
|
|
63
|
+
className: ax(["_2rkofajl _1e0c1txw _4cvr1h6o _1bah1h6o _bfhklslw _syaz1dfj _c71l1osq _p12f1osq _2lx21bp4 _1i7v2smr _31ku1h6o"]),
|
|
64
64
|
style: _objectSpread(_objectSpread({}, convertedDimensions), {}, {
|
|
65
65
|
"--_1jkcdu5": ix("var(--ds-background-neutral, ".concat(N20, ")")),
|
|
66
66
|
"--_i2cu7k": ix("var(--ds-text-subtle, ".concat(N800, ")"))
|
|
@@ -22,7 +22,7 @@ export var ImageContainer = function ImageContainer(_ref) {
|
|
|
22
22
|
*/
|
|
23
23
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
24
24
|
,
|
|
25
|
-
className: ax(["_1reo15vq _18m915vq
|
|
25
|
+
className: ax(["_1reo15vq _18m915vq _2rkofajl _1e0c1txw _kqswh2mm _p12f1osq _1bsb1osq _4t3i1osq _c71l1osq", centerElements && "_2lx21bp4 _1bah1h6o _4cvr1h6o", fileCardImageViewSelector]),
|
|
26
26
|
"data-test-media-name": mediaName,
|
|
27
27
|
"data-test-status": status,
|
|
28
28
|
"data-test-progress": progress,
|
|
@@ -13,7 +13,7 @@ var imageContainerStyles = css({
|
|
|
13
13
|
height: '100%',
|
|
14
14
|
maxHeight: '100%',
|
|
15
15
|
overflow: 'hidden',
|
|
16
|
-
borderRadius: "var(--ds-
|
|
16
|
+
borderRadius: "var(--ds-radius-small, 3px)"
|
|
17
17
|
});
|
|
18
18
|
var imageContainerCenterStyles = css({
|
|
19
19
|
flexDirection: 'column',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
2
|
+
._2rkofajl{border-radius:var(--ds-radius-small,3px)}
|
|
3
3
|
button:focus+._1hlmuwsq{outline:var(--_jz8ahf)}._10pb1osq>div{height:100%}
|
|
4
4
|
._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
|
|
5
5
|
._16qs64c8{box-shadow:var(--ds-shadow-raised,0 1px 1px rgba(9,30,66,.31),0 0 1px 0 rgba(9,30,66,.31))}
|
|
@@ -69,7 +69,7 @@ export var Wrapper = function Wrapper(props) {
|
|
|
69
69
|
id: "newFileExperienceWrapper"
|
|
70
70
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
71
71
|
,
|
|
72
|
-
className: ax(["
|
|
72
|
+
className: ax(["_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1hlmuwsq _1rquusvi _eg54326j _mts3kb7n _1ntskb7n", displayBackground && "_bfhklslw", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
|
|
73
73
|
"data-testid": testId,
|
|
74
74
|
ref: innerRef,
|
|
75
75
|
onClick: onClick,
|
|
@@ -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
|
};
|
|
@@ -47,7 +47,7 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
|
|
|
47
47
|
gap: "var(--ds-space-050, 4px)",
|
|
48
48
|
alignItems: 'center',
|
|
49
49
|
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
|
|
50
|
-
borderRadius: "var(--ds-
|
|
50
|
+
borderRadius: "var(--ds-radius-small, 3px)",
|
|
51
51
|
color: "var(--ds-text, ".concat(N900, ")"),
|
|
52
52
|
backgroundColor: "var(--ds-background-neutral, ".concat(N30A, ")"),
|
|
53
53
|
userSelect: 'text',
|
|
@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
8
8
|
import { MediaCardError } from '../errors';
|
|
9
9
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
10
10
|
var packageName = "@atlaskit/media-card";
|
|
11
|
-
var packageVersion = "
|
|
11
|
+
var packageVersion = "0.0.0-development";
|
|
12
12
|
var SAMPLE_RATE = 0.05;
|
|
13
13
|
var concurrentExperience;
|
|
14
14
|
var getExperience = function getExperience(id) {
|
|
@@ -56,7 +56,7 @@ export const cardDimensionsWrapperStyles = css({
|
|
|
56
56
|
margin: token('space.075', '6px'),
|
|
57
57
|
padding: token('space.075', '6px'),
|
|
58
58
|
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
|
|
59
|
-
borderRadius: token('
|
|
59
|
+
borderRadius: token('radius.small', '3px'),
|
|
60
60
|
},
|
|
61
61
|
});
|
|
62
62
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-card",
|
|
3
|
-
"version": "79.5.
|
|
3
|
+
"version": "79.5.7",
|
|
4
4
|
"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -44,11 +44,11 @@
|
|
|
44
44
|
"@atlaskit/media-ui": "^28.6.0",
|
|
45
45
|
"@atlaskit/media-viewer": "^52.4.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
47
|
-
"@atlaskit/primitives": "^14.
|
|
47
|
+
"@atlaskit/primitives": "^14.13.0",
|
|
48
48
|
"@atlaskit/react-ufo": "^4.5.0",
|
|
49
49
|
"@atlaskit/spinner": "^19.0.0",
|
|
50
50
|
"@atlaskit/theme": "^20.0.0",
|
|
51
|
-
"@atlaskit/tokens": "^6.
|
|
51
|
+
"@atlaskit/tokens": "^6.2.0",
|
|
52
52
|
"@atlaskit/tooltip": "^20.4.0",
|
|
53
53
|
"@atlaskit/ufo": "^0.4.0",
|
|
54
54
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
@@ -71,14 +71,14 @@
|
|
|
71
71
|
"@af/integration-testing": "workspace:^",
|
|
72
72
|
"@atlaskit/analytics-listeners": "^9.0.0",
|
|
73
73
|
"@atlaskit/analytics-namespaced-context": "^7.0.0",
|
|
74
|
-
"@atlaskit/form": "^12.
|
|
74
|
+
"@atlaskit/form": "^12.4.0",
|
|
75
75
|
"@atlaskit/inline-message": "^15.3.0",
|
|
76
76
|
"@atlaskit/media-core": "^37.0.0",
|
|
77
77
|
"@atlaskit/media-picker": "^70.0.0",
|
|
78
78
|
"@atlaskit/media-state": "^1.8.0",
|
|
79
79
|
"@atlaskit/media-test-data": "^3.2.0",
|
|
80
80
|
"@atlaskit/media-test-helpers": "^39.0.0",
|
|
81
|
-
"@atlaskit/radio": "^8.
|
|
81
|
+
"@atlaskit/radio": "^8.3.0",
|
|
82
82
|
"@atlaskit/range": "^9.2.0",
|
|
83
83
|
"@atlaskit/ssr": "workspace:^",
|
|
84
84
|
"@atlaskit/toggle": "^15.1.0",
|