@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.
Files changed (60) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/card/card.js +1 -1
  3. package/dist/cjs/card/inlinePlayerWrapper-compiled.compiled.css +2 -2
  4. package/dist/cjs/card/inlinePlayerWrapper-compiled.js +1 -1
  5. package/dist/cjs/card/inlinePlayerWrapperStyles.js +2 -2
  6. package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
  7. package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton-compiled.compiled.css +1 -1
  8. package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton-compiled.js +1 -1
  9. package/dist/cjs/card/ui/progressBar/styledBar-compiled.compiled.css +1 -1
  10. package/dist/cjs/card/ui/progressBar/styledBar-compiled.js +2 -2
  11. package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css +1 -1
  12. package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
  13. package/dist/cjs/card/ui/wrapper/imageContainer-compiled.compiled.css +1 -1
  14. package/dist/cjs/card/ui/wrapper/imageContainer-compiled.js +1 -1
  15. package/dist/cjs/card/ui/wrapper/imageContainer-emotion.js +1 -1
  16. package/dist/cjs/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
  17. package/dist/cjs/card/ui/wrapper/wrapper-compiled.js +1 -1
  18. package/dist/cjs/inline/loader.js +1 -1
  19. package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
  20. package/dist/cjs/utils/ufoExperiences.js +1 -1
  21. package/dist/es2019/card/card.js +1 -1
  22. package/dist/es2019/card/inlinePlayerWrapper-compiled.compiled.css +2 -2
  23. package/dist/es2019/card/inlinePlayerWrapper-compiled.js +1 -1
  24. package/dist/es2019/card/inlinePlayerWrapperStyles.js +2 -2
  25. package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
  26. package/dist/es2019/card/ui/actionsBar/cardActions/cardActionButton-compiled.compiled.css +1 -1
  27. package/dist/es2019/card/ui/actionsBar/cardActions/cardActionButton-compiled.js +1 -1
  28. package/dist/es2019/card/ui/progressBar/styledBar-compiled.compiled.css +1 -1
  29. package/dist/es2019/card/ui/progressBar/styledBar-compiled.js +2 -2
  30. package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css +1 -1
  31. package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
  32. package/dist/es2019/card/ui/wrapper/imageContainer-compiled.compiled.css +1 -1
  33. package/dist/es2019/card/ui/wrapper/imageContainer-compiled.js +1 -1
  34. package/dist/es2019/card/ui/wrapper/imageContainer-emotion.js +1 -1
  35. package/dist/es2019/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
  36. package/dist/es2019/card/ui/wrapper/wrapper-compiled.js +1 -1
  37. package/dist/es2019/inline/loader.js +1 -1
  38. package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
  39. package/dist/es2019/utils/ufoExperiences.js +1 -1
  40. package/dist/esm/card/card.js +1 -1
  41. package/dist/esm/card/inlinePlayerWrapper-compiled.compiled.css +2 -2
  42. package/dist/esm/card/inlinePlayerWrapper-compiled.js +1 -1
  43. package/dist/esm/card/inlinePlayerWrapperStyles.js +2 -2
  44. package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
  45. package/dist/esm/card/ui/actionsBar/cardActions/cardActionButton-compiled.compiled.css +1 -1
  46. package/dist/esm/card/ui/actionsBar/cardActions/cardActionButton-compiled.js +1 -1
  47. package/dist/esm/card/ui/progressBar/styledBar-compiled.compiled.css +1 -1
  48. package/dist/esm/card/ui/progressBar/styledBar-compiled.js +2 -2
  49. package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.compiled.css +1 -1
  50. package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js +1 -1
  51. package/dist/esm/card/ui/wrapper/imageContainer-compiled.compiled.css +1 -1
  52. package/dist/esm/card/ui/wrapper/imageContainer-compiled.js +1 -1
  53. package/dist/esm/card/ui/wrapper/imageContainer-emotion.js +1 -1
  54. package/dist/esm/card/ui/wrapper/wrapper-compiled.compiled.css +1 -1
  55. package/dist/esm/card/ui/wrapper/wrapper-compiled.js +1 -1
  56. package/dist/esm/inline/loader.js +1 -1
  57. package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
  58. package/dist/esm/utils/ufoExperiences.js +1 -1
  59. package/example-helpers/styles.ts +1 -1
  60. 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
