@atlaskit/editor-core 233.0.2 → 234.0.0

package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -1,468 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _css3;
-/* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@repo/internal/deprecations/deprecation-ticket-required,
-	@atlaskit/ui-styling-standard/no-exported-styles */
-
-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
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-export var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
-
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-export var 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
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-export var 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
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-export var editorControlsSmartCardStyles = css(_defineProperty({}, ".".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 -- Ignored via go/DSP-18766
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-export var smartCardDiffStyles = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty({}, "&[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 -- Ignored via go/DSP-18766
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- *
- * Two rule sets, one per cohort of `platform_editor_show_diff_color_scheme_refactor`. Their base
- * classes are disjoint — `wrapBlockNodeView` emits `-node`/`-node-traditional` when the gate is off
- * and `-node-vars` when it is on — so only one set can ever match an element.
- *
- * The OFF set is the pre-refactor CSS, kept verbatim: that cohort emits no custom properties, so the
- * tokens in its `var()` fallbacks are the live values. Delete it at experiment cleanup.
- *
- * The ON set reads the `--diff-delete-*` properties the factory emits inline, with no `var()`
- * fallback — `wrapBlockNodeView` sets the class and the properties in the same step. The fallbacks
- * it does keep are the ones standard leaves unset on purpose: `--diff-delete-opacity`,
- * `--diff-delete-ring-width`, and `--diff-delete-text-decoration-color`.
- */
-export var showDiffDeletedNodeStyles = css((_css3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&.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 var(--diff-delete-color, ".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 var(--diff-delete-color, ".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 var(--diff-delete-color-new, ".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 var(--diff-delete-color-active, ".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 var(--diff-delete-color-active, ".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-vars .".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 var(--diff-delete-media-ring-color)",
-  borderColor: 'transparent'
-}), "&.show-diff-deleted-node-vars.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 var(--diff-delete-color-new)",
-  borderColor: 'transparent'
-}), "&.show-diff-deleted-node-vars.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 var(--diff-delete-color-active)",
-  borderColor: 'transparent'
-}), "&.show-diff-deleted-node-vars .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  opacity: "var(--diff-delete-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 var(--diff-delete-color, ".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) var(--diff-delete-color, ".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 var(--diff-delete-color-new, ".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 var(--diff-delete-color-active, ".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 var(--diff-delete-color-active, ".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', {
-  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
-  textDecorationLine: 'line-through'
-}), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional', {
-  textDecorationColor: "var(--diff-delete-text-decoration-color, ".concat("var(--ds-border-accent-red, #E2483D)", ")"),
-  textDecorationLine: 'line-through'
-}), '.show-diff-deleted-node-vars .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-delete-ring-width, 1px) var(--diff-delete-media-ring-color)",
-    borderRadius: "var(--ds-radius-small, 4px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    opacity: "var(--diff-delete-opacity, 0.8)"
-  }
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, '.show-diff-deleted-node-vars.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(--diff-delete-color-new)",
-    borderRadius: "var(--ds-radius-small, 4px)"
-  }
-}), '.show-diff-deleted-node-vars.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(--diff-delete-color-active)",
-    borderRadius: "var(--ds-radius-small, 4px)",
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-    opacity: "var(--diff-delete-opacity, 0.8)"
-  }
-}), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-vars', {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  textDecorationColor: "var(--diff-delete-text-decoration-color, currentColor)",
-  textDecorationLine: 'line-through'
-}), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-vars', {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  textDecorationColor: "var(--diff-delete-text-decoration-color, currentColor)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-  textDecorationLine: "var(--diff-delete-embed-strike-line)"
-})));
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-export var smartCardStylesWithSearchMatch = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.INLINE_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-  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': _defineProperty({
-    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
-  boxShadowSelectionStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  hideNativeBrowserTextSelectionStyles])
-}, "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), [
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-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
-boxShadowSelectionStyles]), ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), {
-  // EDM-1717: box-shadow Safari fix start
-  zIndex: 1,
-  position: 'relative'
-}), '&.danger', _defineProperty({}, ".".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), _defineProperty(_defineProperty({
-  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
-boxShadowSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-hideNativeBrowserTextSelectionStyles, {
-  borderRadius: "var(--ds-radius-large, 8px)"
-}]), '&.danger', _defineProperty({}, ".".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), _defineProperty(_defineProperty(_defineProperty({
-  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', _defineProperty({}, ".".concat(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)"
-  }
-}])), '&.danger', _defineProperty({}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), {
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
-}))), ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".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
-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
-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
-}));
-
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-export var smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.INLINE_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-  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': _defineProperty({
-    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
-  boxShadowSelectionStyles,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-  hideNativeBrowserTextSelectionStyles])
-}, "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), [
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-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
-boxShadowSelectionStyles]), ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), {
-  // EDM-1717: box-shadow Safari fix start
-  zIndex: 1,
-  position: 'relative'
-}), '&.danger', _defineProperty({}, ".".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), _defineProperty(_defineProperty({
-  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
-boxShadowSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-hideNativeBrowserTextSelectionStyles, {
-  borderRadius: "var(--ds-radius-large, 8px)"
-}]), '&.danger', _defineProperty({}, ".".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), _defineProperty(_defineProperty(_defineProperty({
-  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', _defineProperty({}, ".".concat(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)"
-  }
-}])), '&.danger', _defineProperty({}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), {
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
-}))), ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".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
-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
-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
-}));
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-export var smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = css(_defineProperty({}, "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)"), _defineProperty(_defineProperty({}, ".".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
-boxShadowSelectionStyles,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-hideNativeBrowserTextSelectionStyles, {
-  borderRadius: "var(--ds-radius-large, 8px)"
-}])));
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-export var smartLinksInLivePagesStyles = css(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), _defineProperty({}, ".".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), _defineProperty({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  a: {
-    cursor: 'auto'
-  }
-})));
-/**
- * @deprecated This style has been migrated to Compiled CSS, under experiment platform_editor_core_static_css
- * If you need to make changes here, also update the corresponding style in
- * packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
- * See EDITOR-7600 for more details: https://hello.jira.atlassian.cloud/jira/browse/EDITOR-7600
- */
-export var linkingVisualRefreshV1Styles = css(_defineProperty({}, ".".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'
-  }
-}));