@atlaskit/smart-card 27.5.4 → 27.6.1

package/dist/cjs/view/FlexibleCard/components/blocks/utils.js

@@ -19,7 +19,7 @@ var _flexible = require("../../../../utils/flexible");
 var _actionGroup = _interopRequireDefault(require("./action-group"));
 var _elementGroup = _interopRequireDefault(require("./element-group"));
 var _excluded = ["name"];
-var _ElementDisplaySchema, _templateObject;
+var _ElementDisplaySchema, _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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; }
 // Determine whether the element can be display as inline/block.
@@ -63,24 +63,29 @@ var getBaseStyles = exports.getBaseStyles = function getBaseStyles(direction, si
   return (0, _react2.css)({
     alignItems: 'center',
     display: 'flex',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     gap: "".concat(getGapSize(size), "rem"),
     lineHeight: '1rem',
     minWidth: 0,
     overflow: 'hidden'
-  }, getDirectionStyles(direction), {
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  getDirectionStyles(direction), {
     '&:empty': {
       display: 'none'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > *': {
       minWidth: 0
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > [data-fit-to-content]': {
       minWidth: 'fit-content'
     }
   });
 };
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var highlightRemoveStyles = exports.highlightRemoveStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\toutline: none !important;\n\toutline-color: inherit;\n\tcolor: inherit;\n\t-webkit-tap-highlight-color: transparent;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n"])));
 var isActionGroup = function isActionGroup(node) {
   return /*#__PURE__*/_react.default.isValidElement(node) && node.type === _actionGroup.default;

package/dist/cjs/view/FlexibleCard/components/common/image-icon/index.js

@@ -11,6 +11,8 @@ var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
 var _loadingSkeleton = _interopRequireDefault(require("../loading-skeleton"));
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var ImageIcon = function ImageIcon(_ref) {
   var defaultIcon = _ref.defaultIcon,
     testId = _ref.testId,

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

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var LoadingSkeleton = function LoadingSkeleton(_ref) {
   var testId = _ref.testId,
     width = _ref.width,
@@ -22,7 +24,9 @@ var LoadingSkeleton = function LoadingSkeleton(_ref) {
     }
   });
   var styles = (0, _react2.css)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: "".concat(width, "rem"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: "".concat(height, "rem"),
     borderRadius: '2px',
     userSelect: 'none',

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

@@ -19,6 +19,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _reactMagneticDi = require("react-magnetic-di");
 var _templateObject;
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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 elevationStyles = (0, _react2.css)({
@@ -59,6 +60,7 @@ var getPadding = function getPadding(size) {
   }
 };
 var clickableContainerStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'a, button, .has-action': {
     position: 'relative',
     zIndex: 1
@@ -70,12 +72,20 @@ var getContainerPaddingStyles = function getContainerPaddingStyles(size, hidePad
   var previewOnLeft = childrenOptions.previewOnLeft,
     previewOnRight = childrenOptions.previewOnRight;
   return (0, _react2.css)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     '--container-padding': padding,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     '--container-gap-left': previewOnLeft ? gap : padding,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     '--container-gap-right': previewOnRight ? gap : padding,
     '--preview-block-width': '30%',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     padding: padding
-  }, previewOnLeft ? "padding-left: calc(var(--preview-block-width) + ".concat(gap, ");") : '', previewOnRight ? "padding-right: calc(var(--preview-block-width) + ".concat(gap, ");") : '');
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  previewOnLeft ? "padding-left: calc(var(--preview-block-width) + ".concat(gap, ");") : '',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  previewOnRight ? "padding-right: calc(var(--preview-block-width) + ".concat(gap, ");") : '');
 };
 var getChildrenOptions = function getChildrenOptions(children, context) {
   var options = {};
@@ -192,6 +202,7 @@ var Container = function Container(_ref3) {
   // unresolved link (unauthorized, forbidden, not found, etc.)
   var canShowAuthTooltip = showAuthTooltip && status === 'unauthorized' && retry !== undefined;
   var container = (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),
     "data-smart-link-container": true,
     "data-testid": testId

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

@@ -10,6 +10,8 @@ var _react2 = require("@emotion/react");
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var styles = (0, _react2.css)({
   // Stretch the invisible link over the whole of the post.
   // Hide the link’s text.
@@ -22,6 +24,7 @@ var styles = (0, _react2.css)({
   whiteSpace: 'nowrap',
   // Needs a heightened specificity to trump other anchor.
   // Stack it under all other links in the post text.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   'a&.layered-link': {
     position: 'absolute',
     zIndex: 0
@@ -36,7 +39,9 @@ var styles = (0, _react2.css)({
   // iterations of the second element, that are following the first element
   // (though not necessarily immediately), and are children of the same parent
   // element.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&:hover ~ *': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.actions-button-group': {
       opacity: 1
     }

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

@@ -10,6 +10,8 @@ var _badge = _interopRequireDefault(require("@atlaskit/badge"));
 var _react2 = require("@emotion/react");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var badgeStyles = (0, _react2.css)({
   alignItems: 'center',
   display: 'inline-flex'
@@ -31,6 +33,7 @@ var AtlaskitBadge = function AtlaskitBadge(_ref) {
     return null;
   }
   return (0, _react2.jsx)("span", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [badgeStyles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,

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

@@ -17,6 +17,7 @@ var _reactIntlNext = require("react-intl-next");
 var _utils = require("../../utils");
 var _templateObject;
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -25,6 +26,7 @@ var MAX_COUNT = 4;
 var getStyles = function getStyles(size) {
   var styles = (0, _react2.css)({
     display: 'inline-flex',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     ul: {
       marginRight: "var(--ds-space-100, 0.5rem)",
       marginTop: 0
@@ -104,6 +106,7 @@ var AvatarGroup = function AvatarGroup(_ref) {
     return null;
   }
   return (0, _react2.jsx)("span", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [getStyles(size), overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,

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

@@ -16,13 +16,14 @@ var _imageIcon = _interopRequireDefault(require("../../common/image-icon"));
 var _atlaskitIcon = _interopRequireDefault(require("../../common/atlaskit-icon"));
 var _templateObject, _messageMapper;
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var badgeStyles = (0, _react2.css)({
   alignItems: 'center',
   display: 'inline-flex',
   minWidth: 'fit-content'
 });
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var iconStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: ", ";\n\tline-height: 0;\n\tvertical-align: middle;\n\t", "\n\timg,\n  span,\n  svg {\n\t\tline-height: 0;\n\t\tvertical-align: middle;\n\t}\n"])), "var(--ds-icon-subtle, #626F86)", (0, _utils.getIconSizeStyles)('1rem'));
 var labelStyles = (0, _react2.css)({
   color: "var(--ds-text-subtlest, #626F86)",
@@ -89,6 +90,7 @@ var Badge = function Badge(_ref) {
     return null;
   }
   return (0, _react2.jsx)("span", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [badgeStyles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,

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

@@ -14,11 +14,15 @@ var _intlUtils = require("@formatjs/intl-utils");
 var _messages = require("../../../../../messages");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var styles = (0, _react2.css)({
   color: "var(--ds-text-subtlest, #626F86)",
   fontSize: '0.75rem',
   lineHeight: '1rem'
-}, (0, _utils.getTruncateStyles)(1));
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+(0, _utils.getTruncateStyles)(1));
 var typeToDescriptorMap = {
   created: {
     relative: _messages.messages.created_on_relative,
@@ -76,6 +80,7 @@ var DateTime = function DateTime(_ref) {
     });
   }
   return (0, _react2.jsx)("span", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [styles, overrideCss],
     "data-separator": true,
     "data-smart-element": name,

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

@@ -17,6 +17,8 @@ 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 && 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; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var getPositionStyles = function getPositionStyles(position) {
   switch (position) {
     case _constants.SmartLinkPosition.Center:
@@ -32,21 +34,30 @@ var getPositionStyles = function getPositionStyles(position) {
   }
 };
 var getIconStyles = function getIconStyles(position, width) {
-  return (0, _react2.css)(getPositionStyles(position), (0, _utils.getIconSizeStyles)(width));
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    (0, _react2.css)(getPositionStyles(position), (0, _utils.getIconSizeStyles)(width))
+  );
 };
 var getCustomRenderStyles = function getCustomRenderStyles(value) {
-  return (0, _react2.css)((0, _utils.getTruncateStyles)(1, value), {
-    lineHeight: value,
-    fontSize: value,
-    textAlign: 'center',
-    textOverflow: 'clip',
-    WebkitBoxOrient: 'unset',
-    span: {
-      margin: 0,
-      padding: 0,
-      verticalAlign: 'baseline'
-    }
-  });
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    (0, _react2.css)((0, _utils.getTruncateStyles)(1, value), {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      lineHeight: value,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      fontSize: value,
+      textAlign: 'center',
+      textOverflow: 'clip',
+      WebkitBoxOrient: 'unset',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+      span: {
+        margin: 0,
+        padding: 0,
+        verticalAlign: 'baseline'
+      }
+    })
+  );
 };
 var renderAtlaskitIcon = function renderAtlaskitIcon(icon, label, testId) {
   if (icon) {

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

@@ -17,6 +17,8 @@ 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 && 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; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
 var MINIMUM_MAX_LINES = 1;
@@ -29,6 +31,7 @@ var getThemeStyles = function getThemeStyles(theme) {
       // We are being specifc with the CSS selectors to ensure that Confluence overrides
       // do not affect our internal Smart Card styles
       return (0, _react2.css)({
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
         'a&': {
           color: "var(--ds-text-subtlest, #626F86)",
           '&:active, &:visited, &:focus, &:hover': {
@@ -42,9 +45,11 @@ var getThemeStyles = function getThemeStyles(theme) {
     case _constants.SmartLinkTheme.Black:
       return (0, _react2.css)({
         color: "var(--ds-text-subtle, #44546F)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
         ':active': {
           color: "var(--ds-text, #172B4D)"
         },
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
         ':hover': {
           color: "var(--ds-text-subtle, #44546F)",
           textDecoration: 'underline'
@@ -54,9 +59,11 @@ var getThemeStyles = function getThemeStyles(theme) {
     default:
       return (0, _react2.css)({
         color: "var(--ds-link, #0C66E4)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
         ':active': {
           color: "var(--ds-link-pressed, #0055CC)"
         },
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
         ':hover': {
           color: "var(--ds-link, #0C66E4)",
           textDecoration: 'underline'
@@ -68,7 +75,13 @@ var getAnchorStyles = function getAnchorStyles(size, theme, maxLines, hasSpace)
   var sizeStyles = (0, _utils.getLinkSizeStyles)(size);
   return (0, _react2.css)({
     flex: '1 1 auto'
-  }, sizeStyles, (0, _utils.getTruncateStyles)(maxLines, (0, _utils.getLinkLineHeight)(size), hasSpace ? 'break-word' : 'break-all'), getThemeStyles(theme));
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  sizeStyles,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  (0, _utils.getTruncateStyles)(maxLines, (0, _utils.getLinkLineHeight)(size), hasSpace ? 'break-word' : 'break-all'),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  getThemeStyles(theme));
 };
 var getMaxLines = function getMaxLines(maxLines) {
   if (maxLines > MAXIMUM_MAX_LINES) {
@@ -115,6 +128,7 @@ var Link = function Link(_ref) {
     return text ? (0, _utils.hasWhiteSpace)(text) : false;
   }, [text]);
   var anchor = (0, _react2.jsx)("a", (0, _extends2.default)({
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [getAnchorStyles(size, theme, getMaxLines(maxLines), hasSpace), overrideCss],
     "data-smart-element": name,
     "data-smart-element-link": true,

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

@@ -12,6 +12,8 @@ var _lozengeAction = _interopRequireDefault(require("./lozenge-action"));
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var styles = (0, _react2.css)({
   display: 'inline-flex',
   lineHeight: 'inherit'
@@ -51,6 +53,7 @@ var Lozenge = function Lozenge(_ref) {
     testId: "".concat(testId, "-lozenge")
   }, text);
   return (0, _react2.jsx)("span", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [styles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,

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

@@ -26,6 +26,7 @@ var _analytics = require("../../../../../../utils/analytics/analytics");
 var _lozengeActionAnalytics = require("./lozenge-action-analytics");
 var _lozengeActionItemsGroup = _interopRequireDefault(require("./lozenge-action-items-group"));
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var validateItems = function validateItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];

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

@@ -18,7 +18,7 @@ var _messages = require("../../../../../../../messages");
 var _flexibleUiContext = require("../../../../../../../state/flexible-ui-context");
 var _useResolve = _interopRequireDefault(require("../../../../../../../state/hooks/use-resolve"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var MAX_LINE_NUMBER = 8;
 var LozengeActionError = function LozengeActionError(_ref) {
   var errorMessage = _ref.errorMessage,
@@ -56,7 +56,9 @@ var LozengeActionError = function LozengeActionError(_ref) {
     }), (0, _react.jsx)("span", {
       css: (0, _styled.textStyles)(maxLineNumber),
       "data-testid": "".concat(testId, "-error-message")
-    }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))), isPreviewAvailable ? (0, _react.jsx)("div", {
+    }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))), isPreviewAvailable ?
+    // 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.linkStyles
     }, (0, _react.jsx)("a", {
       target: "_blank",
@@ -64,11 +66,14 @@ var LozengeActionError = function LozengeActionError(_ref) {
       onClick: handlePreviewOpen
     }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jira))) : null);
   }, [errorMessage, handlePreviewOpen, isPreviewAvailable, maxLineNumber, testId]);
-  return (0, _react.jsx)("span", {
-    css: _styled.dropdownItemGroupStyles,
-    "data-testid": "".concat(testId, "-error-item-group")
-  }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react.jsx)(_dropdownMenu.DropdownItem, {
-    testId: "".concat(testId, "-error")
-  }, content)));
+  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: _styled.dropdownItemGroupStyles,
+      "data-testid": "".concat(testId, "-error-item-group")
+    }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react.jsx)(_dropdownMenu.DropdownItem, {
+      testId: "".concat(testId, "-error")
+    }, content)))
+  );
 };
 var _default = exports.default = LozengeActionError;

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/styled.js

@@ -7,7 +7,11 @@ exports.textStyles = exports.linkStyles = exports.dropdownItemGroupStyles = expo
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _utils = require("../../../../utils");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var dropdownItemGroupStyles = exports.dropdownItemGroupStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
     width: '220px',
     '&:hover': {
@@ -25,15 +29,20 @@ var sharedBlockStyles = (0, _react.css)({
   flexDirection: 'row',
   alignItems: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 var contentStyles = exports.contentStyles = (0, _react.css)(sharedBlockStyles, {
   marginTop: "var(--ds-space-025, 2px)",
   alignItems: 'flex-start',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> span, > div': {
     fontSize: '0.875rem',
     lineHeight: '1.25rem',
     color: "var(--ds-text, ".concat(_colors.N800, ")")
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 var linkStyles = exports.linkStyles = (0, _react.css)(sharedBlockStyles, {
   cursor: 'pointer',
   fontSize: '0.875rem',
@@ -45,5 +54,7 @@ var textStyles = exports.textStyles = function textStyles(maxLines) {
   return (0, _react.css)({
     lineHeight: '1rem',
     whiteSpace: 'normal'
-  }, (0, _utils.getTruncateStyles)(maxLines));
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  (0, _utils.getTruncateStyles)(maxLines));
 };

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/index.js

@@ -11,13 +11,14 @@ var _lozengeActionItem = _interopRequireDefault(require("../lozenge-action-item"
 var _styled = require("../styled");
 var _dropdownMenu = require("@atlaskit/dropdown-menu");
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var LozengeActionItemsGroup = function LozengeActionItemsGroup(_ref) {
   var items = _ref.items,
     testId = _ref.testId,
     onClick = _ref.onClick;
   return (
-    // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
+    // eslint-disable-next-line @atlaskit/design-system/prefer-primitives, @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: _styled.dropdownItemGroupStyles,
       "data-testid": "".concat(testId, "-item-group")

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.js

@@ -15,6 +15,7 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-
 var _styled = require("../styled");
 var _excluded = ["appearance", "isOpen", "testId", "text", "triggerRef"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
   var appearance = _ref.appearance,
     isOpen = _ref.isOpen,
@@ -46,6 +47,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
   return (0, _react.jsx)("button", (0, _extends2.default)({
     type: "button"
   }, props, {
+    // 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: _styled.triggerButtonStyles,
     "data-action-open": isOpen,
     "data-testid": "".concat(testId, "--trigger"),

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/styled.js

@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.triggerLozengeStyles = exports.triggerButtonStyles = exports.dropdownItemGroupStyles = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var triggerButtonStyles = exports.triggerButtonStyles = (0, _react.css)({
   all: 'unset',
   backgroundColor: 'transparent',
@@ -20,6 +23,7 @@ var triggerButtonStyles = exports.triggerButtonStyles = (0, _react.css)({
   textTransform: 'unset',
   border: '2px solid transparent',
   margin: "var(--ds-space-025, 2px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   "&:focus-visible, &:focus-within, &[aria-expanded='true']": {
     outline: 'none',
     boxShadow: "0 0 0 2px ".concat("var(--ds-border-focused, #388BFF)"),
@@ -27,17 +31,21 @@ var triggerButtonStyles = exports.triggerButtonStyles = (0, _react.css)({
   }
 });
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var triggerLozengeStyles = exports.triggerLozengeStyles = (0, _react.css)({
   alignItems: 'center',
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   "span[role='img']": {
     margin: "var(--ds-space-negative-050, -4px)".concat(" ", "var(--ds-space-negative-100, -8px)", " ", "var(--ds-space-negative-050, -4px)", " -1px")
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var dropdownItemGroupStyles = exports.dropdownItemGroupStyles = (0, _react.css)({
   maxHeight: '300px',
   overflowY: 'auto',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
     padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-150, 12px)"),
     minHeight: '28px',

package/dist/cjs/view/FlexibleCard/components/elements/media/index.js

@@ -10,6 +10,8 @@ var _react2 = require("@emotion/react");
 var _imageIcon = _interopRequireDefault(require("../../common/image-icon"));
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 /**
  * Media: Image
  * [aspect-ratio: 16 / 9] The context box is fixed to aspect ratio of 16:9.
@@ -33,6 +35,7 @@ var styles = (0, _react2.css)({
     position: 'relative',
     overflow: 'hidden'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> img, > span': {
     minHeight: '100%',
     minWidth: '100%',
@@ -70,6 +73,7 @@ var Media = function Media(_ref) {
     return null;
   }
   return (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [styles, overrideCss],
     "data-smart-element": name,
     "data-smart-element-media": type,

package/dist/cjs/view/FlexibleCard/components/elements/preview/index.js

@@ -15,6 +15,7 @@ var _constants = require("../../../../../constants");
 var _media = _interopRequireDefault(require("../media"));
 var _excluded = ["overrideUrl"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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 Preview = function Preview(props) {

package/dist/cjs/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -14,6 +14,7 @@ var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _text = _interopRequireDefault(require("../text"));
 var _excluded = ["content", "maxLines", "overrideCss"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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 SNIPPET_DEFAULT_MAX_LINES = 3;
@@ -24,7 +25,9 @@ var getSnippetStyles = function getSnippetStyles(overrideCss) {
     MozUserSelect: 'text',
     MsUserSelect: 'text',
     userSelect: 'text'
-  }, overrideCss);
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  overrideCss);
 };
 var SnippetElement = function SnippetElement() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/dist/cjs/view/FlexibleCard/components/elements/text/index.js

@@ -10,13 +10,17 @@ var _react2 = require("@emotion/react");
 var _utils = require("../../utils");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var getStyles = function getStyles(maxLines) {
   return (0, _react2.css)({
     color: "var(--ds-text-subtlest, #626F86)",
     fontSize: '0.75rem',
     lineHeight: '1rem',
     whiteSpace: 'normal'
-  }, (0, _utils.getTruncateStyles)(maxLines));
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  (0, _utils.getTruncateStyles)(maxLines));
 };
 
 /**
@@ -38,6 +42,7 @@ var Text = function Text(_ref) {
     return null;
   }
   return (0, _react2.jsx)("span", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [getStyles(maxLines), overrideCss],
     "data-separator": true,
     "data-smart-element": name,