@@ -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.4";
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
- ._14mj1sit:after{border-radius:var(--ds-border-radius,3px)}
3
- ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
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 _2rko1sit _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mj1sit _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq4314x9", inlinePlayerClassName]),
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-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';
@@ -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.4";
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)({
@@ -1,5 +1,5 @@
1
1
  ._19itglyw{border:none}
2
- ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
3
  ._1bah1h6o{justify-content:center}
4
4
  ._1bsb1ou6{width:26px}
5
5
  ._1e0c1txw{display:flex}
@@ -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 _2rko1sit _r06hglyw _1e0c1txw _4cvr1h6o _1bah1h6o _1bsb1ou6 _4t3i1ou6 _syaz5lkc _d0altlke", variantStyleMap[(_props$variant = props.variant) !== null && _props$variant !== void 0 ? _props$variant : 'default']]),
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
- ._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%}
@@ -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';
@@ -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}
@@ -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, ")"))
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rko1sit{border-radius:var(--ds-border-radius,3px)}._18m915vq{overflow-y:hidden}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._18m915vq{overflow-y:hidden}
3
3
  ._1bah1h6o{justify-content:center}
4
4
  ._1bsb1osq{width:100%}
5
5
  ._1e0c1txw{display:flex}
@@ -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 _2rko1sit _1e0c1txw _kqswh2mm _p12f1osq _1bsb1osq _4t3i1osq _c71l1osq", centerElements && "_2lx21bp4 _1bah1h6o _4cvr1h6o", _classnames.fileCardImageViewSelector]),
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-border-radius, 3px)"
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
- ._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))}
@@ -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,
@@ -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.4",
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-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',
@@ -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.4";
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) {
@@ -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.4";
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
- ._14mj1sit:after{border-radius:var(--ds-border-radius,3px)}
3
- ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
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 _2rko1sit _kqswh2mm _p12f1osq _c71l1osq _1bsbbj0z _4t3io1dg _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mj1sit _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43qm0p", inlinePlayerClassName]),
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-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%;
@@ -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.4";
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({
@@ -1,5 +1,5 @@
1
1
  ._19itglyw{border:none}
2
- ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
3
  ._1bah1h6o{justify-content:center}
4
4
  ._1bsb1ou6{width:26px}
5
5
  ._1e0c1txw{display:flex}
@@ -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 _2rko1sit _r06hglyw _1e0c1txw _4cvr1h6o _1bah1h6o _1bsb1ou6 _4t3i1ou6 _syazilmm _d0altlke", variantStyleMap[(_props$variant = props.variant) !== null && _props$variant !== void 0 ? _props$variant : 'default']])
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
  });
@@ -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}
@@ -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';
@@ -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}
@@ -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})`,
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rko1sit{border-radius:var(--ds-border-radius,3px)}._18m915vq{overflow-y:hidden}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._18m915vq{overflow-y:hidden}
3
3
  ._1bah1h6o{justify-content:center}
4
4
  ._1bsb1osq{width:100%}
5
5
  ._1e0c1txw{display:flex}
@@ -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 _2rko1sit _1e0c1txw _kqswh2mm _p12f1osq _1bsb1osq _4t3i1osq _c71l1osq", centerElements && "_2lx21bp4 _1bah1h6o _4cvr1h6o", fileCardImageViewSelector]),
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-border-radius, 3px)"
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
- ._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))}
@@ -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,
@@ -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.4",
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-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',
@@ -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.4";
8
+ const packageVersion = "0.0.0-development";
9
9
  const SAMPLE_RATE = 0.05;
10
10
  let concurrentExperience;
11
11
  const getExperience = id => {
@@ -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.4";
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
- ._14mj1sit:after{border-radius:var(--ds-border-radius,3px)}
3
- ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
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 _2rko1sit _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mj1sit _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq4314x9", inlinePlayerClassName]),
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-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';
@@ -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.4";
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({
@@ -1,5 +1,5 @@
1
1
  ._19itglyw{border:none}
2
- ._2rko1sit{border-radius:var(--ds-border-radius,3px)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
3
  ._1bah1h6o{justify-content:center}
4
4
  ._1bsb1ou6{width:26px}
5
5
  ._1e0c1txw{display:flex}
@@ -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 _2rko1sit _r06hglyw _1e0c1txw _4cvr1h6o _1bah1h6o _1bsb1ou6 _4t3i1ou6 _syaz5lkc _d0altlke", variantStyleMap[(_props$variant = props.variant) !== null && _props$variant !== void 0 ? _props$variant : 'default']]),
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
- ._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%}
@@ -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';
@@ -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}
@@ -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, ")"))
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rko1sit{border-radius:var(--ds-border-radius,3px)}._18m915vq{overflow-y:hidden}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._18m915vq{overflow-y:hidden}
3
3
  ._1bah1h6o{justify-content:center}
4
4
  ._1bsb1osq{width:100%}
5
5
  ._1e0c1txw{display:flex}
@@ -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 _2rko1sit _1e0c1txw _kqswh2mm _p12f1osq _1bsb1osq _4t3i1osq _c71l1osq", centerElements && "_2lx21bp4 _1bah1h6o _4cvr1h6o", fileCardImageViewSelector]),
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-border-radius, 3px)"
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
- ._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))}
@@ -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,
@@ -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.4",
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-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',
@@ -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.4";
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('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.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.12.0",
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.1.0",
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.2.0",
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.2.0",
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",