@atlaskit/editor-core/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js

A package contains Atlassian editor core functionality

/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
import { css } from '@emotion/react';
import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
import { boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';

// Constant variables here has been inlined in css from EditorContentContainer, if you need to make
// update here, please also update packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
export const DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
export const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';

// Constant variables here has been inlined in css from EditorContentContainer, if you need to make
// update here, please also update packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
export const SmartCardSharedCssClassName = {
  INLINE_CARD_CONTAINER: 'inlineCardView-content-wrap',
  BLOCK_CARD_CONTAINER: 'blockCardView-content-wrap',
  EMBED_CARD_CONTAINER: 'embedCardView-content-wrap',
  DATASOURCE_CONTAINER: 'datasourceView-content-wrap',
  LOADER_WRAPPER: 'loader-wrapper'
};

// Move this into `smartCardStyles` below when cleaning up editor_controls_patch_15
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export const editorControlsSmartCardStyles = css({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.INLINE_CARD_CONTAINER}`]: {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '[data-inlinecard-button-overlay="icon-wrapper-line-height"] span': {
      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
      lineHeight: 0
    }
  }
});

// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export const smartCardDiffStyles = css({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
  [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
    [`&[data-testid="show-diff-changed-decoration-node"] .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 var(--diff-decoration-marker-ring-width, 1px) var(--diff-decoration-marker-color)`,
      borderColor: 'transparent'
    }
  }
});

// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export const showDiffDeletedNodeStyles = css({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
  [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
    [`&.show-diff-deleted-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-gray, #7D818A)"}`,
      borderColor: 'transparent'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
    [`&.show-diff-deleted-node-traditional .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-red, #E2483D)"}`,
      borderColor: 'transparent'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
    [`&.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtlest, #FFECEB)"}`,
      borderColor: 'transparent'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
    [`&.show-diff-deleted-node-traditional.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
      borderColor: 'transparent'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
    [`&.show-diff-deleted-node.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
      borderColor: 'transparent'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
    [`&.show-diff-deleted-node .${SmartCardSharedCssClassName.LOADER_WRAPPER}`]: {
      opacity: 0.6
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '.show-diff-deleted-node .media-card-wrapper': {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '& > div': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-gray, #7D818A)"}`,
      borderRadius: "var(--ds-radius-small, 4px)",
      opacity: 0.6
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '.show-diff-deleted-node-traditional .media-card-wrapper': {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '& > div': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-red, #E2483D)"}`,
      borderRadius: "var(--ds-radius-small, 4px)"
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper': {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '& > div': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtlest, #FFECEB)"}`,
      borderRadius: "var(--ds-radius-small, 4px)"
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '.show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper': {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '& > div': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
      borderRadius: "var(--ds-radius-small, 4px)"
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '.show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper': {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '& > div': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
      borderRadius: "var(--ds-radius-small, 4px)",
      opacity: 0.6
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node': {
    textDecoration: 'line-through'
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional': {
    textDecoration: 'line-through',
    textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional': {
    textDecoration: 'line-through',
    textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
  }
});

// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export const showDiffDeletedNodeStylesNew = css({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
  [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
    [`&.show-diff-deleted-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-red, #E2483D)"}`,
      borderColor: 'transparent'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
    [`&.show-diff-deleted-node-traditional .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-red, #E2483D)"}`,
      borderColor: 'transparent'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
    [`&.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtlest, #FFECEB)"}`,
      borderColor: 'transparent'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
    [`&.show-diff-deleted-node-traditional.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
      borderColor: 'transparent'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
    [`&.show-diff-deleted-node.show-diff-deleted-active .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
      borderColor: 'transparent'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
    [`&.show-diff-deleted-node .${SmartCardSharedCssClassName.LOADER_WRAPPER}`]: {
      opacity: 0.8
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '.show-diff-deleted-node .media-card-wrapper': {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '& > div': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 1px ${"var(--ds-border-accent-red, #E2483D)"}`,
      borderRadius: "var(--ds-radius-small, 4px)",
      opacity: 0.8
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '.show-diff-deleted-node-traditional .media-card-wrapper': {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '& > div': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 var(--diff-decoration-marker-ring-width, 1px) ${"var(--ds-border-accent-red, #E2483D)"}`,
      borderRadius: "var(--ds-radius-small, 4px)"
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .media-card-wrapper': {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '& > div': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtlest, #FFECEB)"}`,
      borderRadius: "var(--ds-radius-small, 4px)"
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '.show-diff-deleted-node-traditional.show-diff-deleted-active .media-card-wrapper': {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '& > div': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
      borderRadius: "var(--ds-radius-small, 4px)"
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '.show-diff-deleted-node.show-diff-deleted-active .media-card-wrapper': {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '& > div': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
      boxShadow: `0 0 0 4px ${"var(--ds-background-accent-red-subtler-pressed, #FD9891)"}`,
      borderRadius: "var(--ds-radius-small, 4px)",
      opacity: 0.8
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node': {
    textDecoration: 'line-through'
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional': {
    textDecoration: 'line-through',
    textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional': {
    textDecoration: 'line-through',
    textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
  }
});

// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export const smartCardStyles = css({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.INLINE_CARD_CONTAINER}`]: {
    maxWidth: 'calc(100% - 20px)',
    verticalAlign: 'top',
    wordBreak: 'break-all',
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '.card-with-comment': {
      background: "var(--ds-background-accent-yellow-subtler, #F5E989)",
      borderBottom: `${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-border-accent-yellow, #B38600)"}`,
      boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '.card': {
      paddingLeft: "var(--ds-space-025, 2px)",
      paddingRight: "var(--ds-space-025, 2px)",
      paddingTop: "var(--ds-space-100, 8px)",
      paddingBottom: "var(--ds-space-100, 8px)",
      marginBottom: "var(--ds-space-negative-100, -8px)",
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
      [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a:focus`]: [
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
      boxShadowSelectionStyles,
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
      hideNativeBrowserTextSelectionStyles]
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    boxShadowSelectionStyles,
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    hideNativeBrowserTextSelectionStyles],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
    [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: {
      // EDM-1717: box-shadow Safari fix start
      zIndex: 1,
      position: 'relative'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.danger': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
      [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: {
        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`,
        // EDM-1717: box-shadow Safari fix start
        zIndex: 2
        // EDM-1717: box-shadow Safari fix end
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
    display: 'block',
    margin: '0.75rem 0 0',
    maxWidth: `${8 * 95}px`,
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    boxShadowSelectionStyles,
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    hideNativeBrowserTextSelectionStyles, {
      borderRadius: "var(--ds-radius-large, 8px)"
    }],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.danger': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
      [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: {
        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"} !important`
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.DATASOURCE_CONTAINER}.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
    maxWidth: '100%',
    display: 'flex',
    justifyContent: 'center',
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
    [`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: {
      cursor: 'pointer',
      backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
      borderRadius: "var(--ds-radius-large, 8px)",
      border: `1px solid ${"var(--ds-border, #0B120E24)"}`,
      overflow: 'hidden'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.ak-editor-selected-node': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
      [`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: [
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
      boxShadowSelectionStyles,
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
      hideNativeBrowserTextSelectionStyles, {
        'input::selection': {
          backgroundColor: "var(--ds-background-selected-hovered, #CFE1FD)"
        },
        'input::-moz-selection': {
          backgroundColor: "var(--ds-background-selected-hovered, #CFE1FD)"
        }
      }]
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.danger': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
      [`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: {
        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
    [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: {
      cursor: 'pointer',
      '&::after': {
        transition: 'box-shadow 0s'
      }
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    boxShadowSelectionStyles,
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    hideNativeBrowserTextSelectionStyles],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.danger': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
      '.media-card-frame::after': {
        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"} !important`,
        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
        background: `${"var(--ds-background-danger, #FFECEB)"} !important`
      },
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
      '.richMedia-resize-handle-right::after, .richMedia-resize-handle-left::after': {
        background: "var(--ds-border-danger, #E2483D)"
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${FLOATING_TOOLBAR_LINKPICKER_CLASSNAME}`]: {
    padding: 0
  }
});

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export const smartCardStylesWithSearchMatch = css({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.INLINE_CARD_CONTAINER}`]: {
    maxWidth: 'calc(100% - 20px)',
    verticalAlign: 'top',
    wordBreak: 'break-all',
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '.card-with-comment': {
      background: "var(--ds-background-accent-yellow-subtler, #F5E989)",
      borderBottom: `2px solid ${"var(--ds-border-accent-yellow, #B38600)"}`,
      boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '.card': {
      paddingLeft: "var(--ds-space-025, 2px)",
      paddingRight: "var(--ds-space-025, 2px)",
      paddingTop: "var(--ds-space-100, 8px)",
      paddingBottom: "var(--ds-space-100, 8px)",
      marginBottom: "var(--ds-space-negative-100, -8px)",
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
      [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a:focus`]: [
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
      boxShadowSelectionStyles,
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
      hideNativeBrowserTextSelectionStyles]
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    hideNativeBrowserTextSelectionStyles],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node:not(.search-match-block) .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]:
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    boxShadowSelectionStyles],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
    [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: {
      // EDM-1717: box-shadow Safari fix start
      zIndex: 1,
      position: 'relative'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.danger': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
      [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: {
        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`,
        // EDM-1717: box-shadow Safari fix start
        zIndex: 2
        // EDM-1717: box-shadow Safari fix end
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
    display: 'block',
    margin: '0.75rem 0 0',
    maxWidth: `${8 * 95}px`,
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    boxShadowSelectionStyles,
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    hideNativeBrowserTextSelectionStyles, {
      borderRadius: "var(--ds-radius-large, 8px)"
    }],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.danger': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
      [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: {
        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"} !important`
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.DATASOURCE_CONTAINER}.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
    maxWidth: '100%',
    display: 'flex',
    justifyContent: 'center',
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
    [`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: {
      cursor: 'pointer',
      backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
      borderRadius: "var(--ds-radius-large, 8px)",
      border: `1px solid ${"var(--ds-border, #0B120E24)"}`,
      overflow: 'hidden'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.ak-editor-selected-node': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
      [`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: [
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
      boxShadowSelectionStyles,
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
      hideNativeBrowserTextSelectionStyles, {
        'input::selection': {
          backgroundColor: "var(--ds-background-selected-hovered, #CFE1FD)"
        },
        'input::-moz-selection': {
          backgroundColor: "var(--ds-background-selected-hovered, #CFE1FD)"
        }
      }]
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.danger': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
      [`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: {
        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
    [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: {
      cursor: 'pointer',
      '&::after': {
        transition: 'box-shadow 0s'
      }
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    hideNativeBrowserTextSelectionStyles],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node:not(.search-match-block) .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]:
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    boxShadowSelectionStyles],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.danger': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
      '.media-card-frame::after': {
        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"} !important`,
        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
        background: `${"var(--ds-background-danger, #FFECEB)"} !important`
      },
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
      '.richMedia-resize-handle-right::after, .richMedia-resize-handle-left::after': {
        background: "var(--ds-border-danger, #E2483D)"
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${FLOATING_TOOLBAR_LINKPICKER_CLASSNAME}`]: {
    padding: 0
  }
});

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export const smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = css({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.INLINE_CARD_CONTAINER}`]: {
    maxWidth: 'calc(100% - 20px)',
    verticalAlign: 'top',
    wordBreak: 'break-all',
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '.card-with-comment': {
      background: "var(--ds-background-accent-yellow-subtler, #F5E989)",
      borderBottom: `2px solid ${"var(--ds-border-accent-yellow, #B38600)"}`,
      boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '.card': {
      paddingLeft: "var(--ds-space-025, 2px)",
      paddingRight: "var(--ds-space-025, 2px)",
      paddingTop: "var(--ds-space-100, 8px)",
      paddingBottom: "var(--ds-space-100, 8px)",
      marginBottom: "var(--ds-space-negative-100, -8px)",
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
      [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a:focus`]: [
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
      boxShadowSelectionStyles,
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
      hideNativeBrowserTextSelectionStyles]
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    hideNativeBrowserTextSelectionStyles],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node:not(.search-match-block):not(.danger) .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]:
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    boxShadowSelectionStyles],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
    [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: {
      // EDM-1717: box-shadow Safari fix start
      zIndex: 1,
      position: 'relative'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.danger': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
      [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: {
        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`,
        // EDM-1717: box-shadow Safari fix start
        zIndex: 2
        // EDM-1717: box-shadow Safari fix end
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
    display: 'block',
    margin: '0.75rem 0 0',
    maxWidth: `${8 * 95}px`,
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    boxShadowSelectionStyles,
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    hideNativeBrowserTextSelectionStyles, {
      borderRadius: "var(--ds-radius-large, 8px)"
    }],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.danger': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
      [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: {
        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"} !important`
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.DATASOURCE_CONTAINER}.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
    maxWidth: '100%',
    display: 'flex',
    justifyContent: 'center',
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
    [`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: {
      cursor: 'pointer',
      backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
      borderRadius: "var(--ds-radius-large, 8px)",
      border: `1px solid ${"var(--ds-border, #0B120E24)"}`,
      overflow: 'hidden'
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.ak-editor-selected-node': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
      [`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: [
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
      boxShadowSelectionStyles,
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
      hideNativeBrowserTextSelectionStyles, {
        'input::selection': {
          backgroundColor: "var(--ds-background-selected-hovered, #CFE1FD)"
        },
        'input::-moz-selection': {
          backgroundColor: "var(--ds-background-selected-hovered, #CFE1FD)"
        }
      }]
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.danger': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
      [`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: {
        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
    [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: {
      cursor: 'pointer',
      '&::after': {
        transition: 'box-shadow 0s'
      }
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    hideNativeBrowserTextSelectionStyles],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`&.ak-editor-selected-node:not(.search-match-block) .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]:
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    boxShadowSelectionStyles],
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    '&.danger': {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
      '.media-card-frame::after': {
        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"} !important`,
        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
        background: `${"var(--ds-background-danger, #FFECEB)"} !important`
      },
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
      '.richMedia-resize-handle-right::after, .richMedia-resize-handle-left::after': {
        background: "var(--ds-border-danger, #E2483D)"
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${FLOATING_TOOLBAR_LINKPICKER_CLASSNAME}`]: {
    padding: 0
  }
});

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export const smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = css({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
  [`@container editor-area (max-width: ${akEditorFullPageNarrowBreakout}px)`]: {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors
    [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
      marginTop: "var(--ds-space-150, 12px)"
    },
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]:
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
    [
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    boxShadowSelectionStyles,
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
    hideNativeBrowserTextSelectionStyles, {
      borderRadius: "var(--ds-radius-large, 8px)"
    }]
  }
});

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export const smartLinksInLivePagesStyles = css({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
    [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: {
      cursor: 'pointer',
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
      a: {
        cursor: 'auto'
      }
    }
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
    [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
      a: {
        cursor: 'auto'
      }
    }
  }
});

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
export const linkingVisualRefreshV1Styles = css({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
  [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}:not(.${SmartCardSharedCssClassName.DATASOURCE_CONTAINER})`]: {
    // EDM-11991: Fix list plugin adding padding to ADS AvatarGroup
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
    'ul, ol': {
      paddingLeft: 'inherit'
    }
  }
});