@atlaskit/media-card 79.5.8 → 79.5.10

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-card
 
+## 79.5.10
+
+### Patch Changes
+
+- Updated dependencies
+
+## 79.5.9
+
+### Patch Changes
+
+- [`5d0b8ba5e6f7f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5d0b8ba5e6f7f) -
+  Internal changes to how borders are applied.
+- Updated dependencies
+
 ## 79.5.8
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -20,7 +20,7 @@ var _label = _interopRequireDefault(require("@atlaskit/react-ufo/label"));
 var _excluded = ["identifier"];
 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); }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "79.5.9";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/media-card-analytics-error-boundary.js

@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "79.5.9";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/card/ui/playButton/playButtonBackground-compiled.compiled.css

@@ -1,5 +1,5 @@
 
-._2rko1osq{border-radius:100%}._1bsb1ezv{width:var(--_zq1rrr)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}._1bsb1ezv{width:var(--_zq1rrr)}
 ._1oec1yx9{transition-duration:.1s}
 ._4t3i1ezv{height:var(--_zq1rrr)}
 ._bfhk1ypx{background-color:var(--_gra0m5)}

package/dist/cjs/card/ui/playButton/playButtonBackground-compiled.js

@@ -17,7 +17,7 @@ var backgroundStyles = null;
 var PlayButtonBackground = exports.PlayButtonBackground = function PlayButtonBackground() {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_2rko1osq _k8m0jofv _1oec1yx9 _kqswstnw _1bsb1ezv _4t3i1ezv _bfhk1ypx", _styles.bkgClassName]),
+    className: (0, _runtime.ax)(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsb1ezv _4t3i1ezv _bfhk1ypx", _styles.bkgClassName]),
     style: {
       "--_zq1rrr": (0, _runtime.ix)("".concat(discSize, "px")),
       "--_gra0m5": (0, _runtime.ix)("var(--ds-background-neutral-bold, ".concat(_colors.N90A, ")"))

package/dist/cjs/card/ui/playButton/styles.js

@@ -39,5 +39,5 @@ var backgroundStyles = exports.backgroundStyles = (0, _react.css)({
   width: "".concat(discSize, "px"),
   height: "".concat(discSize, "px"),
   background: "var(--ds-background-neutral-bold, ".concat(_colors.N90A, ")"),
-  borderRadius: '100%'
+  borderRadius: "var(--ds-radius-full, 9999px)"
 });

package/dist/cjs/inline/loader.js

@@ -116,7 +116,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "0.0.0-development",
+        packageName: "79.5.9",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/utils/ufoExperiences.js

@@ -15,7 +15,7 @@ var _mediaClient = require("@atlaskit/media-client");
 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; }
 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; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "79.5.9";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

package/dist/es2019/card/card.js

@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import UFOLabel from '@atlaskit/react-ufo/label';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "0.0.0-development";
+const packageVersion = "79.5.9";
 export const CardBase = ({
   identifier,
   ...otherProps

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "0.0.0-development";
+const packageVersion = "79.5.9";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/es2019/card/ui/playButton/playButtonBackground-compiled.compiled.css

@@ -1,5 +1,5 @@
 
-._2rko1osq{border-radius:100%}._1bsbckbl{width:3pc}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}._1bsbckbl{width:3pc}
 ._1oec1yx9{transition-duration:.1s}
 ._4t3ickbl{height:3pc}
 ._bfhk19wx{background-color:var(--ds-background-neutral-bold,rgba(9,30,66,.48))}

package/dist/es2019/card/ui/playButton/playButtonBackground-compiled.js

@@ -9,6 +9,6 @@ const backgroundStyles = null;
 export const PlayButtonBackground = () => {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rko1osq _k8m0jofv _1oec1yx9 _kqswstnw _1bsbckbl _4t3ickbl _bfhk19wx", bkgClassName])
+    className: ax(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsbckbl _4t3ickbl _bfhk19wx", bkgClassName])
   });
 };

package/dist/es2019/card/ui/playButton/styles.js

@@ -37,5 +37,5 @@ export const backgroundStyles = css({
   width: `${discSize}px`,
   height: `${discSize}px`,
   background: `var(--ds-background-neutral-bold, ${N90A})`,
-  borderRadius: '100%'
+  borderRadius: "var(--ds-radius-full, 9999px)"
 });

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "0.0.0-development",
+      packageName: "79.5.9",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "0.0.0-development";
+const packageVersion = "79.5.9";
 const SAMPLE_RATE = 0.05;
 let concurrentExperience;
 const getExperience = id => {

package/dist/esm/card/card.js

@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import UFOLabel from '@atlaskit/react-ufo/label';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "79.5.9";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "79.5.9";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/esm/card/ui/playButton/playButtonBackground-compiled.compiled.css

@@ -1,5 +1,5 @@
 
-._2rko1osq{border-radius:100%}._1bsb1ezv{width:var(--_zq1rrr)}
+._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}._1bsb1ezv{width:var(--_zq1rrr)}
 ._1oec1yx9{transition-duration:.1s}
 ._4t3i1ezv{height:var(--_zq1rrr)}
 ._bfhk1ypx{background-color:var(--_gra0m5)}

package/dist/esm/card/ui/playButton/playButtonBackground-compiled.js

@@ -9,7 +9,7 @@ var backgroundStyles = null;
 export var PlayButtonBackground = function PlayButtonBackground() {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rko1osq _k8m0jofv _1oec1yx9 _kqswstnw _1bsb1ezv _4t3i1ezv _bfhk1ypx", bkgClassName]),
+    className: ax(["_2rko1rr0 _k8m0jofv _1oec1yx9 _kqswstnw _1bsb1ezv _4t3i1ezv _bfhk1ypx", bkgClassName]),
     style: {
       "--_zq1rrr": ix("".concat(discSize, "px")),
       "--_gra0m5": ix("var(--ds-background-neutral-bold, ".concat(N90A, ")"))

package/dist/esm/card/ui/playButton/styles.js

@@ -32,5 +32,5 @@ export var backgroundStyles = css({
   width: "".concat(discSize, "px"),
   height: "".concat(discSize, "px"),
   background: "var(--ds-background-neutral-bold, ".concat(N90A, ")"),
-  borderRadius: '100%'
+  borderRadius: "var(--ds-radius-full, 9999px)"
 });

package/dist/esm/inline/loader.js

@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "0.0.0-development",
+        packageName: "79.5.9",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "0.0.0-development";
+var packageVersion = "79.5.9";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

package/example-helpers/svg-helpers/svgContainer.tsx

@@ -14,7 +14,7 @@ const containerStyles = xcss({
 	boxSizing: 'border-box',
 	outlineColor: 'color.border.accent.orange',
 	outlineStyle: 'solid',
-	outlineWidth: 'border.width.indicator',
+	outlineWidth: 'border.width.selected',
 	margin: 'auto',
 	marginTop: 'space.100',
 	backgroundColor: 'color.background.accent.green.subtler',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.5.8",
+	"version": "79.5.10",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -47,7 +47,7 @@
 		"@atlaskit/primitives": "^14.14.0",
 		"@atlaskit/react-ufo": "^4.6.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/theme": "^20.0.0",
+		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/ufo": "^0.4.0",