@atlaskit/media-card 79.5.4 → 79.5.6

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 (39) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/card/card.js +1 -1
  3. package/dist/cjs/card/inlinePlayerWrapperStyles.js +2 -2
  4. package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
  5. package/dist/cjs/card/ui/progressBar/styledBar-compiled.compiled.css +1 -1
  6. package/dist/cjs/card/ui/progressBar/styledBar-compiled.js +2 -2
  7. package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css +1 -1
  8. package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
  9. package/dist/cjs/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
  10. package/dist/cjs/card/ui/wrapper/wrapper-compiled.js +1 -1
  11. package/dist/cjs/inline/loader.js +1 -1
  12. package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
  13. package/dist/cjs/utils/ufoExperiences.js +1 -1
  14. package/dist/es2019/card/card.js +1 -1
  15. package/dist/es2019/card/inlinePlayerWrapperStyles.js +2 -2
  16. package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
  17. package/dist/es2019/card/ui/progressBar/styledBar-compiled.compiled.css +1 -1
  18. package/dist/es2019/card/ui/progressBar/styledBar-compiled.js +2 -2
  19. package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css +1 -1
  20. package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
  21. package/dist/es2019/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
  22. package/dist/es2019/card/ui/wrapper/wrapper-compiled.js +1 -1
  23. package/dist/es2019/inline/loader.js +1 -1
  24. package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
  25. package/dist/es2019/utils/ufoExperiences.js +1 -1
  26. package/dist/esm/card/card.js +1 -1
  27. package/dist/esm/card/inlinePlayerWrapperStyles.js +2 -2
  28. package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
  29. package/dist/esm/card/ui/progressBar/styledBar-compiled.compiled.css +1 -1
  30. package/dist/esm/card/ui/progressBar/styledBar-compiled.js +2 -2
  31. package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css +1 -1
  32. package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
  33. package/dist/esm/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
  34. package/dist/esm/card/ui/wrapper/wrapper-compiled.js +1 -1
  35. package/dist/esm/inline/loader.js +1 -1
  36. package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
  37. package/dist/esm/utils/ufoExperiences.js +1 -1
  38. package/example-helpers/styles.ts +1 -1
  39. package/package.json +8 -14
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/media-card
2
2
 
3
+ ## 79.5.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`e5001e144b74e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5001e144b74e) -
8
+ Internal changes to how border radius is applied.
9
+ - Updated dependencies
10
+
11
+ ## 79.5.5
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 79.5.4
4
18
 
5
19
  ### 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 = "79.5.3";
23
+ var packageVersion = "79.5.5";
24
24
  var CardBase = exports.CardBase = function CardBase(_ref) {
25
25
  var identifier = _ref.identifier,
26
26
  otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
package/dist/cjs/card/inlinePlayerWrapperStyles.js CHANGED
@@ -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-border-radius-100, 3px)", ";\n ").concat(selected ? (0, _selection.getSelectionStyles)([_selection.SelectionStyle.Border]) : '', "\n }\n ");
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-border-radius-100, 3px)", getSelectedBorderStyle(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-radius-small, 3px)", getSelectedBorderStyle(selected));
26
26
  };
27
27
  inlinePlayerWrapperStyles.displayName = 'InlinePlayerWrapper';
package/dist/cjs/card/media-card-analytics-error-boundary.js CHANGED
@@ -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 = "79.5.3";
90
+ var packageVersion = "79.5.5";
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)({
package/dist/cjs/card/ui/progressBar/styledBar-compiled.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._1yt4xh0m{padding:var(--_cw4itz)}
3
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._18m915vq{overflow-y:hidden}
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%}
package/dist/cjs/card/ui/progressBar/styledBar-compiled.js CHANGED
@@ -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 _2rkosqtm _kqswstnw _1bsb1b7y _1ltv1ghs _bfhkrcrw _4t3i12iw _vchhusvi"]),
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)(["_2rkosqtm _bfhk1p0d _1e0c1ule _4t3i1osq"])
64
+ className: (0, _runtime.ax)(["_2rkofajl _bfhk1p0d _1e0c1ule _4t3i1osq"])
65
65
  }));
66
66
  };
67
67
  StyledBar.displayName = 'StyledProgressBar';
