@atlaskit/smart-card 43.25.2 → 43.25.4

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

package/dist/cjs/view/FlexibleCard/components/actions/action/action-button/index.compiled.css

@@ -1,4 +1,4 @@
-._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11lv1xvx button{padding-left:var(--ds-space-025,.125rem)}
 ._11lvidpf button{padding-left:0}
 ._11lvpdf9 button{padding-left:var(--ds-space-050,.25rem)}

package/dist/cjs/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -12,6 +12,7 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _button = require("@atlaskit/button");
 var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../../../../../../constants");
@@ -68,17 +69,64 @@ var ActionButtonRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
   var button = (0, _react.useMemo)(function () {
     var isLinkButton = !!href;
     var spacing = size === _constants.SmartLinkSize.Large || size === _constants.SmartLinkSize.XLarge ? 'default' : 'compact';
-    if (iconOnly) {
+    if ((0, _platformFeatureFlags.fg)('platform-button-icon-spacing-cleanup')) {
       var icon = iconBefore || iconAfter;
-      var iconFn = function iconFn() {
-        return icon || null;
-      };
-      if (isLinkButton) {
-        return /*#__PURE__*/_react.default.createElement(_new.LinkIconButton, {
+      var iconFn = icon ? function () {
+        return icon;
+      } : undefined;
+      if (iconOnly && iconFn) {
+        if (isLinkButton && iconFn) {
+          return /*#__PURE__*/_react.default.createElement(_new.LinkIconButton, {
+            appearance: IconButtonAppearanceMap[appearance],
+            icon: iconFn,
+            href: href,
+            isDisabled: isDisabled,
+            isTooltipDisabled: false,
+            label: tooltipMessage,
+            onClick: onButtonClick(onClick),
+            spacing: spacing,
+            testId: testId,
+            tooltip: tooltipOptions
+          });
+        }
+        return /*#__PURE__*/_react.default.createElement(_new.IconButton, {
           appearance: IconButtonAppearanceMap[appearance],
           icon: iconFn,
-          href: href,
           isDisabled: isDisabled,
+          isLoading: isLoading,
+          isTooltipDisabled: false,
+          label: tooltipMessage,
+          onClick: onButtonClick(onClick),
+          spacing: spacing,
+          testId: testId,
+          tooltip: tooltipOptions
+        });
+      }
+    } else {
+      if (iconOnly) {
+        var _icon = iconBefore || iconAfter;
+        var _iconFn = function _iconFn() {
+          return _icon || null;
+        };
+        if (isLinkButton) {
+          return /*#__PURE__*/_react.default.createElement(_new.LinkIconButton, {
+            appearance: IconButtonAppearanceMap[appearance],
+            icon: _iconFn,
+            href: href,
+            isDisabled: isDisabled,
+            isTooltipDisabled: false,
+            label: tooltipMessage,
+            onClick: onButtonClick(onClick),
+            spacing: spacing,
+            testId: testId,
+            tooltip: tooltipOptions
+          });
+        }
+        return /*#__PURE__*/_react.default.createElement(_new.IconButton, {
+          appearance: IconButtonAppearanceMap[appearance],
+          icon: _iconFn,
+          isDisabled: isDisabled,
+          isLoading: isLoading,
           isTooltipDisabled: false,
           label: tooltipMessage,
           onClick: onButtonClick(onClick),
@@ -87,57 +135,86 @@ var ActionButtonRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
           tooltip: tooltipOptions
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_new.IconButton, {
-        appearance: IconButtonAppearanceMap[appearance],
-        icon: iconFn,
+    }
+    if ((0, _platformFeatureFlags.fg)('platform-button-icon-spacing-cleanup')) {
+      var iconBeforeFn = iconBefore ? function () {
+        return iconBefore;
+      } : undefined;
+      var iconAfterFn = iconAfter ? function () {
+        return iconAfter;
+      } : undefined;
+      if (isLinkButton) {
+        return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+          content: tooltipMessage,
+          hideTooltipOnClick: true,
+          testId: "".concat(testId, "-tooltip")
+        }, /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
+          appearance: ButtonAppearanceMap[appearance],
+          "aria-label": ariaLabel,
+          iconAfter: iconAfterFn,
+          iconBefore: iconBeforeFn,
+          isDisabled: isDisabled,
+          href: href,
+          onClick: onButtonClick(onClick),
+          spacing: spacing,
+          testId: testId
+        }, content));
+      }
+      return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+        content: tooltipMessage,
+        hideTooltipOnClick: true,
+        testId: "".concat(testId, "-tooltip")
+      }, /*#__PURE__*/_react.default.createElement(_new.default, {
+        appearance: ButtonAppearanceMap[appearance],
+        "aria-label": ariaLabel,
+        iconAfter: iconAfterFn,
+        iconBefore: iconBeforeFn,
         isDisabled: isDisabled,
         isLoading: isLoading,
-        isTooltipDisabled: false,
-        label: tooltipMessage,
         onClick: onButtonClick(onClick),
         spacing: spacing,
-        testId: testId,
-        tooltip: tooltipOptions
-      });
-    }
-    var iconBeforeFn = function iconBeforeFn() {
-      return iconBefore || null;
-    };
-    var iconAfterFn = function iconAfterFn() {
-      return iconAfter || null;
-    };
-    if (isLinkButton) {
+        testId: testId
+      }, content));
+    } else {
+      var _iconBeforeFn = function _iconBeforeFn() {
+        return iconBefore || null;
+      };
+      var _iconAfterFn = function _iconAfterFn() {
+        return iconAfter || null;
+      };
+      if (isLinkButton) {
+        return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+          content: tooltipMessage,
+          hideTooltipOnClick: true,
+          testId: "".concat(testId, "-tooltip")
+        }, /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
+          appearance: ButtonAppearanceMap[appearance],
+          "aria-label": ariaLabel,
+          iconAfter: _iconAfterFn,
+          iconBefore: _iconBeforeFn,
+          isDisabled: isDisabled,
+          href: href,
+          onClick: onButtonClick(onClick),
+          spacing: spacing,
+          testId: testId
+        }, content));
+      }
       return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
         content: tooltipMessage,
         hideTooltipOnClick: true,
         testId: "".concat(testId, "-tooltip")
