@atlaskit/smart-card 27.5.4 → 27.6.1

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { SmartLinkStatus } from '../../../../../constants';
 import PreviewBlockResolvedView from './resolved';

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { useCallback, useEffect, useState } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { MediaPlacement } from '../../../../../../constants';
 import Block from '../../block';
@@ -47,9 +48,11 @@ const getPreviewBlockStyles = (placement, ignoreContainerPadding) => {
     return css({
       marginLeft: 'calc(var(--container-gap-left) * -1)',
       marginRight: 'calc(var(--container-gap-right) * -1)',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       '&:first-of-type': {
         marginTop: 'calc(var(--container-padding) * -1)'
       },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       '&:last-of-type': {
         marginBottom: 'calc(var(--container-padding) * -1)'
       }
@@ -74,6 +77,7 @@ const PreviewBlockResolvedView = ({
 }) => {
   const [styles, setStyles] = useState(overrideCss);
   const updateStyles = useCallback(() => {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     setStyles(css(getPreviewBlockStyles(placement, ignoreContainerPadding), overrideCss));
   }, [ignoreContainerPadding, overrideCss, placement]);
   useEffect(() => {

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useState } from 'react';
 import { di } from 'react-magnetic-di';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import useRelatedUrls from '../../../../../state/hooks/use-related-urls';

package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -3,6 +3,7 @@ import { useIntl } from 'react-intl-next';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/glyph/chevron-up';
 import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { messages } from '../../../../../../../messages';
 import { getFormattedMessageAsString } from '../../../../../components/utils';

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

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';
@@ -10,6 +11,7 @@ import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles } from '../../.
 import ElementGroup from '../../element-group';
 const actionStyles = css({
   cursor: 'pointer',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
     color: "var(--ds-text-subtle, #8993A4)",
     textDecoration: 'underline'
@@ -20,8 +22,15 @@ const getMessageStyles = (size, hasAction) => {
   return css({
     flex: '1 1 auto',
     justifyContent: 'flex-end'
-  }, hasAction ? actionStyles : '', sizeStyles, getTruncateStyles(1, getLinkLineHeight(size)), {
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  hasAction ? actionStyles : '',
+  // 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
+  getTruncateStyles(1, getLinkLineHeight(size)), {
     color: "var(--ds-text-disabled, #6B778C)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     ':focus': {
       outline: `${"var(--ds-border-focused, #388BFF)"} solid 2px`
     }
@@ -64,7 +73,9 @@ const TitleBlockErroredView = ({
     align: SmartLinkAlignment.Right
   }, jsx("span", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: hasAction ? 'has-action' : '',
+    className: hasAction ? 'has-action' : ''
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: getMessageStyles(size, hasAction),
     onClick: onClick,
     "data-testid": `${testId}-errored-view-message`,

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useState } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 import { SmartLinkStatus } from '../../../../../constants';
@@ -11,9 +12,11 @@ import { Title } from '../../elements';
 const getActionStyles = (showOnHover, isOpen) => {
   if (showOnHover && !isOpen) {
     return css({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '.actions-button-group': {
         opacity: 0
       },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '&:hover .actions-button-group, .actions-button-group:focus-within': {
         opacity: 1
       }
@@ -86,6 +89,7 @@ const TitleBlock = ({
     onDropdownOpenChange: onDropdownOpenChange
   });
   const actionStyles = getActionStyles(showActionOnHover, actionDropdownOpen);
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   const combinedCss = css(actionStyles, overrideCss);
   const overrideText = !!text ? {
     text

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Block from '../../block';
 import { SmartLinkSize } from '../../../../../../constants';
@@ -27,7 +29,9 @@ const TitleBlockResolvingView = ({
   const iconStyles = getIconSizeStyles(iconWidth);
   return jsx(Block, _extends({}, blockProps, {
     testId: `${testId}-resolving-view`
-  }), !hideIcon && jsx("span", {
+  }), !hideIcon &&
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+  jsx("span", {
     css: iconStyles,
     "data-testid": `${testId}-icon`
   }, jsx(LoadingSkeleton, {

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { ActionName, ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../constants';
 import * as Elements from '../elements';
@@ -82,23 +83,28 @@ export const getGapSize = size => {
 export const getBaseStyles = (direction, size) => css({
   alignItems: 'center',
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   gap: `${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
 export const highlightRemoveStyles = css`
 	outline: none !important;
 	outline-color: inherit;

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import ImageLoader from 'react-render-image';
 import LoadingSkeleton from '../loading-skeleton';

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

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx, keyframes } from '@emotion/react';
 const LoadingSkeleton = ({
   testId,
@@ -15,7 +17,9 @@ const LoadingSkeleton = ({
     }
   });
   const styles = css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: `${width}rem`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: `${height}rem`,
     borderRadius: '2px',
     userSelect: 'none',

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

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React, { useContext } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
 import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock } from '../../../../utils/flexible';
@@ -47,6 +48,7 @@ const getPadding = size => {
   }
 };
 const clickableContainerStyles = 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
@@ -60,12 +62,20 @@ const getContainerPaddingStyles = (size, hidePadding, childrenOptions) => {
     previewOnRight
   } = childrenOptions;
   return 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) + ${gap});` : '', previewOnRight ? `padding-right: calc(var(--preview-block-width) + ${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) + ${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) + ${gap});` : '');
 };
 const getChildrenOptions = (children, context) => {
   let options = {};
@@ -192,6 +202,7 @@ const Container = ({
   // unresolved link (unauthorized, forbidden, not found, etc.)
   const canShowAuthTooltip = showAuthTooltip && status === 'unauthorized' && retry !== undefined;
   const container = 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/es2019/view/FlexibleCard/components/container/layered-link/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 const styles = css({
@@ -14,6 +15,7 @@ const styles = 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
@@ -28,7 +30,9 @@ const styles = 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/es2019/view/FlexibleCard/components/elements/atlaskit-badge/index.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import AKBadge from '@atlaskit/badge';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const badgeStyles = css({
   alignItems: 'center',
@@ -23,6 +24,7 @@ const AtlaskitBadge = ({
     return null;
   }
   return 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/es2019/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 
 import React, { useMemo } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
 import { SmartLinkSize } from '../../../../../constants';
@@ -12,6 +13,7 @@ const MAX_COUNT = 4;
 const getStyles = size => {
   const styles = 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
@@ -96,6 +98,7 @@ const AvatarGroup = ({
     return null;
   }
   return 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/es2019/view/FlexibleCard/components/elements/badge/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { getFormattedMessage, getIconSizeStyles } from '../../utils';
 import { IconType } from '../../../../../constants';
@@ -12,7 +13,7 @@ const badgeStyles = css({
   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
 const iconStyles = css`
 	color: ${"var(--ds-icon-subtle, #626F86)"};
 	line-height: 0;
@@ -101,6 +102,7 @@ const Badge = ({
     return null;
   }
   return 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/es2019/view/FlexibleCard/components/elements/date-time/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React from 'react';
 import { useIntl, FormattedMessage } from 'react-intl-next';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { getTruncateStyles } from '../../utils';
 import { selectUnit } from '@formatjs/intl-utils';
@@ -10,7 +11,9 @@ const styles = css({
   color: "var(--ds-text-subtlest, #626F86)",
   fontSize: '0.75rem',
   lineHeight: '1rem'
-}, 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
+getTruncateStyles(1));
 const typeToDescriptorMap = {
   created: {
     relative: messages.created_on_relative,
@@ -70,6 +73,7 @@ const DateTime = ({
     });
   }
   return 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/es2019/view/FlexibleCard/components/elements/icon/index.js

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import LinkIcon from '@atlaskit/icon/glyph/link';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
 import AtlaskitIcon from '../../common/atlaskit-icon';
@@ -20,13 +21,20 @@ const getPositionStyles = position => {
       });
   }
 };
-const getIconStyles = (position, width) => css(getPositionStyles(position), getIconSizeStyles(width));
-const getCustomRenderStyles = value => css(getTruncateStyles(1, value), {
+const getIconStyles = (position, width) =>
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+css(getPositionStyles(position), getIconSizeStyles(width));
+const getCustomRenderStyles = value =>
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+css(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,

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { useMemo } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkInternalTheme, SmartLinkSize, SmartLinkTheme } from '../../../../../constants';
@@ -18,6 +19,7 @@ const getThemeStyles = theme => {
       // We are being specifc with the CSS selectors to ensure that Confluence overrides
       // do not affect our internal Smart Card styles
       return 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': {
@@ -31,9 +33,11 @@ const getThemeStyles = theme => {
     case SmartLinkTheme.Black:
       return 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'
@@ -43,9 +47,11 @@ const getThemeStyles = theme => {
     default:
       return 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'
@@ -57,7 +63,13 @@ const getAnchorStyles = (size, theme, maxLines, hasSpace) => {
   const sizeStyles = getLinkSizeStyles(size);
   return css({
     flex: '1 1 auto'
-  }, sizeStyles, getTruncateStyles(maxLines, 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
+  getTruncateStyles(maxLines, 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));
 };
 const getMaxLines = maxLines => {
   if (maxLines > MAXIMUM_MAX_LINES) {
@@ -96,6 +108,7 @@ const Link = ({
   const onMouseDown = useMouseDownEvent();
   const hasSpace = useMemo(() => text ? hasWhiteSpace(text) : false, [text]);
   const anchor = jsx("a", _extends({
+    // 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/es2019/view/FlexibleCard/components/elements/lozenge/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import AtlaskitLozenge from '@atlaskit/lozenge';
 import LozengeAction from './lozenge-action';
@@ -42,6 +43,7 @@ const Lozenge = ({
     testId: `${testId}-lozenge`
   }, text);
   return 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/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import DropdownMenu from '@atlaskit/dropdown-menu';

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

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Fragment, useMemo, useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -48,7 +49,9 @@ const LozengeActionError = ({
     }), jsx("span", {
       css: textStyles(maxLineNumber),
       "data-testid": `${testId}-error-message`
-    }, typeof errorMessage === 'string' ? errorMessage : getFormattedMessage(errorMessage))), isPreviewAvailable ? jsx("div", {
+    }, typeof errorMessage === 'string' ? errorMessage : 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
+    jsx("div", {
       css: linkStyles
     }, jsx("a", {
       target: "_blank",
@@ -56,11 +59,14 @@ const LozengeActionError = ({
       onClick: handlePreviewOpen
     }, jsx(FormattedMessage, messages.open_issue_in_jira))) : null);
   }, [errorMessage, handlePreviewOpen, isPreviewAvailable, maxLineNumber, testId]);
-  return jsx("span", {
-    css: dropdownItemGroupStyles,
-    "data-testid": `${testId}-error-item-group`
-  }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
-    testId: `${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
+    jsx("span", {
+      css: dropdownItemGroupStyles,
+      "data-testid": `${testId}-error-item-group`
+    }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
+      testId: `${testId}-error`
+    }, content)))
+  );
 };
 export default LozengeActionError;

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

@@ -1,7 +1,11 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { N800 } from '@atlaskit/theme/colors';
 import { getTruncateStyles } from '../../../../utils';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const dropdownItemGroupStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
     width: '220px',
     '&:hover': {
@@ -19,15 +23,20 @@ const sharedBlockStyles = 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
 export const contentStyles = 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, ${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
 export const linkStyles = css(sharedBlockStyles, {
   cursor: 'pointer',
   fontSize: '0.875rem',
@@ -38,4 +47,6 @@ export const linkStyles = css(sharedBlockStyles, {
 export const textStyles = maxLines => css({
   lineHeight: '1rem',
   whiteSpace: 'normal'
-}, 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
+getTruncateStyles(maxLines));

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import LozengeActionItem from '../lozenge-action-item';
 import { dropdownItemGroupStyles } from '../styled';
@@ -9,7 +10,7 @@ const LozengeActionItemsGroup = ({
   testId,
   onClick
 }) =>
-// 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
 jsx("span", {
   css: dropdownItemGroupStyles,
   "data-testid": `${testId}-item-group`

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useCallback, useMemo, useState } from 'react';
 import Lozenge from '@atlaskit/lozenge';
@@ -28,6 +29,7 @@ const LozengeActionTrigger = ({
   return jsx("button", _extends({
     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: triggerButtonStyles,
     "data-action-open": isOpen,
     "data-testid": `${testId}--trigger`,