@atlaskit/editor-core 233.0.2 → 234.0.0

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

@@ -1,107 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled,
-	@atlaskit/ui-styling-standard/no-exported-styles,
-	@atlaskit/ui-styling-standard/no-nested-selectors,
-	@atlaskit/ui-styling-standard/no-unsafe-values,
-	@atlaskit/ui-styling-standard/no-unsafe-selectors,
-	@atlaskit/ui-styling-standard/no-imported-style-values */
-
-import { css } from '@emotion/react';
-import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
-
-/**
- * Emotion mirror of the block-spacing styles in EditorContentContainer-compiled.tsx.
- *
- * Re-declares the block-element vertical margins so they read from the
- * --ak-editor-extension-block-spacing CSS custom property (falling back to the original
- * 0.75rem). This is applied LAST in the Emotion container's css array, and only when
- * the platform_editor_extension_block_spacing experiment is enabled, so it overrides
- * the base block margins by source order without affecting the experiment-off behaviour.
- *
- * Keep this in sync with the block-spacing styles in EditorContentContainer-compiled.tsx.
- */
-export var blockSpacingVarStyles = css({
-  '.ProseMirror': _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    // paragraphs
-    p: {
-      marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
-    },
-    // SSR reset rule (mirrors listsStyles `& > style:first-child + p`) so the first
-    // paragraph after an SSR style tag also honours the spacing var.
-    '& > style:first-child + p': {
-      marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
-    },
-    // blockquotes — base also zeroes the first blockquote's top margin.
-    '& blockquote': {
-      marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)',
-      '&:first-child': {
-        marginTop: 0
-      }
-    }
-  }, ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {
-    marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
-  }), "li", {
-    '> .code-block': {
-      marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
-    },
-    '> .code-block:first-child, > .ProseMirror-gapcursor:first-child + .code-block': {
-      marginTop: 0
-    },
-    '> div:last-of-type.code-block, > pre:last-of-type.code-block': {
-      marginBottom: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
-    }
-  }), '.blockCardView-content-wrap', {
-    marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
-  }), '.extensionView-content-wrap, .multiBodiedExtensionView-content-wrap, .bodiedExtensionView-content-wrap', {
-    marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)',
-    marginBottom: 'var(--ak-editor-extension-block-spacing, 0.75rem)',
-    '&:first-of-type': {
-      marginTop: 0
-    },
-    '&:last-of-type': {
-      marginBottom: 0
-    }
-  }), "[data-mark-type='fragment']", {
-    '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
-      marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)',
-      marginBottom: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
-    },
-    "& > [data-mark-type='dataConsumer']": {
-      '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
-        marginTop: 'var(--ak-editor-extension-block-spacing, 0.75rem)',
-        marginBottom: 'var(--ak-editor-extension-block-spacing, 0.75rem)'
-      }
-    },
-    '&:first-child': {
-      '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
-        marginTop: 0
-      },
-      "& > [data-mark-type='dataConsumer']": {
-        '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
-          marginTop: 0
-        }
-      }
-    },
-    '&:nth-last-of-type(-n + 2):not(:first-of-type)': {
-      '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
-        marginBottom: 0
-      },
-      "& > [data-mark-type='dataConsumer']": {
-        '& > .extensionView-content-wrap, & > .bodiedExtensionView-content-wrap': {
-          marginBottom: 0
-        }
-      }
-    }
-  })
-});
-
-/**
- * Scaled (em-based) variant of the block-spacing styles for dense/scaled paragraph contexts.
- * Keep this in sync with the scaled block-spacing styles in EditorContentContainer-compiled.tsx.
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
-export var blockSpacingVarScaledStyles = css({
-  '.ProseMirror p': {
-    marginTop: 'var(--ak-editor-extension-block-spacing, 0.75em)'
-  }
-});

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

@@ -1,325 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/* 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 { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-/**
- * @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 blocktypeStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // Block Quote Shared Styles
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& blockquote': {
-      boxSizing: 'border-box',
-      color: 'inherit',
-      width: '100%',
-      display: 'inline-block',
-      // These 2 styles are needed to avoid Confluence's batch.css overrides that expand blockquote with extra padding after SSR.
-      paddingTop: 0,
-      paddingBottom: 0,
-      paddingLeft: "var(--ds-space-200, 16px)",
-      borderLeftWidth: "var(--ds-border-width-selected, 2px)",
-      borderLeftStyle: 'solid',
-      borderLeftColor: "var(--ds-border, #0B120E24)",
-      margin: '0.75rem 0 0 0',
-      // From https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
-      marginRight: 0,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '[dir="rtl"] &': {
-        paddingLeft: 0,
-        paddingRight: "var(--ds-space-200, 16px)"
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-      '&:first-child': {
-        marginTop: 0
-      },
-      '&::before': {
-        content: "''"
-      },
-      '&::after': {
-        content: 'none'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& p': {
-        display: 'block'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '& table, & table:last-child': {
-        display: 'inline-table'
-      },
-      // Workaround for overriding the inline-block display on last child of a blockquote set in CSS reset.
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '> .code-block:last-child, >.mediaSingleView-content-wrap:last-child, >.mediaGroupView-content-wrap:last-child': {
-        display: 'block'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '> .extensionView-content-wrap:last-child': {
-        display: 'block'
-      }
-    },
-    // Headings Shared Styles -> Heading With Alignment Styles
-    // Override marginTop: 0 with default margin found in headingsSharedStyles for first heading in alignment block that is not the first child
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-    '.fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '> h1:first-child': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginTop: '1.667em'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '> h2:first-child': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginTop: '1.8em'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '> h3:first-child': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginTop: '2em'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '> h4:first-child': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginTop: '1.357em'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '> h5:first-child': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginTop: '1.667em'
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '> h6:first-child': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-        marginTop: '1.455em'
-      }
-    },
-    // Set marginTop: 0 if alignment block is next to a gap cursor or widget that is first child
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-    '.ProseMirror-gapcursor:first-child + .fabric-editor-block-mark.fabric-editor-alignment, .ProseMirror-widget:first-child + .fabric-editor-block-mark.fabric-editor-alignment, .ProseMirror-widget:first-child + .ProseMirror-widget:nth-child(2) + .fabric-editor-block-mark.fabric-editor-alignment': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-      '> :is(h1, h2, h3, h4, h5, h6):first-child': {
-        marginTop: '0'
-      }
-    }
-  }
-});
-export var headingScrollMarginStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& h1, & h2, & h3, & h4, & h5, & h6': {
-      scrollMarginTop: "var(--ds-space-300, 24px)"
-    }
-  }
-});
-/**
- * @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 blockquoteDangerStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror blockquote.danger': {
-    backgroundColor: "var(--ds-background-danger, #FFECEB)",
-    borderLeftColor: "var(--ds-border-danger, #E2483D)"
-  }
-});
-/**
- * @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 blockquoteSelectedNodeStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror blockquote.ak-editor-selected-node': {
-    background: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
-    borderLeftColor: "var(--ds-border-selected, #1868DB)",
-    WebkitUserSelect: 'text',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-    '&::selection, *::selection': {
-      backgroundColor: 'transparent'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-    '&::-moz-selection, *::-moz-selection': {
-      backgroundColor: 'transparent'
-    }
-  }
-});
-/**
- * @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 blocktypeStyles_fg_platform_editor_typography_ugc = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& h1': {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      font: 'var(--editor-font-ugc-token-heading-h1)',
-      marginBottom: 0,
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginTop: '1.45833em',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& strong': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        fontWeight: 'var(--editor-font-ugc-token-weight-heading-bold)'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& h2': {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      font: 'var(--editor-font-ugc-token-heading-h2)',
-      marginBottom: 0,
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginTop: '1.4em',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& strong': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        fontWeight: 'var(--editor-font-ugc-token-weight-heading-bold)'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& h3': {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      font: 'var(--editor-font-ugc-token-heading-h3)',
-      marginBottom: 0,
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginTop: '1.31249em',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& strong': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        fontWeight: 'var(--editor-font-ugc-token-weight-heading-bold)'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& h4': {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      font: 'var(--editor-font-ugc-token-heading-h4)',
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginTop: '1.25em',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& strong': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        fontWeight: 'var(--editor-font-ugc-token-weight-heading-bold)'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& h5': {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      font: 'var(--editor-font-ugc-token-heading-h5)',
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginTop: '1.45833em',
-      textTransform: 'none',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& strong': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        fontWeight: 'var(--editor-font-ugc-token-weight-heading-bold)'
-      }
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    '& h6': {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-      font: 'var(--editor-font-ugc-token-heading-h6)',
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginTop: '1.59091em',
-      textTransform: 'none',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-      '& strong': {
-        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-        fontWeight: 'var(--editor-font-ugc-token-weight-heading-bold)'
-      }
-    }
-  }
-});
-/**
- * @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 blocktypeStylesNestedDnd = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ak-editor-content-area.appearance-full-page .ProseMirror blockquote': {
-    paddingLeft: "var(--ds-space-250, 20px)"
-  },
-  // Don't want extra padding for inline editor (nested)
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ak-editor-content-area .ak-editor-content-area .ProseMirror blockquote': {
-    paddingLeft: "var(--ds-space-200, 16px)"
-  }
-});
-
-// This class applies when the node is selected directly or is included in the selected range
-var isSelectedNode = ".".concat(akEditorSelectedNodeClassName);
-var isOuterMostSelectedNode = "".concat(isSelectedNode, ":not(").concat(isSelectedNode, " *)");
-var isList = ':is(ul, ol, div[data-node-type="actionList"])';
-var isOuterMostList = "".concat(isList, ":not(").concat(isList, " *)");
-/**
- * @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 listSelectedNodeStyles = css(_defineProperty({}, ".ProseMirror ".concat(isOuterMostList).concat(isOuterMostSelectedNode), {
-  background: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
-  WebkitUserSelect: 'text',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-  '&::selection, *::selection': {
-    backgroundColor: 'transparent'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-  '&::-moz-selection, *::-moz-selection': {
-    backgroundColor: 'transparent'
-  }
-}));
-/**
- * @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 listDangerStyles = css(_defineProperty({}, ".ProseMirror ".concat(isOuterMostList).concat(isOuterMostSelectedNode, ".danger"), {
-  background: "var(--ds-background-danger, #FFECEB)"
-}));
-var isText = ":is(p, h1, h2, h3, h4, h5, h6)";
-var isRootText = "".concat(isText, ":not(").concat(isList, " ").concat(isText, ")");
-/**
- * @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 textSelectedNodeStyles = css(_defineProperty({}, ".ProseMirror ".concat(isRootText).concat(isOuterMostSelectedNode), {
-  background: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
-  WebkitUserSelect: 'text',
-  boxShadow: "0 -4px 0 ".concat("var(--ds-background-accent-blue-subtler, #CFE1FD)", ", 0 4px 0 ", "var(--ds-background-accent-blue-subtler, #CFE1FD)"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-  '&::selection, *::selection': {
-    backgroundColor: 'transparent'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
-  '&::-moz-selection, *::-moz-selection': {
-    backgroundColor: 'transparent'
-  }
-}));
-/**
- * @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 textDangerStyles = css(_defineProperty({}, ".ProseMirror ".concat(isRootText).concat(isOuterMostSelectedNode, ".danger"), {
-  background: "var(--ds-background-danger, #FFECEB)",
-  boxShadow: "0 -4px 0 ".concat("var(--ds-background-danger, #FFECEB)", ", 0 4px 0 ", "var(--ds-background-danger, #FFECEB)")
-}));