-      }, /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
+      }, /*#__PURE__*/_react.default.createElement(_new.default, {
         appearance: ButtonAppearanceMap[appearance],
         "aria-label": ariaLabel,
-        iconAfter: iconAfterFn,
-        iconBefore: iconBeforeFn,
+        iconAfter: _iconAfterFn,
+        iconBefore: _iconBeforeFn,
         isDisabled: isDisabled,
-        href: href,
+        isLoading: isLoading,
         onClick: onButtonClick(onClick),
         spacing: spacing,
         testId: testId
       }, content));
     }
-    return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-      content: tooltipMessage,
-      hideTooltipOnClick: true,
-      testId: "".concat(testId, "-tooltip")
-    }, /*#__PURE__*/_react.default.createElement(_new.default, {
-      appearance: ButtonAppearanceMap[appearance],
-      "aria-label": ariaLabel,
-      iconAfter: iconAfterFn,
-      iconBefore: iconBeforeFn,
-      isDisabled: isDisabled,
-      isLoading: isLoading,
-      onClick: onButtonClick(onClick),
-      spacing: spacing,
-      testId: testId
-    }, content));
   }, [appearance, ariaLabel, content, href, iconAfter, iconBefore, iconOnly, isDisabled, isLoading, onButtonClick, onClick, size, testId, tooltipMessage]);
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     testId: "".concat(testId, "-button-wrapper"),
@@ -169,7 +246,7 @@ var ActionButtonNew = function ActionButtonNew(_ref2) {
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: (0, _runtime.ax)([size === _constants.SmartLinkSize.Large && iconOnly && "_1gflidpf _or3fidpf _1ddvidpf _1hhaidpf _yhjmidpf _1trnidpf _1fstidpf _1xceidpf _1gqnidpf _1qdmidpf _df2ridpf _j1twidpf _11lvidpf _192bidpf _vbn7idpf _wfu3idpf _1i3bidpf _13gwidpf _4wlcidpf _rehaidpf _mp2fidpf _ro8midpf _1l0qidpf _1bnaidpf _3kh9idpf _i2vxidpf _8pvjidpf _1e1oidpf _1vtwidpf _ijvwidpf _tpwpidpf _1ad8idpf", size === _constants.SmartLinkSize.Small && "_11c8rymc _k48p1wq8", size === _constants.SmartLinkSize.Small && iconOnly && "_1gfl1xvx _or3f1xvx _1ddv1xvx _1hha1xvx _yhjm1xvx _1trn1xvx _1fst1xvx _1xce1xvx _1gqn1xvx _1qdm1xvx _df2r1xvx _j1tw1xvx _11lv1xvx _192b1xvx _vbn71xvx _wfu31xvx", size === _constants.SmartLinkSize.Small && !iconOnly && "_11lvpdf9 _192bpdf9 _vbn7pdf9 _wfu3pdf9 _yhjmpdf9 _1trnpdf9 _1fstpdf9 _1xcepdf9", className]),
+    className: (0, _runtime.ax)([size === _constants.SmartLinkSize.Large && iconOnly && "_1gflidpf _or3fidpf _1ddvidpf _1hhaidpf _yhjmidpf _1trnidpf _1fstidpf _1xceidpf _1gqnidpf _1qdmidpf _df2ridpf _j1twidpf _11lvidpf _192bidpf _vbn7idpf _wfu3idpf _1i3bidpf _13gwidpf _4wlcidpf _rehaidpf _mp2fidpf _ro8midpf _1l0qidpf _1bnaidpf _3kh9idpf _i2vxidpf _8pvjidpf _1e1oidpf _1vtwidpf _ijvwidpf _tpwpidpf _1ad8idpf", size === _constants.SmartLinkSize.Small && "_11c8wadc _k48p1wq8", size === _constants.SmartLinkSize.Small && iconOnly && "_1gfl1xvx _or3f1xvx _1ddv1xvx _1hha1xvx _yhjm1xvx _1trn1xvx _1fst1xvx _1xce1xvx _1gqn1xvx _1qdm1xvx _df2r1xvx _j1tw1xvx _11lv1xvx _192b1xvx _vbn71xvx _wfu31xvx", size === _constants.SmartLinkSize.Small && !iconOnly && "_11lvpdf9 _192bpdf9 _vbn7pdf9 _wfu3pdf9 _yhjmpdf9 _1trnpdf9 _1fstpdf9 _1xcepdf9", className]),
     "data-testid": "".concat(testId, "-button-wrapper")
   }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: tooltipMessage,

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

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