@atlaskit/smart-card 27.5.3 → 27.6.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/smart-card
 
+## 27.6.0
+
+### Minor Changes
+
+- [#109796](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109796)
+  [`c9e8631e9b24f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c9e8631e9b24f) -
+  EDM-10129: add functionality to View Related Links Action to open Related Links Modal
+
+### Patch Changes
+
+- Updated dependencies
+
+## 27.5.4
+
+### Patch Changes
+
+- [#108244](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108244)
+  [`400b3c1c97aab`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/400b3c1c97aab) -
+  Add loading view for related links modal
+- Updated dependencies
+
 ## 27.5.3
 
 ### Patch Changes

package/compass.yml

@@ -38,6 +38,5 @@ customFields:
   - name: Test
     type: text
     value: null
-
 # Learn more about formatting compass.yml:
 # https://go.atlassian.com/compass-yml-format

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

package/dist/cjs/view/BlockCard/components/Action.js

@@ -13,6 +13,9 @@ var _ActionIcon = require("./ActionIcon");
 /** @jsx jsx */
 
 var spinnerDelay = exports.spinnerDelay = 1000;
+var baseTextStyles = (0, _react.css)({
+  transition: 'opacity 0.3s'
+});
 var Action = exports.Action = function Action(_ref) {
   var promise = _ref.promise,
     text = _ref.text,
@@ -45,10 +48,9 @@ var Action = exports.Action = function Action(_ref) {
       }
     }
   }, (0, _react.jsx)("div", {
-    css: {
-      transition: 'opacity 0.3s',
+    css: [baseTextStyles, {
       opacity: state !== 'init' ? 0 : 1
-    }
+    }]
   }, text), (0, _react.jsx)(_ActionIcon.ActionIcon, {
     state: state
   }));

package/dist/cjs/view/BlockCard/components/ActionList.js

@@ -20,14 +20,18 @@ var _excluded = ["triggerRef"];
 /** @jsx jsx */
 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 && Object.prototype.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; }
+var buttonStyles = (0, _react.css)({
+  height: 'auto'
+});
 var ActionList = exports.ActionList = function ActionList(_ref) {
   var items = _ref.items;
   var actionsToShow = items.slice(0, 2);
   var actionsToList = items.slice(2, items.length);
   return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: (0, _utils.mq)({
       display: 'flex',
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       marginTop: [(0, _utils.gs)(2), 0]
     })
   }, (0, _react.jsx)(_buttonGroup.default, null, actionsToShow.map(function (action) {
@@ -35,7 +39,7 @@ var ActionList = exports.ActionList = function ActionList(_ref) {
       key: action.id
     }, action));
   })), actionsToList.length ?
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   (0, _react.jsx)("div", {
     css: {
       marginLeft: (0, _utils.gs)(0.5)
@@ -49,9 +53,7 @@ var ActionList = exports.ActionList = function ActionList(_ref) {
           label: "more"
         }),
         ref: triggerRef,
-        css: {
-          height: 'auto'
-        },
+        css: buttonStyles,
         testId: "dropdown-trigger"
       }));
     },

package/dist/cjs/view/BlockCard/components/CollaboratorList.js

@@ -21,25 +21,28 @@ var CollaboratorList = exports.CollaboratorList = function CollaboratorList(_ref
   if (items.length === 0) {
     return null;
   }
-  return (0, _react.jsx)("span", {
-    css: (0, _utils.mq)({
-      display: ['none', 'inherit']
-    })
-  }, (0, _react.jsx)(_avatarGroup.default, {
-    maxCount: 4,
-    appearance: "stack",
-    size: "small",
-    data: items,
-    onAvatarClick: function onAvatarClick(event) {
-      event.stopPropagation();
-      event.preventDefault();
-      handleAvatarClick(event);
-    },
-    onMoreClick: function onMoreClick(event) {
-      event.stopPropagation();
-      event.preventDefault();
-      handleMoreAvatarsClick(event);
-    },
-    testId: testId
-  }));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    (0, _react.jsx)("span", {
+      css: (0, _utils.mq)({
+        display: ['none', 'inherit']
+      })
+    }, (0, _react.jsx)(_avatarGroup.default, {
+      maxCount: 4,
+      appearance: "stack",
+      size: "small",
+      data: items,
+      onAvatarClick: function onAvatarClick(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        handleAvatarClick(event);
+      },
+      onMoreClick: function onMoreClick(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        handleMoreAvatarsClick(event);
+      },
+      testId: testId
+    }))
+  );
 };

package/dist/cjs/view/BlockCard/components/Content.js

@@ -20,8 +20,9 @@ var Content = exports.Content = function Content(_ref) {
     _ref$isCompact = _ref.isCompact,
     isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact;
   return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: (0, _utils.mq)({
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       padding: isCompact ? (0, _utils.gs)(1) : (0, _utils.gs)(2),
       display: 'flex',
       flexDirection: 'column',

package/dist/cjs/view/BlockCard/components/ContentFooter.js

@@ -14,13 +14,14 @@ var ContentFooter = exports.ContentFooter = function ContentFooter(_ref) {
     _ref$hasSpaceBetween = _ref.hasSpaceBetween,
     hasSpaceBetween = _ref$hasSpaceBetween === void 0 ? false : _ref$hasSpaceBetween;
   return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: (0, _utils.mq)({
       display: 'flex',
       flexDirection: ['column', 'row'],
       flexGrow: [1, 'unset'],
       justifyContent: [hasSpaceBetween ? 'space-between' : 'flex-end', 'space-between'],
       alignItems: ['unset', 'center'],
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       marginTop: [(0, _utils.gs)(1), (0, _utils.gs)(1.5)]
     })
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/cjs/view/BlockCard/components/ContentHeader.js

@@ -15,6 +15,13 @@ var _useLinkClicked = require("../../../state/analytics/useLinkClicked");
  * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
  */
 var blockCardContentHeaderClassName = exports.blockCardContentHeaderClassName = 'block-card-content-header';
+var styles = (0, _react.css)({
+  display: 'flex',
+  alignItems: 'flex-start',
+  // EDM-713: fixes copy-paste from renderer to editor for Firefox
+  // due to HTML its unwrapping behaviour on paste.
+  MozUserSelect: 'none'
+});
 var ContentHeader = exports.ContentHeader = function ContentHeader(_ref) {
   var onClick = _ref.onClick,
     link = _ref.link,
@@ -25,13 +32,7 @@ var ContentHeader = exports.ContentHeader = function ContentHeader(_ref) {
     onMouseDown: onMouseDown,
     href: link,
     target: "_blank",
-    css: {
-      display: 'flex',
-      alignItems: 'flex-start',
-      // EDM-713: fixes copy-paste from renderer to editor for Firefox
-      // due to HTML its unwrapping behaviour on paste.
-      MozUserSelect: 'none'
-    },
+    css: styles,
     "data-trello-do-not-use-override": "block-card-content-header"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

package/dist/cjs/view/BlockCard/components/Emoji.js

@@ -10,16 +10,19 @@ var _react2 = _interopRequireDefault(require("react"));
 var _utils = require("../../common/utils");
 /** @jsx jsx */
 
+var styles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  height: (0, _utils.gs)(2.5),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  width: (0, _utils.gs)(2),
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  marginTop: "var(--ds-space-negative-025, -2px)"
+});
 var Emoji = exports.Emoji = function Emoji(_ref) {
   var emoji = _ref.emoji;
   return (0, _react.jsx)("span", {
-    css: {
-      height: (0, _utils.gs)(2.5),
-      width: (0, _utils.gs)(2),
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      marginTop: "var(--ds-space-negative-025, -2px)"
-    }
+    css: styles
   }, emoji);
 };

package/dist/cjs/view/BlockCard/components/Frame.js

@@ -34,13 +34,16 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     className = _ref.className,
     isFluidHeight = _ref.isFluidHeight;
   return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
       '&:hover': isHoverable ? {
         // TODO: https://product-fabric.atlassian.net/browse/DSP-4064
         backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20A, ")"),
         cursor: 'pointer'
       } : undefined,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       minHeight: isFluidHeight ? 0 : [(0, _utils.gs)(21), (0, _utils.gs)(15)],
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       borderRadius: isSelected ? (0, _utils.br)() : (0, _utils.br)(0.5),
       border: "2px solid ".concat(isSelected ? "var(--ds-border-selected, ".concat(_colors.B200, ")") : 'transparent'),
       justifyContent: 'space-between',
@@ -62,18 +65,21 @@ var CompactFrame = exports.CompactFrame = function CompactFrame(_ref2) {
     className = _ref2.className,
     inheritDimensions = _ref2.inheritDimensions;
   return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedFrameStyles), {}, {
       '&:hover': isHoverable ? {
         backgroundColor: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")")
       } : undefined,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       borderRadius: isSelected ? (0, _utils.br)() : (0, _utils.br)(0.5),
       border: isSelected ? "2px solid ".concat("var(--ds-border-selected, ".concat(_colors.B200, ")")) : '',
       justifyContent: 'center',
       alignItems: 'center',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       height: inheritDimensions ? '100%' : (0, _utils.gs)(5),
       backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N20A, ")"),
       width: ['calc(100% - 16px)', '100%'],
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       padding: ["0px ".concat((0, _utils.gs)(1)), '0']
     })),
     "data-testid": testId

package/dist/cjs/view/BlockCard/components/Link.js

@@ -8,6 +8,10 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 /** @jsx jsx */
 
+var styles = (0, _react.css)({
+  color: "var(--ds-link, ".concat(_colors.B400, ")"),
+  wordBreak: 'break-all'
+});
 var Link = exports.Link = function Link(_ref) {
   var url = _ref.url,
     _ref$testId = _ref.testId,
@@ -18,9 +22,6 @@ var Link = exports.Link = function Link(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,
-    css: {
-      color: "var(--ds-link, ".concat(_colors.B400, ")"),
-      wordBreak: 'break-all'
-    }
+    css: styles
   }, url);
 };

package/dist/cjs/view/BlockCard/components/Name.js

@@ -16,6 +16,22 @@ var _utils = require("../../common/utils");
  * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
  */
 var blockCardContentHeaderNameClassName = exports.blockCardContentHeaderNameClassName = 'block-card-content-header-name';
+var baseStyles = (0, _react.css)({
+  fontSize: "".concat((0, _constants.fontSize)(), "px"),
+  fontWeight: 500,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  lineHeight: (0, _utils.gs)(2.5),
+  // Spec: show max two lines.
+  display: '-webkit-box',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  wordBreak: 'break-word',
+  WebkitLineClamp: 2,
+  WebkitBoxOrient: 'vertical',
+  // Fallback options.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  maxHeight: (0, _utils.gs)(6)
+});
 var Name = exports.Name = function Name(_ref) {
   var name = _ref.name,
     _ref$isLeftPadded = _ref.isLeftPadded,
@@ -23,23 +39,13 @@ var Name = exports.Name = function Name(_ref) {
     testId = _ref.testId,
     textColor = _ref.textColor;
   return (0, _react.jsx)("span", {
-    css: {
-      fontSize: "".concat((0, _constants.fontSize)(), "px"),
-      fontWeight: 500,
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+    css: [baseStyles,
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       marginLeft: isLeftPadded ? (0, _utils.gs)(1) : '0',
-      lineHeight: (0, _utils.gs)(2.5),
-      // Spec: show max two lines.
-      display: '-webkit-box',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      wordBreak: 'break-word',
-      WebkitLineClamp: 2,
-      WebkitBoxOrient: 'vertical',
-      color: textColor ? textColor : 'inherit',
-      // Fallback options.
-      maxHeight: (0, _utils.gs)(6)
-    },
+      color: textColor ? textColor : 'inherit'
+    }],
     "data-testid": testId,
     "data-trello-do-not-use-override": "block-card-content-header-name"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/cjs/view/BlockCard/components/Provider.js

@@ -9,6 +9,28 @@ var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../common/utils");
 /** @jsx jsx */
 
+var wrapperStyles = (0, _react.css)({
+  display: 'flex',
+  alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  fontSize: (0, _utils.gs)(1.5),
+  whiteSpace: 'normal'
+});
+var imgStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  height: (0, _utils.gs)(1.5),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  width: (0, _utils.gs)(1.5)
+});
+var textStyles = (0, _react.css)({
+  color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")"),
+  margin: 0,
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  marginLeft: (0, _utils.gs)(0.5),
+  // EDM-713: fixes copy-paste from renderer to editor for Firefox
+  // due to HTML its unwrapping behaviour on paste.
+  MozUserSelect: 'none'
+});
 var Provider = exports.Provider = function Provider(_ref) {
   var name = _ref.name,
     icon = _ref.icon;
@@ -17,29 +39,13 @@ var Provider = exports.Provider = function Provider(_ref) {
     iconToRender = (0, _react.jsx)("img", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "smart-link-icon",
-      css: {
-        height: (0, _utils.gs)(1.5),
-        width: (0, _utils.gs)(1.5)
-      },
+      css: imgStyles,
       src: icon
     });
   }
   return (0, _react.jsx)("div", {
-    css: {
-      display: 'flex',
-      alignItems: 'center',
-      fontSize: (0, _utils.gs)(1.5),
-      whiteSpace: 'normal'
-    }
+    css: wrapperStyles
   }, iconToRender, (0, _react.jsx)("span", {
-    css: {
-      color: "var(--ds-text-subtlest, ".concat(_colors.N300, ")"),
-      margin: 0,
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-      marginLeft: (0, _utils.gs)(0.5),
-      // EDM-713: fixes copy-paste from renderer to editor for Firefox
-      // due to HTML its unwrapping behaviour on paste.
-      MozUserSelect: 'none'
-    }
+    css: textStyles
   }, name));
 };

package/dist/cjs/view/BlockCard/components/Thumbnail.js

@@ -23,6 +23,7 @@ var ThumbnailDefault = exports.ThumbnailDefault = function ThumbnailDefault(_ref
   var src = _ref.src,
     testId = _ref.testId;
   return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedStyles), {}, {
       backgroundSize: 'cover',
       backgroundRepeat: 'no-repeat',
@@ -33,11 +34,16 @@ var ThumbnailDefault = exports.ThumbnailDefault = function ThumbnailDefault(_ref
     "data-trello-do-not-use-override": testId
   });
 };
+var thumbnailImgStyles = (0, _react.css)({
+  height: '90px',
+  width: '90px'
+});
 var ThumbnailWithBackground = exports.ThumbnailWithBackground = function ThumbnailWithBackground(_ref2) {
   var src = _ref2.src,
     color = _ref2.color,
     testId = _ref2.testId;
   return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     css: (0, _utils.mq)(_objectSpread(_objectSpread({}, sharedStyles), {}, {
       backgroundColor: color,
       display: 'flex',
@@ -48,9 +54,6 @@ var ThumbnailWithBackground = exports.ThumbnailWithBackground = function Thumbna
     "data-trello-do-not-use-override": testId
   }, (0, _react.jsx)("img", {
     src: src,
-    css: {
-      height: '90px',
-      width: '90px'
-    }
+    css: thumbnailImgStyles
   }));
 };

package/dist/cjs/view/BlockCard/components/UnresolvedText.js

@@ -7,13 +7,14 @@ exports.UnresolvedText = void 0;
 var _react = require("@emotion/react");
 /** @jsx jsx */
 
+var styles = (0, _react.css)({
+  display: 'flex',
+  alignItems: 'center'
+});
 var UnresolvedText = exports.UnresolvedText = function UnresolvedText(_ref) {
   var icon = _ref.icon,
     text = _ref.text;
   return (0, _react.jsx)("span", {
-    css: {
-      display: 'flex',
-      alignItems: 'center'
-    }
+    css: styles
   }, icon, text);
 };

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

@@ -110,6 +110,7 @@ var ResolvedView = exports.ResolvedView = function ResolvedView(_ref) {
     textColor: titleTextColor
   }), lozenge && (0, _react.jsx)(_styled.LozengeBlockWrapper, {
     css: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       height: (0, _utils.gs)(2.5),
       display: 'flex',
       alignItems: 'center',

package/dist/cjs/view/BlockCard/views/ResolvingView.js

@@ -22,6 +22,12 @@ var _utils = require("../../common/utils");
  * Using this selctor is deprecated as once the flexible block card feature flag is removed, this class will no longer be used.
  */
 var blockCardResolvingViewClassName = exports.blockCardResolvingViewClassName = 'block-card-resolving-view';
+var messageStyles = (0, _react.css)({
+  fontSize: "".concat((0, _constants.fontSize)(), "px"),
+  color: "var(--ds-text-subtlest, ".concat(_colors.N90, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  marginLeft: (0, _utils.gs)(0.5)
+});
 var ResolvingView = exports.ResolvingView = function ResolvingView(_ref) {
   var _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
@@ -41,11 +47,6 @@ var ResolvingView = exports.ResolvingView = function ResolvingView(_ref) {
     primaryColor: "var(--ds-icon-subtle, ".concat(_colors.N50, ")"),
     label: "document-icon"
   }), (0, _react.jsx)("span", {
-    css: {
-      fontSize: "".concat((0, _constants.fontSize)(), "px"),
-      color: "var(--ds-text-subtlest, ".concat(_colors.N90, ")"),
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-      marginLeft: (0, _utils.gs)(0.5)
-    }
+    css: messageStyles
   }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.loading)));
 };

package/dist/cjs/view/BlockCard/views/flexible/styled.js

@@ -8,32 +8,45 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 // in editor prosemirror adds padding-left so we need to overwrite it
 // renderer overwrites the margin-right so we need to add it here
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var metadataBlockCss = exports.metadataBlockCss = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'span[data-smart-element-avatar-group]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> ul': {
       paddingLeft: '0px',
       marginRight: "var(--ds-space-100, 0.5rem)"
     }
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '[data-smart-element-group]': {
     lineHeight: '1rem'
   }
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var titleBlockCss = exports.titleBlockCss = (0, _react.css)({
   gap: "var(--ds-space-100, 0.5em)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   "[data-smart-element='Title']": {
     fontWeight: 600
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var footerBlockCss = exports.footerBlockCss = (0, _react.css)({
   height: '1.5rem',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.actions-button-group': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     'button, button:hover, button:focus, button:active': {
       fontSize: '0.875rem'
     }
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var flexibleBlockCardStyle = exports.flexibleBlockCardStyle = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > div': {
     borderRadius: "var(--ds-border-radius-200, 8px)",
     border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))

package/dist/cjs/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.js

@@ -10,8 +10,11 @@ var _styled = require("../styled");
 
 var withFlexibleUIBlockCardStyle = exports.withFlexibleUIBlockCardStyle = function withFlexibleUIBlockCardStyle(FlexibleBlockCardView) {
   return function (props) {
-    return (0, _react.jsx)("div", {
-      css: _styled.flexibleBlockCardStyle
-    }, (0, _react.jsx)(FlexibleBlockCardView, props));
+    return (
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      (0, _react.jsx)("div", {
+        css: _styled.flexibleBlockCardStyle
+      }, (0, _react.jsx)(FlexibleBlockCardView, props))
+    );
   };
 };

package/dist/cjs/view/BlockCard/views/styled.js

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.LozengeBlockWrapper = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 // TODO: Replace overrides with proper AtlasKit solution.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var LozengeBlockWrapper = exports.LozengeBlockWrapper = _styled.default.span({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > span': {
     marginLeft: "var(--ds-space-050, 4px)"
   }

package/dist/cjs/view/EmbedCard/components/Frame.js

@@ -28,6 +28,16 @@ function mergeRefs(refs) {
     });
   };
 }
+var iframeStyles = (0, _react.css)({
+  border: 0,
+  top: 0,
+  left: 0,
+  width: '100%',
+  height: '100%',
+  position: 'relative',
+  overflow: 'hidden',
+  borderRadius: '3px'
+});
 var Frame = exports.Frame = /*#__PURE__*/_react2.default.forwardRef(function (_ref, iframeRef) {
   var url = _ref.url,
     _ref$isTrusted = _ref.isTrusted,
@@ -109,16 +119,7 @@ var Frame = exports.Frame = /*#__PURE__*/_react2.default.forwardRef(function (_r
     src: url,
     "data-testid": "".concat(testId, "-frame"),
     "data-iframe-loaded": isIframeLoaded,
-    css: {
-      border: 0,
-      top: 0,
-      left: 0,
-      width: '100%',
-      height: '100%',
-      position: 'relative',
-      overflow: 'hidden',
-      borderRadius: '3px'
-    },
+    css: iframeStyles,
     onMouseEnter: function onMouseEnter() {
       return setMouseOver(true);
     },