@atlaskit/smart-card 34.6.4 → 34.6.6

package/dist/cjs/view/InlineCard/ResolvingView/index.js

@@ -40,7 +40,8 @@ var InlineCardResolvingView = exports.InlineCardResolvingView = /*#__PURE__*/fun
         titleTextColor = _this$props.titleTextColor,
         resolvingPlaceholder = _this$props.resolvingPlaceholder,
         truncateInline = _this$props.truncateInline;
-      var SpinnerWrapperComponent = (0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard') ? _styled2.SpinnerWrapper : _styledEmotion2.SpinnerWrapper;
+      var SpinnerWrapperComponent = (0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard') ? _styled2.SpinnerWrapperOldVisualRefresh : _styledEmotion2.SpinnerWrapper;
+      var IconTitleWrapperFFed = (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? _IconAndTitleLayout.IconTitleWrapper : _styled.IconTitleWrapperOldVisualRefresh;
       if (inlinePreloaderStyle === 'on-right-without-skeleton') {
         if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
           return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
@@ -49,11 +50,13 @@ var InlineCardResolvingView = exports.InlineCardResolvingView = /*#__PURE__*/fun
             onClick: onClick,
             isSelected: isSelected,
             truncateInline: truncateInline
-          }, /*#__PURE__*/_react.default.createElement(_styled.IconTitleWrapper, null, url, /*#__PURE__*/_react.default.createElement(_styled.RightIconPositionWrapper, null, /*#__PURE__*/_react.default.createElement(SpinnerWrapperComponent, {
+          }, /*#__PURE__*/_react.default.createElement(IconTitleWrapperFFed, null, url, /*#__PURE__*/_react.default.createElement(_styled.RightIconPositionWrapper, null, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_spinner.default, {
+            size: 14
+          }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SpinnerWrapperComponent, {
             className: "inline-resolving-spinner"
           }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
             size: 14
-          })))));
+          }))))));
         } else {
           return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
             withoutBackground: true,
@@ -77,11 +80,13 @@ var InlineCardResolvingView = exports.InlineCardResolvingView = /*#__PURE__*/fun
         }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
           title: resolvingPlaceholder !== null && resolvingPlaceholder !== void 0 ? resolvingPlaceholder : url,
           titleTextColor: titleTextColor
-        }, /*#__PURE__*/_react.default.createElement(SpinnerWrapperComponent, {
+        }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(_spinner.default, {
+          size: 14
+        }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SpinnerWrapperComponent, {
           className: "inline-resolving-spinner"
         }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
           size: 14
-        }))));
+        })))));
       }
     }
   }]);