package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css CHANGED
@@ -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
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._1bah1h6o{justify-content:center}
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}
package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js CHANGED
@@ -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)(["_2rkosqtm _1e0c1txw _4cvr1h6o _1bah1h6o _bfhklslw _syaz1dfj _c71l1osq _p12f1osq _2lx21bp4 _1i7v2smr _31ku1h6o"]),
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, ")"))
package/dist/cjs/card/ui/wrapper/wrapper-compiled.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
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))}
package/dist/cjs/card/ui/wrapper/wrapper-compiled.js CHANGED
@@ -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)(["_2rkosqtm _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]),
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,
package/dist/cjs/inline/loader.js CHANGED
@@ -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: "79.5.3",
119
+ packageName: "79.5.5",
120
120
  componentName: 'mediaInlineCard',
121
121
  component: 'mediaInlineCard'
122
122
  };
package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js CHANGED
@@ -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-border-radius-100, 3px)",
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',
package/dist/cjs/utils/ufoExperiences.js CHANGED
@@ -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 = "79.5.3";
18
+ var packageVersion = "79.5.5";
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 = "79.5.3";
12
+ const packageVersion = "79.5.5";
13
13
  export const CardBase = ({
14
14
  identifier,
15
15
  ...otherProps
package/dist/es2019/card/inlinePlayerWrapperStyles.js CHANGED
@@ -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-border-radius-100, 3px)"};
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-border-radius-100, 3px)"};
34
+ border-radius: ${"var(--ds-radius-small, 3px)"};
35
35
  position: relative;
36
36
  max-width: 100%;
37
37
  max-height: 100%;
package/dist/es2019/card/media-card-analytics-error-boundary.js CHANGED
@@ -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 = "79.5.3";
69
+ const packageVersion = "79.5.5";
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({
package/dist/es2019/card/ui/progressBar/styledBar-compiled.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._18m915vq{overflow-y:hidden}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._18m915vq{overflow-y:hidden}
3
3
  ._19bvt94y{padding-left:1px}
4
4
  ._1bsb1lk2{width:95%}
5
5
  ._1e0c1ule{display:block}
package/dist/es2019/card/ui/progressBar/styledBar-compiled.js CHANGED
@@ -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 _2rkosqtm _kqswstnw _1bsb1lk2 _1ltv1ghs _bfhkrcrw _4t3i14y2 _vchhusvi"])
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(["_2rkosqtm _bfhk1p0d _1e0c1ule _4t3i1osq"])
51
+ className: ax(["_2rkofajl _bfhk1p0d _1e0c1ule _4t3i1osq"])
52
52
  }));
53
53
  };
54
54
  StyledBar.displayName = 'StyledProgressBar';
