@atlaskit/smart-card 43.28.7 → 43.29.0

package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/inline-card-with-status-lozenge--default--platform-dst-lozenge-tag-badge-visual-uplifts-false.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:686940f1db5a2d63ffc6d49886ef1572d9979bb410d35a01cc78164900fe20ca
+size 6514

package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/inline-card-with-status-lozenge--default--platform-dst-lozenge-tag-badge-visual-uplifts-true.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5a0d1d93103a2fafdb568cc16497668ec0826e658e7e54fb6c4022df15e05b93
+size 6381

package/dist/cjs/messages.js

@@ -9,7 +9,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   actions: {
     id: 'fabric.linking.actions',
     defaultMessage: 'Actions',
-    description: ''
+    description: 'Title for a section or menu containing available actions for a resource.'
   },
   add_account: {
     id: 'fabric.linking.add_account',
@@ -104,7 +104,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   cancel: {
     id: 'fabric.linking.cancel',
     defaultMessage: 'Cancel',
-    description: 'cancel'
+    description: 'Cancel the current action or close the modal.'
   },
   beta: {
     id: 'fabric.linking.beta',
@@ -134,7 +134,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   close: {
     id: 'fabric.linking.close',
     defaultMessage: 'Close',
-    description: ''
+    description: 'Close the current screen or modal.'
   },
   check_this_link: {
     id: 'fabric.linking.check_this_link',
@@ -143,7 +143,8 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   },
   compass_applied_components_count: {
     id: 'compass.applied_components_count.non-final',
-    defaultMessage: 'Applied to {numberOfComponents, plural, one {{numberOfComponents, number} component}  other {{numberOfComponents, number} components}}'
+    defaultMessage: 'Applied to {numberOfComponents, plural, one {{numberOfComponents, number} component}  other {{numberOfComponents, number} components}}',
+    description: 'Indicates the number of components the resource is applied to.'
   },
   connect_to: {
     id: 'fabric.linking.connect_to',
@@ -193,12 +194,12 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   continue: {
     id: 'fabric.linking.continue',
     defaultMessage: 'Continue',
-    description: 'continue'
+    description: 'Continue to the next step.'
   },
   copy_url_to_clipboard: {
     id: 'fabric.linking.copy_url_to_clipboard',
     defaultMessage: 'Copy link',
-    description: ''
+    description: 'Action to copy the URL of the link to the clipboard.'
   },
   copied_url_to_clipboard: {
     id: 'fabric.linking.copied_url_to_clipboard',
@@ -233,7 +234,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   download: {
     id: 'fabric.linking.download',
     defaultMessage: 'Download',
-    description: ''
+    description: 'Action to download the resource.'
   },
   download_description: {
     id: 'fabric.linking.download_description',

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

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

package/dist/cjs/view/FlexibleCard/components/common/image-icon/index.js

@@ -23,7 +23,8 @@ var styles = {
 var messages = (0, _reactIntlNext.defineMessages)({
   imageAltText: {
     id: 'smart-link.image-icon.altText',
-    defaultMessage: 'Link Icon'
+    defaultMessage: 'Link Icon',
+    description: 'Alt text for a link icon.'
   }
 });
 var ImageIcon = function ImageIcon(_ref) {

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/index.compiled.css

@@ -1,2 +1,6 @@
+._18u0r5cr{margin-left:var(--ds-space-negative-050,-4px)}
+._19pkr5cr{margin-top:var(--ds-space-negative-050,-4px)}
 ._1e0c116y{display:inline-flex}
-._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
+._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
+._2hwxr5cr{margin-right:var(--ds-space-negative-050,-4px)}
+._otyrr5cr{margin-bottom:var(--ds-space-negative-050,-4px)}

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/index.js

@@ -10,12 +10,16 @@ exports.toDateLozengeProps = exports.default = void 0;
 require("./index.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reactIntlNext = require("react-intl-next");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _tag = require("@atlaskit/tag");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _lozengeAction = _interopRequireDefault(require("./lozenge-action"));
 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 styles = null;
+var dueOnStyles = null;
 /**
  * A base element that displays a Lozenge.
  * @internal
@@ -33,12 +37,14 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     style = _ref.style,
     text = _ref.text,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId;
+    testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId,
+    isDateTag = _ref.isDateTag,
+    trailingMetric = _ref.trailingMetric;
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
   if (!text) {
     return null;
   }
-  var lozenge = action ? /*#__PURE__*/React.createElement(_lozengeAction.default, {
+  var lozenge = action ? /*#__PURE__*/React.createElement(_lozengeAction.default, (0, _extends2.default)({
     action: action,
     appearance: appearance,
     maxWidth: maxWidth,
@@ -46,7 +52,12 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex,
     onAfterChanged: onAfterChanged
-  }) : /*#__PURE__*/React.createElement(_lozenge.default, {
+  }, trailingMetric && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? {
+    trailingMetric: trailingMetric
+  } : undefined)) : isDateTag ? /*#__PURE__*/React.createElement(_tag.SimpleTag, {
+    text: text,
+    migration_fallback: "lozenge"
+  }) : /*#__PURE__*/React.createElement(_lozenge.default, (0, _extends2.default)({
     appearance: appearance,
     isBold: true,
     maxWidth: maxWidth
@@ -54,14 +65,16 @@ var BaseLozengeElement = function BaseLozengeElement(_ref) {
     ,
     style: style,
     testId: "".concat(testId, "-lozenge")
-  }, text);
+  }, trailingMetric && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? {
+    trailingMetric: trailingMetric
+  } : undefined), text);
   return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-lozenge": true,
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)(["_1e0c116y _1ul91ns9", className])
+    className: (0, _runtime.ax)(["_1e0c116y _1ul91ns9", isDateTag && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && "_19pkr5cr _2hwxr5cr _otyrr5cr _18u0r5cr", className])
   }, lozenge);
 };
 var _default = exports.default = BaseLozengeElement;

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/error-boundary/index.js

@@ -17,9 +17,10 @@ var withErrorBoundary = function withErrorBoundary(Component) {
       return /*#__PURE__*/_react.default.createElement(_lozenge.default, {
         appearance: props === null || props === void 0 ? void 0 : props.appearance,
         isBold: true,
-        testId: "".concat((_props$testId = props === null || props === void 0 ? void 0 : props.testId) !== null && _props$testId !== void 0 ? _props$testId : 'smart-element-lozenge-action', "-fallback")
+        testId: "".concat((_props$testId = props === null || props === void 0 ? void 0 : props.testId) !== null && _props$testId !== void 0 ? _props$testId : 'smart-element-lozenge-action', "-fallback"),
+        trailingMetric: props === null || props === void 0 ? void 0 : props.trailingMetric
       }, props === null || props === void 0 ? void 0 : props.text);
-    }, [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text]);
+    }, [props === null || props === void 0 ? void 0 : props.appearance, props === null || props === void 0 ? void 0 : props.testId, props === null || props === void 0 ? void 0 : props.text, props === null || props === void 0 ? void 0 : props.trailingMetric]);
     return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
       fallback: fallback
     }, /*#__PURE__*/_react.default.createElement(Component, props));

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js

