@atlaskit/smart-card 29.2.0 → 29.3.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 29.3.0
+
+### Minor Changes
+
+- [#150690](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150690)
+  [`dc28b053e40da`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dc28b053e40da) -
+  [ux] Enable new icons behind a feature flag.
+
 ## 29.2.0
 
 ### Minor Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "29.2.0"
+  packageVersion: "29.3.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/BlockCard/views/ErroredView.js

@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _react2 = require("react");
 var _colors = require("@atlaskit/theme/colors");
-var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
+var _warning = _interopRequireDefault(require("@atlaskit/icon/utility/migration/warning"));
 var _Frame = require("../components/Frame");
 var _Byline = require("../../common/Byline");
 var _ActionList = require("../components/ActionList");
@@ -22,12 +22,16 @@ var _handlers = require("../utils/handlers");
 var _Link = require("../components/Link");
 var _UnresolvedText = require("../components/UnresolvedText");
 var _RetryAction = require("../actions/RetryAction");
+var _primitives = require("@atlaskit/primitives");
 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; } /**
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var textDescriptionProps = _objectSpread({}, _messages.messages.could_not_load_link);
+var iconWrapperStyles = (0, _primitives.xcss)({
+  marginInline: 'space.025'
+});
 /**
  * Class name for selecting non-flexible errored block card
  *
@@ -70,14 +74,16 @@ var ErroredView = exports.ErroredView = function ErroredView(_ref) {
     url: link,
     testId: testId
   })), (0, _react.jsx)(_Byline.Byline, null, (0, _react.jsx)(_UnresolvedText.UnresolvedText, {
-    icon:
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19513
-    (0, _react.jsx)(_warning.default, {
+    icon: (0, _react.jsx)(_primitives.Flex, {
+      alignItems: "center",
+      xcss: iconWrapperStyles
+    }, (0, _react.jsx)(_warning.default, {
       label: "errored-warning-icon",
-      size: "small",
-      primaryColor: "var(--ds-icon-warning, ".concat(_colors.R300, ")"),
-      testId: "".concat(testId, "-warning-icon")
-    }),
+      LEGACY_size: "small",
+      color: "var(--ds-icon-warning, ".concat(_colors.R300, ")"),
+      testId: "".concat(testId, "-warning-icon"),
+      LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 ", "var(--ds-space-negative-025, -2px)")
+    })),
     text: (0, _react.jsx)(_reactIntlNext.FormattedMessage, textDescriptionProps)
   }))), (0, _react.jsx)(_ContentFooter.ContentFooter, null, (0, _react.jsx)(_ActionList.ActionList, {
     items: actions

package/dist/cjs/view/LinkUrl/index.js

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "29.2.0",
+  packageVersion: "29.3.0",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "29.2.0"
+  packageVersion: "29.3.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/BlockCard/views/ErroredView.js

@@ -7,7 +7,7 @@ import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { useMemo } from 'react';
 import { R300 } from '@atlaskit/theme/colors';
-import WarningIcon from '@atlaskit/icon/glyph/warning';
+import WarningIcon from '@atlaskit/icon/utility/migration/warning';
 import { Frame } from '../components/Frame';
 import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
@@ -19,9 +19,13 @@ import { handleClickCommon } from '../utils/handlers';
 import { Link } from '../components/Link';
 import { UnresolvedText } from '../components/UnresolvedText';
 import { RetryAction } from '../actions/RetryAction';
+import { Flex, xcss } from '@atlaskit/primitives';
 const textDescriptionProps = {
   ...messages.could_not_load_link
 };
+const iconWrapperStyles = xcss({
+  marginInline: 'space.025'
+});
 /**
  * Class name for selecting non-flexible errored block card
  *
@@ -56,14 +60,16 @@ export const ErroredView = ({
     url: link,
     testId: testId
   })), jsx(Byline, null, jsx(UnresolvedText, {
-    icon:
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19513
-    jsx(WarningIcon, {
+    icon: jsx(Flex, {
+      alignItems: "center",
+      xcss: iconWrapperStyles
+    }, jsx(WarningIcon, {
       label: "errored-warning-icon",
-      size: "small",
-      primaryColor: `var(--ds-icon-warning, ${R300})`,
-      testId: `${testId}-warning-icon`
-    }),
+      LEGACY_size: "small",
+      color: `var(--ds-icon-warning, ${R300})`,
+      testId: `${testId}-warning-icon`,
+      LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"} 0 ${"var(--ds-space-negative-025, -2px)"}`
+    })),
     text: jsx(FormattedMessage, textDescriptionProps)
   }))), jsx(ContentFooter, null, jsx(ActionList, {
     items: actions

package/dist/es2019/view/LinkUrl/index.js

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "29.2.0",
+  packageVersion: "29.3.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "29.2.0"
+  packageVersion: "29.3.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/BlockCard/views/ErroredView.js

@@ -10,7 +10,7 @@ import { jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { useMemo } from 'react';
 import { R300 } from '@atlaskit/theme/colors';
-import WarningIcon from '@atlaskit/icon/glyph/warning';
+import WarningIcon from '@atlaskit/icon/utility/migration/warning';
 import { Frame } from '../components/Frame';
 import { Byline } from '../../common/Byline';
 import { ActionList } from '../components/ActionList';
@@ -22,7 +22,11 @@ import { handleClickCommon } from '../utils/handlers';
 import { Link } from '../components/Link';
 import { UnresolvedText } from '../components/UnresolvedText';
 import { RetryAction } from '../actions/RetryAction';
+import { Flex, xcss } from '@atlaskit/primitives';
 var textDescriptionProps = _objectSpread({}, messages.could_not_load_link);
+var iconWrapperStyles = xcss({
+  marginInline: 'space.025'
+});
 /**
  * Class name for selecting non-flexible errored block card
  *
@@ -65,14 +69,16 @@ export var ErroredView = function ErroredView(_ref) {
     url: link,
     testId: testId
   })), jsx(Byline, null, jsx(UnresolvedText, {
-    icon:
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO - https://product-fabric.atlassian.net/browse/DSP-19513
-    jsx(WarningIcon, {
+    icon: jsx(Flex, {
+      alignItems: "center",
+      xcss: iconWrapperStyles
+    }, jsx(WarningIcon, {
       label: "errored-warning-icon",
-      size: "small",
-      primaryColor: "var(--ds-icon-warning, ".concat(R300, ")"),
-      testId: "".concat(testId, "-warning-icon")
-    }),
+      LEGACY_size: "small",
+      color: "var(--ds-icon-warning, ".concat(R300, ")"),
+      testId: "".concat(testId, "-warning-icon"),
+      LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 ", "var(--ds-space-negative-025, -2px)")
+    })),
     text: jsx(FormattedMessage, textDescriptionProps)
   }))), jsx(ContentFooter, null, jsx(ActionList, {
     items: actions

package/dist/esm/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "29.2.0",
+  packageVersion: "29.3.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "29.2.0",
+	"version": "29.3.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"