package/dist/cjs/view/InlineCard/ResolvingView/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* styled.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SpinnerWrapper = void 0;
+exports.SpinnerWrapperOldVisualRefresh = void 0;
 require("./styled.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
@@ -17,10 +17,11 @@ var _styled = require("../IconAndTitleLayout/styled");
 var _excluded = ["as", "style"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// TODO Delete when cleaning platform-linking-visual-refresh-v1
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var SpinnerWrapper = exports.SpinnerWrapper = (0, _react.forwardRef)(function (_ref, __cmplr) {
+var SpinnerWrapperOldVisualRefresh = exports.SpinnerWrapperOldVisualRefresh = (0, _react.forwardRef)(function (_ref, __cmplr) {
   var _ref$as = _ref.as,
-    C = _ref$as === void 0 ? _styled.IconTitleWrapper : _ref$as,
+    C = _ref$as === void 0 ? _styled.IconTitleWrapperOldVisualRefresh : _ref$as,
     __cmpls = _ref.style,
     __cmplp = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement(C, (0, _extends2.default)({}, __cmplp, {
@@ -30,5 +31,5 @@ var SpinnerWrapper = exports.SpinnerWrapper = (0, _react.forwardRef)(function (_
   }));
 });
 if (process.env.NODE_ENV !== 'production') {
-  SpinnerWrapper.displayName = 'SpinnerWrapper';
+  SpinnerWrapperOldVisualRefresh.displayName = 'SpinnerWrapperOldVisualRefresh';
 }

package/dist/cjs/view/InlineCard/UnauthorisedView/index.js

@@ -17,6 +17,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../messages");
 var _HoverCard = require("../../HoverCard");
+var _actionButton = require("../common/action-button");
 var _Frame = require("../Frame");
 var _Icon = require("../Icon");
 var _IconEmotion = require("../Icon-emotion");
@@ -83,11 +84,22 @@ var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function I
     }
   }, [fireEvent, onAuthorise]);
   var renderActionButton = _react.default.useCallback(function () {
-    var ActionButton = (0, _withFrameStyleControl.default)(_button.default, frameRef);
+    var Button = (0, _withFrameStyleControl.default)(_button.default, frameRef);
     if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
-      return onAuthorise ? /*#__PURE__*/_react.default.createElement(ActionButton, {
+      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1')) {
+        return /*#__PURE__*/_react.default.createElement(Button, {
+          component: _actionButton.ActionButton,
+          onClick: handleConnectAccount,
+          testId: "button-connect-account"
+        }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
+          values: {
+            context: context
+          }
+        })));
+      }
+      return onAuthorise ? /*#__PURE__*/_react.default.createElement(Button, {
         spacing: "none",
-        component: _styled.IconStyledButton,
+        component: _styled.IconStyledButtonOldVisualRefresh,
         onClick: handleConnectAccount,
         testId: "button-connect-account"
       }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.connect_link_account_card_name, {
@@ -96,7 +108,7 @@ var InlineCardUnauthorizedView = exports.InlineCardUnauthorizedView = function I
         }
       }))) : undefined;
     } else {
-      return onAuthorise ? /*#__PURE__*/_react.default.createElement(ActionButton, {
+      return onAuthorise ? /*#__PURE__*/_react.default.createElement(Button, {
         spacing: "none",
         component: _styledEmotion.IconStyledButton,
         onClick: handleConnectAccount,

package/dist/cjs/view/InlineCard/common/action-button/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var _excluded = ["children"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * Action button has to be a span for the overflow to work correctly
+ */
+var ActionButton = exports.ActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({
+    as: "span",
+    ref: ref,
+    xcss: [actionButtonStyle, !props.disabled && actionButtonNotDisabledStyle]
+  }, props, {
+    "aria-disabled": props.disabled,
+    role: "button"
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    as: "span",
+    xcss: internalButtonStyle
+  }, children));
+});
+var actionButtonStyle = (0, _primitives.xcss)({
+  textAlign: 'initial',
+  display: 'inline',
+  borderRadius: 'border.radius.100',
+  borderTopLeftRadius: '0px',
+  borderBottomLeftRadius: '0px',
+  backgroundClip: 'padding-box',
+  boxDecorationBreak: 'clone',
+  font: 'font.body.large',
+  paddingTop: 'space.025',
+  paddingLeft: 'space.075',
+  paddingBottom: 'space.025',
+  paddingRight: 'space.075',
+  whiteSpace: 'nowrap',
+  backgroundColor: 'color.background.neutral',
+  cursor: 'not-allowed',
+  color: 'color.text.disabled'
+});
+var internalButtonStyle = (0, _primitives.xcss)({
+  font: 'font.body'
+});
+var actionButtonNotDisabledStyle = (0, _primitives.xcss)({
+  color: 'color.text',
+  cursor: 'pointer',
+  ':hover': {
+    backgroundColor: 'color.background.neutral.hovered'
+  }
+});

package/dist/cjs/view/InlineCard/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* styled.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IconStyledButton = void 0;
+exports.IconStyledButtonOldVisualRefresh = void 0;
 require("./styled.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
@@ -18,8 +18,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
+// TODO Delete when cleaning platform-linking-visual-refresh-v1
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var IconStyledButton = exports.IconStyledButton = (0, _react.forwardRef)(function (_ref, __cmplr) {
+var IconStyledButtonOldVisualRefresh = exports.IconStyledButtonOldVisualRefresh = (0, _react.forwardRef)(function (_ref, __cmplr) {
   var _ref$as = _ref.as,
     C = _ref$as === void 0 ? "span" : _ref$as,
     __cmpls = _ref.style,
@@ -31,5 +32,5 @@ var IconStyledButton = exports.IconStyledButton = (0, _react.forwardRef)(functio
   }));
 });
 if (process.env.NODE_ENV !== 'production') {
-  IconStyledButton.displayName = 'IconStyledButton';
+  IconStyledButtonOldVisualRefresh.displayName = 'IconStyledButtonOldVisualRefresh';
 }

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

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

package/dist/cjs/view/RelatedLinksModal/components/related-link-item/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/view/RelatedLinksModal/views/errored/error-svg/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/view/RelatedLinksModal/views/unavailable/unavailable-svg/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

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

package/dist/es2019/utils/index.js

@@ -270,6 +270,67 @@ export const getLazyIcons = () => {
       }) => ({
         default: JiraIcon
       }))
+    },
+    // Badge icons
+    [IconType.Attachment]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/attachment')
+    },
+    [IconType.CheckItem]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/task')
+    },
+    [IconType.Comment]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/comment')
+    },
+    [IconType.View]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/eye-open--watch')
+    },
+    [IconType.React]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/thumbs-up--like')
+    },
+    [IconType.Vote]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/arrow-up')
+    },
+    [IconType.PriorityBlocker]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker')
+    },
+    [IconType.PriorityCritical]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical')
+    },
+    [IconType.PriorityHigh]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'@atlaskit/icon-priority/glyph/priority-high')
+    },
+    [IconType.PriorityHighest]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphHighest" */'@atlaskit/icon-priority/glyph/priority-highest')
+    },
+    [IconType.PriorityLow]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphLow" */'@atlaskit/icon-priority/glyph/priority-low')
+    },
+    [IconType.PriorityLowest]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphLowest" */'@atlaskit/icon-priority/glyph/priority-lowest')
+    },
+    [IconType.PriorityMajor]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMajor" */'@atlaskit/icon-priority/glyph/priority-major')
+    },
+    [IconType.PriorityMedium]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMedium" */'@atlaskit/icon-priority/glyph/priority-medium')
+    },
+    [IconType.PriorityMinor]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphMinor" */'@atlaskit/icon-priority/glyph/priority-minor')
+    },
+    [IconType.PriorityTrivial]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'@atlaskit/icon-priority/glyph/priority-trivial')
+    },
+    [IconType.PriorityUndefined]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/migration/question-circle--question')
+    },
+    [IconType.ProgrammingLanguage]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/migration/angle-brackets--code')
+    },
+    [IconType.Subscriber]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/migration/people-group--people')
+    },
+    [IconType.SubTasksProgress]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubtaskProgress" */'@atlaskit/icon/core/migration/subtasks--subtask')
     }
   };
 };

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

