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

A package contains Atlassian editor core functionality

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.smartLinksInLivePagesStyles = exports.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = exports.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = exports.smartCardStylesWithSearchMatch = exports.smartCardStyles = exports.smartCardDiffStyles = exports.showDiffDeletedNodeStylesNew = exports.showDiffDeletedNodeStyles = exports.linkingVisualRefreshV1Styles = exports.editorControlsSmartCardStyles = exports.SmartCardSharedCssClassName = exports.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = require("@emotion/react");
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
var _selectionStyles = require("./selectionStyles");
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */

// 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
var DATASOURCE_INNER_CONTAINER_CLASSNAME = exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.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
var SmartCardSharedCssClassName = exports.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
var editorControlsSmartCardStyles = exports.editorControlsSmartCardStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(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
var smartCardDiffStyles = exports.smartCardDiffStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)({}, "&[data-testid=\"show-diff-changed-decoration-node\"] .".concat(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
var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.show-diff-deleted-node .".concat(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 ".concat("var(--ds-border-accent-gray, #7D818A)"),
  borderColor: 'transparent'
}), "&.show-diff-deleted-node-traditional .".concat(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 ".concat("var(--ds-border-accent-red, #E2483D)"),
  borderColor: 'transparent'
}), "&.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .".concat(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 ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
  borderColor: 'transparent'
}), "&.show-diff-deleted-node-traditional.show-diff-deleted-active .".concat(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 ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
  borderColor: 'transparent'
}), "&.show-diff-deleted-node.show-diff-deleted-active .".concat(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 ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
  borderColor: 'transparent'
}), "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
  opacity: 0.6
})), '.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 ".concat("var(--ds-border-accent-gray, #7D818A)"),
    borderRadius: "var(--ds-radius-small, 4px)",
    opacity: 0.6
  }
}), '.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 ".concat("var(--ds-border-accent-red, #E2483D)"),
    borderRadius: "var(--ds-radius-small, 4px)"
  }
}), '.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 ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
    borderRadius: "var(--ds-radius-small, 4px)"
  }
}), '.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 ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
    borderRadius: "var(--ds-radius-small, 4px)"
  }
}), '.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 ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
    borderRadius: "var(--ds-radius-small, 4px)",
    opacity: 0.6
  }
}), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node', {
  textDecoration: 'line-through'
}), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional', {
  textDecoration: 'line-through',
  textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
}), '[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
var showDiffDeletedNodeStylesNew = exports.showDiffDeletedNodeStylesNew = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.show-diff-deleted-node .".concat(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 ".concat("var(--ds-border-accent-red, #E2483D)"),
  borderColor: 'transparent'
}), "&.show-diff-deleted-node-traditional .".concat(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 ".concat("var(--ds-border-accent-red, #E2483D)"),
  borderColor: 'transparent'
}), "&.show-diff-deleted-node-traditional.show-diff-deleted-outline-new .".concat(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 ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
  borderColor: 'transparent'
}), "&.show-diff-deleted-node-traditional.show-diff-deleted-active .".concat(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 ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
  borderColor: 'transparent'
}), "&.show-diff-deleted-node.show-diff-deleted-active .".concat(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 ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
  borderColor: 'transparent'
}), "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
  opacity: 0.8
})), '.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 ".concat("var(--ds-border-accent-red, #E2483D)"),
    borderRadius: "var(--ds-radius-small, 4px)",
    opacity: 0.8
  }
}), '.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) ".concat("var(--ds-border-accent-red, #E2483D)"),
    borderRadius: "var(--ds-radius-small, 4px)"
  }
}), '.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 ".concat("var(--ds-background-accent-red-subtlest, #FFECEB)"),
    borderRadius: "var(--ds-radius-small, 4px)"
  }
}), '.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 ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
    borderRadius: "var(--ds-radius-small, 4px)"
  }
}), '.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 ".concat("var(--ds-background-accent-red-subtler-pressed, #FD9891)"),
    borderRadius: "var(--ds-radius-small, 4px)",
    opacity: 0.8
  }
}), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node', {
  textDecoration: 'line-through'
}), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional', {
  textDecoration: 'line-through',
  textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
}), '[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
var smartCardStyles = exports.smartCardStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.INLINE_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
  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)".concat(" 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': (0, _defineProperty2.default)({
    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)"
  }, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a:focus"), [
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
  _selectionStyles.boxShadowSelectionStyles,
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
  _selectionStyles.hideNativeBrowserTextSelectionStyles])
}, "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.boxShadowSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles]), ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), {
  // EDM-1717: box-shadow Safari fix start
  zIndex: 1,
  position: 'relative'
}), '&.danger', (0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), {
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
  // EDM-1717: box-shadow Safari fix start
  zIndex: 2
  // EDM-1717: box-shadow Safari fix end
}))), ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)({
  display: 'block',
  margin: '0.75rem 0 0',
  maxWidth: "".concat(8 * 95, "px")
}, "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.boxShadowSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles, {
  borderRadius: "var(--ds-radius-large, 8px)"
}]), '&.danger', (0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), {
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)", " !important")
}))), ".".concat(SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ".").concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
  maxWidth: '100%',
  display: 'flex',
  justifyContent: 'center'
}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), {
  cursor: 'pointer',
  backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
  borderRadius: "var(--ds-radius-large, 8px)",
  border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
  overflow: 'hidden'
}), '&.ak-editor-selected-node', (0, _defineProperty2.default)({}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.boxShadowSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles, {
  'input::selection': {
    backgroundColor: "var(--ds-background-selected-hovered, #CFE1FD)"
  },
  'input::-moz-selection': {
    backgroundColor: "var(--ds-background-selected-hovered, #CFE1FD)"
  }
}])), '&.danger', (0, _defineProperty2.default)({}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), {
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
}))), ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), {
  cursor: 'pointer',
  '&::after': {
    transition: 'box-shadow 0s'
  }
}), "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.boxShadowSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles]), '&.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 ".concat("var(--ds-border-danger, #E2483D)", " !important"),
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
    background: "var(--ds-background-danger, #FFECEB)".concat(" !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)"
  }
})), ".".concat(FLOATING_TOOLBAR_LINKPICKER_CLASSNAME), {
  padding: 0
}));

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
var smartCardStylesWithSearchMatch = exports.smartCardStylesWithSearchMatch = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.INLINE_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
  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 ".concat("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': (0, _defineProperty2.default)({
    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)"
  }, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a:focus"), [
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
  _selectionStyles.boxShadowSelectionStyles,
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
  _selectionStyles.hideNativeBrowserTextSelectionStyles])
}, "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles]), "&.ak-editor-selected-node:not(.search-match-block) .".concat(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
_selectionStyles.boxShadowSelectionStyles]), ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), {
  // EDM-1717: box-shadow Safari fix start
  zIndex: 1,
  position: 'relative'
}), '&.danger', (0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), {
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
  // EDM-1717: box-shadow Safari fix start
  zIndex: 2
  // EDM-1717: box-shadow Safari fix end
}))), ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)({
  display: 'block',
  margin: '0.75rem 0 0',
  maxWidth: "".concat(8 * 95, "px")
}, "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.boxShadowSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles, {
  borderRadius: "var(--ds-radius-large, 8px)"
}]), '&.danger', (0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), {
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)", " !important")
}))), ".".concat(SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ".").concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
  maxWidth: '100%',
  display: 'flex',
  justifyContent: 'center'
}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), {
  cursor: 'pointer',
  backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
  borderRadius: "var(--ds-radius-large, 8px)",
  border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
  overflow: 'hidden'
}), '&.ak-editor-selected-node', (0, _defineProperty2.default)({}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.boxShadowSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles, {
  'input::selection': {
    backgroundColor: "var(--ds-background-selected-hovered, #CFE1FD)"
  },
  'input::-moz-selection': {
    backgroundColor: "var(--ds-background-selected-hovered, #CFE1FD)"
  }
}])), '&.danger', (0, _defineProperty2.default)({}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), {
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
}))), ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), {
  cursor: 'pointer',
  '&::after': {
    transition: 'box-shadow 0s'
  }
}), "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles]), "&.ak-editor-selected-node:not(.search-match-block) .".concat(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
_selectionStyles.boxShadowSelectionStyles]), '&.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 ".concat("var(--ds-border-danger, #E2483D)", " !important"),
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
    background: "var(--ds-background-danger, #FFECEB)".concat(" !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)"
  }
})), ".".concat(FLOATING_TOOLBAR_LINKPICKER_CLASSNAME), {
  padding: 0
}));

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
var smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = exports.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.INLINE_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
  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 ".concat("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': (0, _defineProperty2.default)({
    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)"
  }, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a:focus"), [
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
  _selectionStyles.boxShadowSelectionStyles,
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
  _selectionStyles.hideNativeBrowserTextSelectionStyles])
}, "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles]), "&.ak-editor-selected-node:not(.search-match-block):not(.danger) .".concat(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
_selectionStyles.boxShadowSelectionStyles]), ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), {
  // EDM-1717: box-shadow Safari fix start
  zIndex: 1,
  position: 'relative'
}), '&.danger', (0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), {
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
  // EDM-1717: box-shadow Safari fix start
  zIndex: 2
  // EDM-1717: box-shadow Safari fix end
}))), ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)({
  display: 'block',
  margin: '0.75rem 0 0',
  maxWidth: "".concat(8 * 95, "px")
}, "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.boxShadowSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles, {
  borderRadius: "var(--ds-radius-large, 8px)"
}]), '&.danger', (0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), {
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)", " !important")
}))), ".".concat(SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ".").concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
  maxWidth: '100%',
  display: 'flex',
  justifyContent: 'center'
}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), {
  cursor: 'pointer',
  backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
  borderRadius: "var(--ds-radius-large, 8px)",
  border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
  overflow: 'hidden'
}), '&.ak-editor-selected-node', (0, _defineProperty2.default)({}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.boxShadowSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles, {
  'input::selection': {
    backgroundColor: "var(--ds-background-selected-hovered, #CFE1FD)"
  },
  'input::-moz-selection': {
    backgroundColor: "var(--ds-background-selected-hovered, #CFE1FD)"
  }
}])), '&.danger', (0, _defineProperty2.default)({}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), {
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
}))), ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), {
  cursor: 'pointer',
  '&::after': {
    transition: 'box-shadow 0s'
  }
}), "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), [
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles]), "&.ak-editor-selected-node:not(.search-match-block) .".concat(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
_selectionStyles.boxShadowSelectionStyles]), '&.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 ".concat("var(--ds-border-danger, #E2483D)", " !important"),
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
    background: "var(--ds-background-danger, #FFECEB)".concat(" !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)"
  }
})), ".".concat(FLOATING_TOOLBAR_LINKPICKER_CLASSNAME), {
  padding: 0
}));

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
var smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = exports.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = (0, _react.css)((0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(_editorSharedStyles.akEditorFullPageNarrowBreakout, "px)"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), {
  marginTop: "var(--ds-space-150, 12px)"
}), ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, ".ak-editor-selected-node .").concat(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
_selectionStyles.boxShadowSelectionStyles,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
_selectionStyles.hideNativeBrowserTextSelectionStyles, {
  borderRadius: "var(--ds-radius-large, 8px)"
}])));

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
var smartLinksInLivePagesStyles = exports.smartLinksInLivePagesStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), {
  cursor: 'pointer',
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
  a: {
    cursor: 'auto'
  }
})), ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)({}, ".".concat(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
var linkingVisualRefreshV1Styles = exports.linkingVisualRefreshV1Styles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, ":not(.").concat(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'
  }
}));