@atlaskit/media-card 80.4.7 → 80.4.9

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.
Files changed (17) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/card/ui/playButton/playButtonBackground-compiled.js +2 -1
  3. package/dist/cjs/card/ui/playButton/playButtonBackground.js +6 -3
  4. package/dist/cjs/card/ui/playButton/playButtonWrapper-compiled.js +3 -1
  5. package/dist/cjs/card/ui/tickBox/tickBoxWrapper-compiled.js +1 -0
  6. package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +5 -1
  7. package/dist/es2019/card/ui/playButton/playButtonBackground-compiled.js +3 -2
  8. package/dist/es2019/card/ui/playButton/playButtonBackground.js +6 -3
  9. package/dist/es2019/card/ui/playButton/playButtonWrapper-compiled.js +3 -1
  10. package/dist/es2019/card/ui/tickBox/tickBoxWrapper-compiled.js +1 -0
  11. package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js +5 -1
  12. package/dist/esm/card/ui/playButton/playButtonBackground-compiled.js +2 -1
  13. package/dist/esm/card/ui/playButton/playButtonBackground.js +6 -3
  14. package/dist/esm/card/ui/playButton/playButtonWrapper-compiled.js +3 -1
  15. package/dist/esm/card/ui/tickBox/tickBoxWrapper-compiled.js +1 -0
  16. package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +5 -1
  17. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/media-card
2
2
 
3
+ ## 80.4.9
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 80.4.8
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 80.4.7
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/card/ui/playButton/playButtonBackground-compiled.js CHANGED
@@ -14,9 +14,10 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
14
14
  var discSize = 48;
15
15
  var backgroundStyles = null;
