@atlaskit/smart-card 26.35.3 → 26.37.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.37.0
+
+### Minor Changes
+
+- [#41792](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41792) [`1ebd05a89e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ebd05a89e6) - [ux] Flexible Smart Links: Update elevation style
+
+## 26.36.0
+
+### Minor Changes
+
+- [#41842](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41842) [`228a14ec749`](https://bitbucket.org/atlassian/atlassian-frontend/commits/228a14ec749) - [ux] Add hideIcon param which allows us to hide the Link Icon in Title Block
+
 ## 26.35.3
 
 ### Patch 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: "26.35.3"
+  packageVersion: "26.37.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -16,7 +16,7 @@ var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _constants = require("../../../../../../constants");
 var _utils = require("../../utils");
 var _templateObject;
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "title", "metadataPosition"];
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "title", "metadataPosition", "hideIcon"];
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.
@@ -33,12 +33,14 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     text = _ref.text,
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
+    _ref$hideIcon = _ref.hideIcon,
+    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var metadataElements = (0, _utils.renderElementItems)(metadata);
   var subtitleElements = (0, _utils.renderElementItems)(subtitle);
   return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
-  }), /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
+  }), !hideIcon && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
     position: position
   }), /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Vertical,

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -16,11 +16,12 @@ var _flexibleUiContext = require("../../../../state/flexible-ui-context");
 var _layeredLink = _interopRequireDefault(require("./layered-link"));
 var _hoverCardControl = _interopRequireDefault(require("./hover-card-control"));
 var _utils = require("../../../../state/flexible-ui-context/utils");
+var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var elevationStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid transparent;\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), _token.tokens.elevation, "var(--ds-space-025, 2px)");
+var elevationStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid ", ";\n  border-radius: ", ";\n  margin: ", ";\n"])), "var(--ds-border, ".concat(_colors.N40, ")"), "var(--ds-border-radius-200, 8px)", "var(--ds-space-025, 2px)");
 var getGap = function getGap(size) {
   switch (size) {
     case _constants.SmartLinkSize.XLarge:

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

@@ -18,7 +18,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.35.3",
+  packageVersion: "26.37.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: "26.35.3"
+  packageVersion: "26.37.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -21,13 +21,14 @@ const TitleBlockResolvedView = ({
   text,
   title,
   metadataPosition,
+  hideIcon = false,
   ...blockProps
 }) => {
   const metadataElements = renderElementItems(metadata);
   const subtitleElements = renderElementItems(subtitle);
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: `${testId}-resolved-view`
-  }), /*#__PURE__*/React.createElement(LinkIcon, {
+  }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
     position: position
   }), /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Vertical,

package/dist/es2019/view/FlexibleCard/components/container/index.js

@@ -8,10 +8,10 @@ import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
 import LayeredLink from './layered-link';
 import HoverCardControl from './hover-card-control';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
+import { N40 } from '@atlaskit/theme/colors';
 const elevationStyles = css`
-  border: 1px solid transparent;
-  border-radius: 1.5px;
-  box-shadow: ${tokens.elevation};
+  border: 1px solid ${`var(--ds-border, ${N40})`};
+  border-radius: ${"var(--ds-border-radius-200, 8px)"};
   margin: ${"var(--ds-space-025, 2px)"};
 `;
 const getGap = size => {

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

@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.35.3",
+  packageVersion: "26.37.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: "26.35.3"
+  packageVersion: "26.37.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _templateObject;
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "title", "metadataPosition"];
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "title", "metadataPosition", "hideIcon"];
 import React from 'react';
 import { css } from '@emotion/react';
 import { LinkIcon } from '../../../elements';
@@ -27,12 +27,14 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     text = _ref.text,
     title = _ref.title,
     metadataPosition = _ref.metadataPosition,
+    _ref$hideIcon = _ref.hideIcon,
+    hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var metadataElements = renderElementItems(metadata);
   var subtitleElements = renderElementItems(subtitle);
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
-  }), /*#__PURE__*/React.createElement(LinkIcon, {
+  }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
     position: position
   }), /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Vertical,

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -10,7 +10,8 @@ import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
 import LayeredLink from './layered-link';
 import HoverCardControl from './hover-card-control';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
-var elevationStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: 1px solid transparent;\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), tokens.elevation, "var(--ds-space-025, 2px)");
+import { N40 } from '@atlaskit/theme/colors';
+var elevationStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  border-radius: ", ";\n  margin: ", ";\n"])), "var(--ds-border, ".concat(N40, ")"), "var(--ds-border-radius-200, 8px)", "var(--ds-space-025, 2px)");
 var getGap = function getGap(size) {
   switch (size) {
     case SmartLinkSize.XLarge:

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.35.3",
+  packageVersion: "26.37.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -90,6 +90,10 @@ export type TitleBlockProps = {
      * @internal
      */
     metadataPosition?: SmartLinkPosition;
+    /**
+     * Determines whether TitleBlock will hide the Link Icon.
+     */
+    hideIcon?: boolean;
 } & BlockProps;
 export type TitleBlockViewProps = TitleBlockProps & {
     actionGroup?: React.ReactNode;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -90,6 +90,10 @@ export type TitleBlockProps = {
      * @internal
      */
     metadataPosition?: SmartLinkPosition;
+    /**
+     * Determines whether TitleBlock will hide the Link Icon.
+     */
+    hideIcon?: boolean;
 } & BlockProps;
 export type TitleBlockViewProps = TitleBlockProps & {
     actionGroup?: React.ReactNode;

package/package.json

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

package/report.api.md

@@ -970,6 +970,7 @@ type TitleBlockProps = {
   text?: string;
   theme?: SmartLinkTheme;
   metadataPosition?: SmartLinkPosition;
+  hideIcon?: boolean;
 } & BlockProps;
 
 // @public (undocumented)

package/tmp/api-report-tmp.d.ts

@@ -818,6 +818,7 @@ type TitleBlockProps = {
     text?: string;
     theme?: SmartLinkTheme;
     metadataPosition?: SmartLinkPosition;
+    hideIcon?: boolean;
 } & BlockProps;
 
 // @public (undocumented)