package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css CHANGED
@@ -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
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._1bah1h6o{justify-content:center}
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}
package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js CHANGED
@@ -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(["_2rkosqtm _1e0c1txw _4cvr1h6o _1bah1h6o _bfhk1s4m _syaz1aqp _c71l1osq _p12f1osq _2lx21bp4 _1i7v2smr _31ku1h6o"])
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})`,
package/dist/es2019/card/ui/wrapper/wrapper-compiled.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
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))}
package/dist/es2019/card/ui/wrapper/wrapper-compiled.js CHANGED
@@ -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(["_2rkosqtm _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]),
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,
package/dist/es2019/inline/loader.js CHANGED
@@ -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: "79.5.3",
40
+ packageName: "79.5.5",
41
41
  componentName: 'mediaInlineCard',
42
42
  component: 'mediaInlineCard'
43
43
  };
package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js CHANGED
@@ -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-border-radius-100, 3px)",
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',
package/dist/es2019/utils/ufoExperiences.js CHANGED
@@ -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 = "79.5.3";
8
+ const packageVersion = "79.5.5";
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 = "79.5.3";
14
+ var packageVersion = "79.5.5";
15
15
  export var CardBase = function CardBase(_ref) {
16
16
  var identifier = _ref.identifier,
17
17
  otherProps = _objectWithoutProperties(_ref, _excluded);
package/dist/esm/card/inlinePlayerWrapperStyles.js CHANGED
@@ -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-border-radius-100, 3px)", ";\n ").concat(selected ? getSelectionStyles([SelectionStyle.Border]) : '', "\n }\n ");
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-border-radius-100, 3px)", getSelectedBorderStyle(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-radius-small, 3px)", getSelectedBorderStyle(selected));
20
20
  };
21
21
  inlinePlayerWrapperStyles.displayName = 'InlinePlayerWrapper';
package/dist/esm/card/media-card-analytics-error-boundary.js CHANGED
@@ -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 = "79.5.3";
83
+ var packageVersion = "79.5.5";
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({
package/dist/esm/card/ui/progressBar/styledBar-compiled.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._1yt4xh0m{padding:var(--_cw4itz)}
3
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._18m915vq{overflow-y:hidden}
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%}
package/dist/esm/card/ui/progressBar/styledBar-compiled.js CHANGED
@@ -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 _2rkosqtm _kqswstnw _1bsb1b7y _1ltv1ghs _bfhkrcrw _4t3i12iw _vchhusvi"]),
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(["_2rkosqtm _bfhk1p0d _1e0c1ule _4t3i1osq"])
54
+ className: ax(["_2rkofajl _bfhk1p0d _1e0c1ule _4t3i1osq"])
55
55
  }));
56
56
  };
57
57
  StyledBar.displayName = 'StyledProgressBar';
package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css CHANGED
@@ -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
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._1bah1h6o{justify-content:center}
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}
package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js CHANGED
@@ -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(["_2rkosqtm _1e0c1txw _4cvr1h6o _1bah1h6o _bfhklslw _syaz1dfj _c71l1osq _p12f1osq _2lx21bp4 _1i7v2smr _31ku1h6o"]),
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, ")"))
package/dist/esm/card/ui/wrapper/wrapper-compiled.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
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))}
package/dist/esm/card/ui/wrapper/wrapper-compiled.js CHANGED
@@ -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(["_2rkosqtm _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]),
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,
package/dist/esm/inline/loader.js CHANGED
@@ -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: "79.5.3",
104
+ packageName: "79.5.5",
105
105
  componentName: 'mediaInlineCard',
106
106
  component: 'mediaInlineCard'
107
107
  };
package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js CHANGED
@@ -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-border-radius-100, 3px)",
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',
package/dist/esm/utils/ufoExperiences.js CHANGED
@@ -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 = "79.5.3";
11
+ var packageVersion = "79.5.5";
12
12
  var SAMPLE_RATE = 0.05;
13
13
  var concurrentExperience;
14
14
  var getExperience = function getExperience(id) {
package/example-helpers/styles.ts CHANGED
@@ -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('border.radius.100', '3px'),
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.4",
3
+ "version": "79.5.6",
4
4
  "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -24,11 +24,6 @@
24
24
  "*.compiled.css"
25
25
  ],
26
26
  "atlaskit:src": "src/index.ts",
27
- "af:exports": {
28
- "./types": "./src/types.ts",
29
- ".": "./src/index.ts",
30
- "./classnames": "./src/classnames.ts"
31
- },
32
27
  "atlassian": {
33
28
  "team": "Media Exif",
34
29
  "website": {
@@ -39,7 +34,7 @@
39
34
  "@atlaskit/analytics-next": "^11.1.0",
40
35
  "@atlaskit/dropdown-menu": "^16.3.0",
41
36
  "@atlaskit/editor-shared-styles": "^3.6.0",
42
- "@atlaskit/icon": "^28.0.0",
37
+ "@atlaskit/icon": "^28.1.0",
43
38
  "@atlaskit/link": "^3.2.0",
44
39
  "@atlaskit/media-client": "^35.3.0",
45
40
  "@atlaskit/media-client-react": "^4.1.0",
@@ -49,11 +44,11 @@
49
44
  "@atlaskit/media-ui": "^28.6.0",
50
45
  "@atlaskit/media-viewer": "^52.4.0",
51
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
52
- "@atlaskit/primitives": "^14.11.0",
53
- "@atlaskit/react-ufo": "^4.4.0",
47
+ "@atlaskit/primitives": "^14.12.0",
48
+ "@atlaskit/react-ufo": "^4.5.0",
54
49
  "@atlaskit/spinner": "^19.0.0",
55
- "@atlaskit/theme": "^19.0.0",
56
- "@atlaskit/tokens": "^6.0.0",
50
+ "@atlaskit/theme": "^20.0.0",
51
+ "@atlaskit/tokens": "^6.1.0",
57
52
  "@atlaskit/tooltip": "^20.4.0",
58
53
  "@atlaskit/ufo": "^0.4.0",
59
54
  "@atlaskit/visually-hidden": "^3.0.0",
@@ -76,18 +71,17 @@
76
71
  "@af/integration-testing": "workspace:^",
77
72
  "@atlaskit/analytics-listeners": "^9.0.0",
78
73
  "@atlaskit/analytics-namespaced-context": "^7.0.0",
79
- "@atlaskit/form": "^12.1.0",
74
+ "@atlaskit/form": "^12.4.0",
80
75
  "@atlaskit/inline-message": "^15.3.0",
81
76
  "@atlaskit/media-core": "^37.0.0",
82
77
  "@atlaskit/media-picker": "^70.0.0",
83
78
  "@atlaskit/media-state": "^1.8.0",
84
79
  "@atlaskit/media-test-data": "^3.2.0",
85
80
  "@atlaskit/media-test-helpers": "^39.0.0",
86
- "@atlaskit/radio": "^8.2.0",
81
+ "@atlaskit/radio": "^8.3.0",
87
82
  "@atlaskit/range": "^9.2.0",
88
83
  "@atlaskit/ssr": "workspace:^",
89
84
  "@atlaskit/toggle": "^15.1.0",
90
- "@atlaskit/visual-regression": "workspace:^",
91
85
  "@atlassian/feature-flags-test-utils": "^0.3.0",
92
86
  "@atlassian/ufo": "^0.7.0",
93
87
  "@testing-library/dom": "^10.1.0",