@@ -1,4 +1,4 @@
-/* ResolvedView.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* ResolvedView.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./ResolvedView.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* UnauthorisedView.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* UnauthorisedView.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./UnauthorisedView.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/BlockCard/views/unresolved-view/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.js

@@ -1,4 +1,4 @@
-/* withFlexibleUIBlockCardStyle.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* withFlexibleUIBlockCardStyle.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./withFlexibleUIBlockCardStyle.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/EmbedModal/components/embed-content/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/EmbedModal/components/link-info/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';

package/dist/es2019/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* main.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/FlexibleCard/components/blocks/action-group/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/FlexibleCard/components/blocks/element-group/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/FlexibleCard/components/common/loading-skeleton/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/FlexibleCard/components/container/index.compiled.css

@@ -1,15 +1,16 @@
-._18s8v77o{margin:var(--ds-space-025,2px)}
+
 ._19ith6cr{border:1px solid var(--ds-border,#dfe1e6)}
 ._1yt418y6{padding:var(--_1xumd0e)}
 ._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
 ._zulp1jvo{gap:1.25rem 0}
 ._zulp1qos{gap:.5rem 0}
 ._zulpfzsm{gap:.25rem 0}
-._zulph3jc{gap:1rem 0}
+._zulph3jc{gap:1rem 0}._18u0v77o{margin-left:var(--ds-space-025,2px)}
 ._19bv15sf{padding-left:calc(var(--preview-block-width) + 1.25rem)}
 ._19bv1ltm{padding-left:calc(var(--preview-block-width) + .25rem)}
 ._19bvf557{padding-left:calc(var(--preview-block-width) + 1rem)}
 ._19bvqox2{padding-left:calc(var(--preview-block-width) + .5rem)}
+._19pkv77o{margin-top:var(--ds-space-025,2px)}
 ._1e0c1txw{display:flex}
 ._1pcmkb7n:hover~.actions-button-group{opacity:1}
 ._1reo15vq{overflow-x:hidden}
@@ -20,11 +21,13 @@
 ._1yob1kwk{--container-gap-right:.5rem}
 ._1yob1wow{--container-gap-right:var(--_12k13bg)}
 ._1yob6mu8{--container-gap-right:.25rem}
+._2hwxv77o{margin-right:var(--ds-space-025,2px)}
 ._2lx21bp4{flex-direction:column}
 ._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
 ._jb7v18y6{--container-padding:var(--_1xumd0e)}
 ._kqswh2mm{position:relative}
 ._nqwih2mm .has-action, ._18ywh2mm a, ._1nq3h2mm button{position:relative}
+._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
 ._r37x1r5k{--preview-block-width:30%}
 ._u5f315sf{padding-right:calc(var(--preview-block-width) + 1.25rem)}
 ._u5f31ltm{padding-right:calc(var(--preview-block-width) + .25rem)}

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 import "./index.compiled.css";
@@ -179,7 +179,7 @@ const ContainerNew = ({
   const container = /*#__PURE__*/React.createElement("div", {
     "data-smart-link-container": true,
     "data-testid": testId,
-    className: ax(["_1e0c1txw _2lx21bp4 _1ul9idpf _1reo15vq _kqswh2mm _1pcmkb7n _1v7y1i6y _ufn21i6y", gapStyleMap[size], !hideBackground && "_bfhkhp5a", "_1yt418y6 _jb7v18y6 _y5vk167t _1yob1wow _r37x1r5k", previewOnLeft && previewOnLeftStyleMap[size], previewOnRight && previewOnRightStyleMap[size], !hideElevation && "_19ith6cr _2rkopd34 _18s8v77o", clickableContainer && "_nqwih2mm _18ywh2mm _1nq3h2mm _1t4ckb7n _1nxdkb7n _xnbykb7n"]),
+    className: ax(["_1e0c1txw _2lx21bp4 _1ul9idpf _1reo15vq _kqswh2mm _1pcmkb7n _1v7y1i6y _ufn21i6y", gapStyleMap[size], !hideBackground && "_bfhkhp5a", "_1yt418y6 _jb7v18y6 _y5vk167t _1yob1wow _r37x1r5k", previewOnLeft && previewOnLeftStyleMap[size], previewOnRight && previewOnRightStyleMap[size], !hideElevation && "_19ith6cr _2rkopd34 _19pkv77o _2hwxv77o _otyrv77o _18u0v77o", clickableContainer && "_nqwih2mm _18ywh2mm _1nq3h2mm _1t4ckb7n _1nxdkb7n _xnbykb7n"]),
     style: {
       "--_1xumd0e": ix(padding),
       "--_73mooq": ix(previewOnLeft ? gap : padding),

package/dist/es2019/view/FlexibleCard/components/container/layered-link/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/FlexibleCard/components/elements/atlaskit-badge/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/FlexibleCard/components/elements/badge/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/FlexibleCard/components/elements/date-time/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';

package/dist/es2019/view/FlexibleCard/components/elements/icon/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/FlexibleCard/components/elements/link/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";