@atlaskit/smart-card 34.5.0 → 34.5.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 34.5.1
+
+### Patch Changes
+
+- [#103879](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103879)
+  [`240f31e69928a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/240f31e69928a) -
+  [ux] Update size and color props of block card icons
+
 ## 34.5.0
 
 ### Minor Changes

package/dist/cjs/common/ui/icons/angle-brackets-icon.js

@@ -5,18 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _icon = require("@atlaskit/icon");
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/source-code/16"));
 var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
-var AngleBracketsIconWithColor = function AngleBracketsIconWithColor(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
-    appearance: "blueBold",
-    icon: _angleBrackets.default,
-    size: "16",
-    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
-  }));
-};
+var _utils = require("./utils");
+var AngleBracketsIconWithColor = (0, _utils.renderIconTile)(_angleBrackets.default, 'blueBold', _.default);
 AngleBracketsIconWithColor.displayName = 'AngleBracketsIconWithColor';
 var _default = exports.default = AngleBracketsIconWithColor;

package/dist/cjs/common/ui/icons/audio-icon.js

@@ -5,18 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _icon = require("@atlaskit/icon");
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/audio/16"));
 var _audio = _interopRequireDefault(require("@atlaskit/icon/core/audio"));
-var AudioIconWithColor = function AudioIconWithColor(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
-    appearance: "redBold",
-    icon: _audio.default,
-    size: "16",
-    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
-  }));
-};
+var _utils = require("./utils");
+var AudioIconWithColor = (0, _utils.renderIconTile)(_audio.default, 'redBold', _.default);
 AudioIconWithColor.displayName = 'AudioIconWithColor';
 var _default = exports.default = AudioIconWithColor;

package/dist/cjs/common/ui/icons/blog-icon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = _interopRequireDefault(require("@atlaskit/icon-object/glyph/blog/16"));
+var _2 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/blog/24"));
+var _utils = require("./utils");
+var BlogIconWithColor = (0, _utils.renderIconPerSize)(_.default, _2.default);
+BlogIconWithColor.displayName = 'BlogIconWithColor';
+var _default = exports.default = BlogIconWithColor;

package/dist/cjs/common/ui/icons/chart-bar-icon.js

@@ -5,18 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _icon = require("@atlaskit/icon");
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/presentation/16"));
 var _chartBar = _interopRequireDefault(require("@atlaskit/icon/core/chart-bar"));
-var ChartBarIconWithColor = function ChartBarIconWithColor(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
-    appearance: "purpleBold",
-    icon: _chartBar.default,
-    size: "16",
-    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
-  }));
-};
+var _utils = require("./utils");
+var ChartBarIconWithColor = (0, _utils.renderIconTile)(_chartBar.default, 'purpleBold', _.default);
 ChartBarIconWithColor.displayName = 'ChartBarIconWithColor';
 var _default = exports.default = ChartBarIconWithColor;

package/dist/cjs/common/ui/icons/file-icon.js

@@ -5,18 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _icon = require("@atlaskit/icon");
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/generic/16"));
 var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
-var FileIconWithColor = function FileIconWithColor(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
-    appearance: "grayBold",
-    icon: _file.default,
-    size: "16",
-    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
-  }));
-};
+var _utils = require("./utils");
+var FileIconWithColor = (0, _utils.renderIconTile)(_file.default, 'grayBold', _.default);
 FileIconWithColor.displayName = 'FileIconWithColor';
 var _default = exports.default = FileIconWithColor;

package/dist/cjs/common/ui/icons/folder-icon.js

@@ -5,18 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _icon = require("@atlaskit/icon");
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/folder/16"));
 var _folderClosed = _interopRequireDefault(require("@atlaskit/icon/core/folder-closed"));
-var FolderClosedIconWithColor = function FolderClosedIconWithColor(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
-    appearance: "blueBold",
-    icon: _folderClosed.default,
-    size: "16",
-    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
-  }));
-};
+var _utils = require("./utils");
+var FolderClosedIconWithColor = (0, _utils.renderIconTile)(_folderClosed.default, 'blueBold', _.default);
 FolderClosedIconWithColor.displayName = 'FolderClosedIconWithColor';
 var _default = exports.default = FolderClosedIconWithColor;

package/dist/cjs/common/ui/icons/image-icon.js

@@ -5,18 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _icon = require("@atlaskit/icon");
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/image/16"));
 var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));
-var ImageIconWithColor = function ImageIconWithColor(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
-    appearance: "yellowBold",
-    icon: _image.default,
-    size: "16",
-    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
-  }));
-};
+var _utils = require("./utils");
+var ImageIconWithColor = (0, _utils.renderIconTile)(_image.default, 'yellowBold', _.default);
 ImageIconWithColor.displayName = 'ImageIconWithColor';
 var _default = exports.default = ImageIconWithColor;

package/dist/cjs/common/ui/icons/list-bullet-icon.js

@@ -5,18 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _icon = require("@atlaskit/icon");
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/spreadsheet/16"));
 var _listBulleted = _interopRequireDefault(require("@atlaskit/icon/core/list-bulleted"));
-var ListBulletedIconWithColor = function ListBulletedIconWithColor(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
-    appearance: "greenBold",
-    icon: _listBulleted.default,
-    size: "16",
-    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
-  }));
-};
+var _utils = require("./utils");
+var ListBulletedIconWithColor = (0, _utils.renderIconTile)(_listBulleted.default, 'greenBold', _.default);
 ListBulletedIconWithColor.displayName = 'ListBulletedIconWithColor';
 var _default = exports.default = ListBulletedIconWithColor;

package/dist/cjs/common/ui/icons/page-icon.js

@@ -5,19 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _icon = require("@atlaskit/icon");
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/document/16"));
 var _page = _interopRequireDefault(require("@atlaskit/icon/core/page"));
-var PageIconWithColor = function PageIconWithColor(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({
-    appearance: "blueBold",
-    icon: _page.default,
-    size: "16"
-  }, props, {
-    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
-  }));
-};
+var _utils = require("./utils");
+var PageIconWithColor = (0, _utils.renderIconTile)(_page.default, 'blueBold', _.default);
 PageIconWithColor.displayName = 'PageIconWithColor';
 var _default = exports.default = PageIconWithColor;

package/dist/cjs/common/ui/icons/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/common/ui/icons/utils.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformSmartLinkSizeToIconTileSize = exports.renderIconTile = exports.renderIconPerSize = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _constants = require("../../../constants");
+var _utils = require("../../../utils");
+var _excluded = ["size"],
+  _excluded2 = ["size"];
+var transformSmartLinkSizeToIconTileSize = exports.transformSmartLinkSizeToIconTileSize = function transformSmartLinkSizeToIconTileSize(size) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+    case _constants.SmartLinkSize.Large:
+      return '24';
+    default:
+      return '16';
+  }
+};
+var renderIconPerSize = exports.renderIconPerSize = function renderIconPerSize(IconSmall, IconLarge) {
+  return function (_ref) {
+    var size = _ref.size,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    if ((0, _utils.isIconSizeLarge)(size)) {
+      return /*#__PURE__*/_react.default.createElement(IconLarge, props);
+    }
+    return /*#__PURE__*/_react.default.createElement(IconSmall, props);
+  };
+};
+var renderIconTile = exports.renderIconTile = function renderIconTile(Icon, appearance, LegacyIcon) {
+  return function (_ref2) {
+    var size = _ref2.size,
+      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+    return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({
+      appearance: appearance,
+      icon: Icon,
+      size: transformSmartLinkSizeToIconTileSize(size)
+    }, props, {
+      LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(LegacyIcon, props)
+    }));
+  };
+};

package/dist/cjs/common/ui/icons/video-icon.js

@@ -5,18 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _icon = require("@atlaskit/icon");
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/video/16"));
 var _video = _interopRequireDefault(require("@atlaskit/icon/core/video"));
-var VideoIconWithColor = function VideoIconWithColor(props) {
-  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
-    appearance: "redBold",
-    icon: _video.default,
-    size: "16",
-    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
-  }));
-};
+var _utils = require("./utils");
+var VideoIconWithColor = (0, _utils.renderIconTile)(_video.default, 'redBold', _.default);
 VideoIconWithColor.displayName = 'VideoIconWithColor';
 var _default = exports.default = VideoIconWithColor;

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: "34.5.0"
+  packageVersion: "34.5.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";