16
16
  var PlayButtonBackground = exports.PlayButtonBackground = function PlayButtonBackground() {
17
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
18
17
  return /*#__PURE__*/React.createElement("div", {
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
19
19
  className: (0, _runtime.ax)(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsb1ezv _4t3i1ezv _bfhk1aqn", _styles.bkgClassName]),
20
+ "data-testid": "media-card-play-button-background",
20
21
  style: {
21
22
  "--_zq1rrr": (0, _runtime.ix)("".concat(discSize, "px"))
22
23
  }
package/dist/cjs/card/ui/playButton/playButtonBackground.js CHANGED
@@ -16,9 +16,12 @@ var _styles = require("./styles");
16
16
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
17
17
 
18
18
  var PlayButtonBackground = exports.PlayButtonBackground = function PlayButtonBackground() {
19
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
20
19
  return (0, _react2.jsx)("div", {
21
- css: _styles.backgroundStyles,
22
- className: _styles.bkgClassName
20
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
21
+ css: _styles.backgroundStyles
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
23
+ ,
24
+ className: _styles.bkgClassName,
25
+ "data-testid": "media-card-play-button-background"
23
26
  });
24
27
  };
package/dist/cjs/card/ui/playButton/playButtonWrapper-compiled.js CHANGED
@@ -14,6 +14,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
14
14
  var playButtonWrapperStyles = null;
15
15
  var PlayButtonWrapper = exports.PlayButtonWrapper = function PlayButtonWrapper(props) {
16
16
  return /*#__PURE__*/React.createElement("div", {
17
- className: (0, _runtime.ax)(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz5w2r _vr2wstnw", _styles.playButtonClassName])
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
18
+ className: (0, _runtime.ax)(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz5w2r _vr2wstnw", _styles.playButtonClassName]),
19
+ "data-testid": "media-card-play-button-wrapper"
18
20
  }, props.children);
19
21
  };
package/dist/cjs/card/ui/tickBox/tickBoxWrapper-compiled.js CHANGED
@@ -16,6 +16,7 @@ var wrapperStyles = null;
16
16
  var TickBoxWrapper = exports.TickBoxWrapper = function TickBoxWrapper(props) {
17
17
  return /*#__PURE__*/React.createElement("div", {
18
18
  id: "tickBoxWrapper",
19
+ "data-testid": "media-card-tickbox",
19
20
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
20
21
  className: (0, _runtime.ax)(["_11c8fhey _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i12x7 _1ltv12x7 _syaz1j28 _1e0c11p5 _1b941ule", props.selected && "_bfhkyhbg _syaz5w2r", _styles.tickBoxClassName])
21
22
  }, props.children);
package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js CHANGED
@@ -57,7 +57,10 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
57
57
  color: "var(--ds-text, #292A2E)",
58
58
  backgroundColor: "var(--ds-background-neutral, #0515240F)",
59
59
  userSelect: 'text',
60
- transition: 'all 0.1s ease-in-out 0s',
60
+ transitionProperty: 'all',
61
+ transitionDuration: "var(--ds-duration-xshort, 0.1s)",
62
+ transitionTimingFunction: "var(--ds-easing-inout-bold, ease-in-out)",
63
+ transitionDelay: '0s',
61
64
  cursor: 'pointer'
62
65
  }, isSelected ? _objectSpread({}, selectedStyle) : {
63
66
  userSelect: 'text'
@@ -66,6 +69,7 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
66
69
  /*#__PURE__*/
67
70
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
68
71
  _react.default.createElement("span", {
72
+ "data-testid": "media-inline-error-boundary",
69
73
  style: style
70
74
  }, /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
71
75
  label: "error",
package/dist/es2019/card/ui/playButton/playButtonBackground-compiled.js CHANGED
@@ -6,8 +6,9 @@ import { bkgClassName } from './styles';
6
6
  const discSize = 48;
7
7
  const backgroundStyles = null;
8
8
  export const PlayButtonBackground = () => {
9
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
10
9
  return /*#__PURE__*/React.createElement("div", {
11
- className: ax(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsbckbl _4t3ickbl _bfhk1aqn", bkgClassName])
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
11
+ className: ax(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsbckbl _4t3ickbl _bfhk1aqn", bkgClassName]),
12
+ "data-testid": "media-card-play-button-background"
12
13
  });
13
14
  };
package/dist/es2019/card/ui/playButton/playButtonBackground.js CHANGED
@@ -7,9 +7,12 @@ import React from 'react';
7
7
  import { jsx } from '@emotion/react';
8
8
  import { backgroundStyles, bkgClassName } from './styles';
9
9
  export const PlayButtonBackground = () => {
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
11
10
  return jsx("div", {
12
- css: backgroundStyles,
13
- className: bkgClassName
11
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
12
+ css: backgroundStyles
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
14
+ ,
15
+ className: bkgClassName,
16
+ "data-testid": "media-card-play-button-background"
14
17
  });
15
18
  };
package/dist/es2019/card/ui/playButton/playButtonWrapper-compiled.js CHANGED
@@ -6,6 +6,8 @@ import { playButtonClassName } from './styles';
6
6
  const playButtonWrapperStyles = null;
7
7
  export const PlayButtonWrapper = props => {
8
8
  return /*#__PURE__*/React.createElement("div", {
9
- className: ax(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz5w2r _vr2wstnw", playButtonClassName])
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
10
+ className: ax(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz5w2r _vr2wstnw", playButtonClassName]),
11
+ "data-testid": "media-card-play-button-wrapper"
10
12
  }, props.children);
11
13
  };
package/dist/es2019/card/ui/tickBox/tickBoxWrapper-compiled.js CHANGED
@@ -8,6 +8,7 @@ const wrapperStyles = null;
8
8
  export const TickBoxWrapper = props => {
9
9
  return /*#__PURE__*/React.createElement("div", {
10
10
  id: "tickBoxWrapper",
11
+ "data-testid": "media-card-tickbox",
11
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
12
13
  className: ax(["_11c8fhey _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i12x7 _1ltv12x7 _syaz1j28 _1e0c11p5 _1b941ule", props.selected && "_bfhkyhbg _syaz5w2r", tickBoxClassName])
13
14
  }, props.children);
package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js CHANGED
@@ -42,7 +42,10 @@ const ErrorBoundaryComponent = ({
42
42
  color: "var(--ds-text, #292A2E)",
43
43
  backgroundColor: "var(--ds-background-neutral, #0515240F)",
44
44
  userSelect: 'text',
45
- transition: 'all 0.1s ease-in-out 0s',
45
+ transitionProperty: 'all',
46
+ transitionDuration: "var(--ds-duration-xshort, 0.1s)",
47
+ transitionTimingFunction: "var(--ds-easing-inout-bold, ease-in-out)",
48
+ transitionDelay: '0s',
46
49
  cursor: 'pointer',
47
50
  ...(isSelected ? {
48
51
  ...selectedStyle
@@ -54,6 +57,7 @@ const ErrorBoundaryComponent = ({
54
57
  /*#__PURE__*/
55
58
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
56
59
  React.createElement("span", {
60
+ "data-testid": "media-inline-error-boundary",
57
61
  style: style
58
62
  }, /*#__PURE__*/React.createElement(WarningIcon, {
59
63
  label: "error",
package/dist/esm/card/ui/playButton/playButtonBackground-compiled.js CHANGED
@@ -6,9 +6,10 @@ import { bkgClassName } from './styles';
6
6
  var discSize = 48;
7
7
  var backgroundStyles = null;
8
8
  export var PlayButtonBackground = function PlayButtonBackground() {
9
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
10
9
  return /*#__PURE__*/React.createElement("div", {
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
11
11
  className: ax(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsb1ezv _4t3i1ezv _bfhk1aqn", bkgClassName]),
12
+ "data-testid": "media-card-play-button-background",
12
13
  style: {
13
14
  "--_zq1rrr": ix("".concat(discSize, "px"))
14
15
  }
package/dist/esm/card/ui/playButton/playButtonBackground.js CHANGED
@@ -7,9 +7,12 @@ import React from 'react';
7
7
  import { jsx } from '@emotion/react';
8
8
  import { backgroundStyles, bkgClassName } from './styles';
9
9
  export var PlayButtonBackground = function PlayButtonBackground() {
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
11
10
  return jsx("div", {
12
- css: backgroundStyles,
13
- className: bkgClassName
11
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
12
+ css: backgroundStyles
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
14
+ ,
15
+ className: bkgClassName,
16
+ "data-testid": "media-card-play-button-background"
14
17
  });
15
18
  };
package/dist/esm/card/ui/playButton/playButtonWrapper-compiled.js CHANGED
@@ -6,6 +6,8 @@ import { playButtonClassName } from './styles';
6
6
  var playButtonWrapperStyles = null;
7
7
  export var PlayButtonWrapper = function PlayButtonWrapper(props) {
8
8
  return /*#__PURE__*/React.createElement("div", {
9
- className: ax(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz5w2r _vr2wstnw", playButtonClassName])
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
10
+ className: ax(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz5w2r _vr2wstnw", playButtonClassName]),
11
+ "data-testid": "media-card-play-button-wrapper"
10
12
  }, props.children);
11
13
  };
package/dist/esm/card/ui/tickBox/tickBoxWrapper-compiled.js CHANGED
@@ -8,6 +8,7 @@ var wrapperStyles = null;
8
8
  export var TickBoxWrapper = function TickBoxWrapper(props) {
9
9
  return /*#__PURE__*/React.createElement("div", {
10
10
  id: "tickBoxWrapper",
11
+ "data-testid": "media-card-tickbox",
11
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
12
13
  className: ax(["_11c8fhey _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i12x7 _1ltv12x7 _syaz1j28 _1e0c11p5 _1b941ule", props.selected && "_bfhkyhbg _syaz5w2r", tickBoxClassName])
13
14
  }, props.children);
package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js CHANGED
@@ -50,7 +50,10 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
50
50
  color: "var(--ds-text, #292A2E)",
51
51
  backgroundColor: "var(--ds-background-neutral, #0515240F)",
52
52
  userSelect: 'text',
53
- transition: 'all 0.1s ease-in-out 0s',
53
+ transitionProperty: 'all',
54
+ transitionDuration: "var(--ds-duration-xshort, 0.1s)",
55
+ transitionTimingFunction: "var(--ds-easing-inout-bold, ease-in-out)",
56
+ transitionDelay: '0s',
54
57
  cursor: 'pointer'
55
58
  }, isSelected ? _objectSpread({}, selectedStyle) : {
56
59
  userSelect: 'text'
@@ -59,6 +62,7 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
59
62
  /*#__PURE__*/
60
63
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
61
64
  React.createElement("span", {
65
+ "data-testid": "media-inline-error-boundary",
62
66
  style: style
63
67
  }, /*#__PURE__*/React.createElement(WarningIcon, {
64
68
  label: "error",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-card",
3
- "version": "80.4.7",
3
+ "version": "80.4.9",
4
4
  "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -54,12 +54,12 @@
54
54
  "@atlaskit/platform-feature-flags": "^1.1.0",
55
55
  "@atlaskit/primitives": "^19.0.0",
56
56
  "@atlaskit/progress-bar": "^4.2.0",
57
- "@atlaskit/react-ufo": "^5.19.0",
57
+ "@atlaskit/react-ufo": "^5.20.0",
58
58
  "@atlaskit/spinner": "^19.1.0",
59
59
  "@atlaskit/theme": "^23.2.0",
60
- "@atlaskit/tmp-editor-statsig": "^77.3.0",
60
+ "@atlaskit/tmp-editor-statsig": "^79.0.0",
61
61
  "@atlaskit/tokens": "^13.0.0",
62
- "@atlaskit/tooltip": "^22.1.0",
62
+ "@atlaskit/tooltip": "^22.2.0",
63
63
  "@atlaskit/ufo": "^0.4.0",
64
64
  "@atlaskit/visually-hidden": "^3.1.0",
65
65
  "@babel/runtime": "^7.0.0",