@@ -44,6 +44,7 @@ var LozengeAction = function LozengeAction(_ref) {
     text = _ref.text,
     zIndex = _ref.zIndex,
     onAfterChanged = _ref.onAfterChanged,
+    trailingMetric = _ref.trailingMetric,
     _ref$shouldRenderToPa = _ref.shouldRenderToParent,
     shouldRenderToParent = _ref$shouldRenderToPa === void 0 ? false : _ref$shouldRenderToPa;
   var _useState = (0, _react.useState)({
@@ -152,9 +153,10 @@ var LozengeAction = function LozengeAction(_ref) {
       isOpen: isOpen,
       maxWidth: maxWidth,
       testId: testId,
-      text: selected.text
+      text: selected.text,
+      trailingMetric: trailingMetric
     }));
-  }, [selected.appearance, selected.text, isOpen, maxWidth, testId]);
+  }, [selected.appearance, selected.text, isOpen, maxWidth, testId, trailingMetric]);
   var handleItemClick = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(id, text, appearance) {
       var updateAction, request;

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.compiled.css

@@ -11,6 +11,7 @@
 ._18m915vq{overflow-y:hidden}
 ._18u012x7{margin-left:var(--ds-space-075,6px)}
 ._18u0v77o{margin-left:var(--ds-space-025,2px)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._19bvidpf{padding-left:0}
 ._19pkv77o{margin-top:var(--ds-space-025,2px)}
 ._1bto1l2s{text-overflow:ellipsis}
@@ -25,15 +26,18 @@
 ._6ssh1y54[aria-expanded=true]{box-shadow:0 0 0 2px var(--ds-border-focused,#4688ec)}
 ._80omtlke{cursor:pointer}
 ._bfhk1j28{background-color:transparent}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._ca0qidpf{padding-top:0}
 ._ect4n7od{font-family:unset}
 ._j8b81o36[aria-expanded=true]{outline-width:medium}
 ._k48pn7od{font-weight:unset}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._n3tdidpf{padding-bottom:0}
 ._o5721q9c{white-space:nowrap}
 ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
 ._p8tl1r31[aria-expanded=true]{outline-color:currentColor}
 ._syazn7od{color:unset}
+._u5f31b66{padding-right:var(--ds-space-050,4px)}
 ._u5f3idpf{padding-right:0}
 ._vwz4idpf{line-height:0}
 ._zg8ln7od{font-style:unset}