@atlaskit/editor-core 214.2.3 → 215.0.0

package/dist/es2019/ui/ContentStyles/ai-panels.js

@@ -1,168 +0,0 @@
-/**
- * TODO ED-26957 - remove legacy styles when static emotion refactor is complete
- * We are moving this to new location under FF: platform_editor_core_static_emotion
- * New location: packages/editor/editor-core/src/ui/EditorContentContainer.tsx
- * If you are making updates to this file, please updates in new location as well.
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, keyframes } from '@emotion/react';
-const isFirefox = typeof navigator !== 'undefined' && navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
-const rotationAnimation = keyframes({
-  '0%': {
-    '--panel-gradient-angle': '0deg',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    ...(isFirefox ? {
-      backgroundPosition: '100%'
-    } : {})
-  },
-  '100%': {
-    '--panel-gradient-angle': '360deg',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    ...(isFirefox ? {
-      backgroundPosition: '-100%'
-    } : {})
-  }
-});
-const aiPrismColor = {
-  ['prism.border.step.1']: {
-    light: '#0065FF',
-    dark: '#0065FF80'
-  },
-  ['prism.border.step.2']: {
-    light: '#0469FF',
-    dark: '#0469FF80'
-  },
-  ['prism.border.step.3']: {
-    light: '#BF63F3',
-    dark: '#BF63F380'
-  },
-  ['prism.border.step.4']: {
-    light: '#FFA900',
-    dark: '#FFA90080'
-  }
-};
-const prismBorderAnimationStyles = css({
-  '&::before, &::after': {
-    animationName: rotationAnimation,
-    animationDuration: '2s',
-    animationTimingFunction: 'linear',
-    animationIterationCount: 'infinite',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    ...(isFirefox ? {
-      animationDirection: 'normal',
-      animationDuration: '1s'
-    } : {}),
-    '@media (prefers-reduced-motion)': {
-      animation: 'none'
-    }
-  }
-});
-const prismBorderStyles = (colorMode, hover) => css({
-  content: "''",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  position: 'absolute',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  zIndex: -1,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  width: `calc(100% + 2px)`,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: `calc(100% + 2px)`,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  top: `-1px`,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  left: `-1px`,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderRadius: `calc(${"var(--ds-radius-small, 3px)"} + 1px)`,
-  transform: 'translate3d(0, 0, 0)',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  ...(hover ? {
-    background: "var(--ds-border-input, #8590A2)"
-  } : isFirefox ? {
-    background: `linear-gradient(90deg,
-								${aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 0%,
-								${aiPrismColor['prism.border.step.2'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 12%,
-								${aiPrismColor['prism.border.step.3'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 24%,
-								${aiPrismColor['prism.border.step.4'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 48%,
-								${aiPrismColor['prism.border.step.3'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 64%,
-								${aiPrismColor['prism.border.step.2'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 80%,
-								${aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 100%
-							)`,
-    backgroundSize: '200%'
-  } : {
-    background: `conic-gradient(
-								from var(--panel-gradient-angle, 270deg),
-								${aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 0%,
-								${aiPrismColor['prism.border.step.2'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 20%,
-								${aiPrismColor['prism.border.step.3'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 50%,
-								${aiPrismColor['prism.border.step.4'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 56%,
-								${aiPrismColor['prism.border.step.1'][colorMode !== null && colorMode !== void 0 ? colorMode : 'light']} 100%
-							)`
-  })
-});
-export const aiPanelStyles = (colorMode
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-) => css`
-	@property --panel-gradient-angle {
-		syntax: '<angle>';
-		initial-value: 270deg;
-		inherits: false;
-	}
-
-	div[extensionType='com.atlassian.ai-blocks'] {
-		/* This hides the label for the extension */
-		.extension-label {
-			display: none;
-		}
-
-		/* This styles the ai panel correctly when its just sitting on the page and there
-		is no user interaction */
-		.extension-container {
-			position: relative;
-			box-shadow: none;
-			overflow: unset;
-			background-color: ${"var(--ds-surface, #FFFFFF)"} !important;
-			&::before,
-			&::after {
-				${prismBorderStyles(colorMode)}
-			}
-			&.with-hover-border {
-				&::before,
-				&::after {
-					${prismBorderStyles(colorMode, true)}
-				}
-			}
-			& .with-margin-styles {
-				background-color: ${"var(--ds-surface, #FFFFFF)"} !important;
-				border-radius: ${"var(--ds-radius-small, 3px)"};
-			}
-		}
-	}
-
-	/* This styles the ai panel correctly when its streaming */
-	div[extensionType='com.atlassian.ai-blocks']:has(.streaming) {
-		.extension-container {
-			box-shadow: none;
-			overflow: unset;
-			${prismBorderAnimationStyles}
-			&::before,
-			&::after {
-				${prismBorderStyles(colorMode)}
-			}
-		}
-	}
-
-	/* This styles the ai panel correctly when a user is hovering over the delete button in the floating panel */
-	div[extensionType='com.atlassian.ai-blocks'].danger {
-		.extension-container {
-			box-shadow: 0 0 0 1px ${"var(--ds-border-danger, #E2483D)"};
-		}
-	}
-
-	/* This removes the margin from the action list when inside an ai panel */
-	div[extensiontype='com.atlassian.ai-blocks'][extensionkey='ai-action-items-block:aiActionItemsBodiedExtension'] {
-		div[data-node-type='actionList'] {
-			margin: 0 !important;
-		}
-	}
-`;

package/dist/es2019/ui/ContentStyles/code-bidi-warning.js

@@ -1,68 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
-import { css } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-export const codeBidiWarningStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="code-bidi-warning"]': {
-    display: 'inline-block'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="code-bidi-warning"] [data-bidi-component="code-bidi-warning-decorator"]': {
-    paddingInlineStart: "var(--ds-space-050, 4px)",
-    paddingInlineEnd: "var(--ds-space-050, 4px)",
-    font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-    fontStyle: 'normal',
-    fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    paddingTop: '0.05rem',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-    paddingBottom: '0.05rem',
-    color: "var(--ds-text-warning, #A54800)",
-    backgroundColor: "var(--ds-background-warning, #FFF7D6)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="code-bidi-warning"] [data-bidi-component="code-bidi-warning-decorator"]:hover': {
-    color: "var(--ds-text-warning, #A54800)",
-    backgroundColor: "var(--ds-background-warning-hovered, #F8E6A0)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="code-bidi-warning"] [data-bidi-component="code-bidi-warning-tooltip"]': {
-    visibility: 'hidden',
-    boxSizing: 'border-box',
-    width: '15pc',
-    backgroundColor: "var(--ds-background-neutral-bold, #44546F)",
-    color: "var(--ds-text-inverse, #FFFFFF)",
-    overflowWrap: 'break-word',
-    cursor: 'default',
-    borderRadius: "var(--ds-radius-small, 4px)",
-    margin: "var(--ds-space-0, 0px)",
-    padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"}`,
-    position: 'fixed',
-    // The character label will be ~80px and this is positioned from the end of that label
-    // We also use this instead of top: 24px to make sure the tooltip maintains its initial position
-    // instead of being positioned relative to the viewport.
-    // We need to use position: fixed so that the tooltip bypasses the overflow settings of the code block
-    // and is always visible.
-    // We also offset a little extra here to account for the transition behavior (to replicate ADS fade-in-from-top)
-    transform: 'translate(calc(-50% - 40px), calc(24px - 4px))',
-    opacity: 0,
-    whiteSpace: 'normal',
-    font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-    zIndex: 9999,
-    // Exit animation timings
-    // - Mark invisible after 0.475s
-    // - After 0.3s, fade out and move up over 0.175s
-    transition: 'visibility 0s linear 0.475s, opacity 0.175s cubic-bezier(0.15,1,0.3,1) 0.3s, transform 0.175s cubic-bezier(0.15,1,0.3,1) 0.3s'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="code-bidi-warning"]:hover [data-bidi-component="code-bidi-warning-tooltip"]': {
-    visibility: 'visible',
-    transform: 'translate(calc(-50% - 40px), calc(24px))',
-    opacity: 1,
-    // Enter animation timings
-    // - Mark visible after 0.3s of hovering
-    // - After 0.3s, fade in over 0.175s
-    // - After 0.3s, move down over 0.35s
-    transition: 'visibility 0s linear 0.3s, opacity 0.175s cubic-bezier(0.15,1,0.3,1) 0.3s, transform 0.35s cubic-bezier(0.15,1,0.3,1) 0.3s'
-  }
-});

package/dist/es2019/ui/ContentStyles/code-block.js

@@ -1,90 +0,0 @@
-/* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { CodeBlockSharedCssClassName, codeBlockSharedStyles } from '@atlaskit/editor-common/styles';
-import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, blockNodesVerticalMargin, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
-import { functionWithFG } from '@atlaskit/platform-feature-flags-react';
-const GutterDangerOverlay = () => css`
-	&::after {
-		height: 100%;
-		content: '';
-		position: absolute;
-		left: 0;
-		top: 0;
-		width: 24px;
-		background-color: ${"var(--ds-blanket-danger, none)"};
-	}
-`;
-
-/* When code-block is inside the panel  */
-const firstCodeBlockWithNoMargin = functionWithFG('platform_editor_nested_dnd_styles_changes', () => css`
-		.ak-editor-panel__content {
-			> .code-block:first-child,
-			> .ProseMirror-widget:first-child + .code-block,
-			> .ProseMirror-widget:first-child + .ProseMirror-widget + .code-block {
-				margin: 0 0 0 0 !important;
-			}
-		}
-	`, () => css`
-		.ak-editor-panel__content {
-			> .code-block:first-child {
-				margin: 0 0 0 0 !important;
-			}
-		}
-	`);
-export const codeBlockStyles = () => css`
-	.ProseMirror {
-		${codeBlockSharedStyles()}
-	}
-
-	.ProseMirror li {
-		/* if same list item has multiple code blocks we need top margin for all but first */
-		> .code-block {
-			margin: ${blockNodesVerticalMargin} 0 0 0;
-		}
-		> .code-block:first-child,
-		> .ProseMirror-gapcursor:first-child + .code-block {
-			margin-top: 0;
-		}
-
-		> div:last-of-type.code-block,
-		> pre:last-of-type.code-block {
-			margin-bottom: ${blockNodesVerticalMargin};
-		}
-	}
-
-	.ProseMirror .code-block.${akEditorSelectedNodeClassName}:not(.danger) {
-		${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
-	}
-
-	/* Danger when top level node */
-	.ProseMirror .danger.code-block {
-		box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
-			${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
-
-		.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
-			background-color: ${"var(--ds-background-danger, #FFECEB)"};
-			color: ${`var(--ds-text-danger, ${akEditorDeleteIconColor})`};
-			${GutterDangerOverlay()};
-		}
-
-		.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT} {
-			background-color: ${`var(--ds-blanket-danger, ${akEditorDeleteBackground})`};
-		}
-	}
-
-	/* Danger when nested node */
-	.ProseMirror .danger .code-block {
-		.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
-			background-color: ${"var(--ds-background-danger, rgba(255, 143, 115, 0.5))"};
-			color: ${`var(--ds-text-danger, ${akEditorDeleteIconColor})`};
-			${GutterDangerOverlay()};
-		}
-
-		.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT} {
-			background-color: ${"var(--ds-blanket-danger, rgba(255, 189, 173, 0.5))"};
-		}
-	}
-
-	${firstCodeBlockWithNoMargin()}
-`;

package/dist/es2019/ui/ContentStyles/date.js

@@ -1,57 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
-export const dateNodeStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  "[data-prosemirror-node-name='date'] .date-lozenger-container span": {
-    backgroundColor: "var(--ds-background-neutral, #091E420F)",
-    color: "var(--ds-text, #172B4D)",
-    borderRadius: "var(--ds-radius-small, 4px)",
-    padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-050, 4px)"}`,
-    margin: '0 1px',
-    position: 'relative',
-    transition: 'background 0.3s',
-    whiteSpace: 'nowrap',
-    cursor: 'unset'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  "[data-prosemirror-node-name='date'] .date-lozenger-container span:hover": {
-    backgroundColor: "var(--ds-background-neutral-hovered, #091E4224)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  "[data-prosemirror-node-name='date'] .date-lozenger-container span.date-node-color-red": {
-    backgroundColor: "var(--ds-background-accent-red-subtlest, #FFECEB)",
-    color: "var(--ds-text-accent-red, #AE2E24)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  "[data-prosemirror-node-name='date'] .date-lozenger-container span.date-node-color-red:hover": {
-    backgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)"
-  }
-});
-
-// 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 dateStyles = css`
-	.${DateSharedCssClassName.DATE_CONTAINER} {
-		.${DateSharedCssClassName.DATE_WRAPPER} {
-			line-height: initial;
-			cursor: pointer;
-		}
-
-		&.${akEditorSelectedNodeClassName} {
-			.${DateSharedCssClassName.DATE_WRAPPER} > span {
-				${getSelectionStyles([SelectionStyle.BoxShadow])}
-			}
-		}
-	}
-
-	.danger {
-		.${DateSharedCssClassName.DATE_CONTAINER}.${akEditorSelectedNodeClassName}
-			.${DateSharedCssClassName.DATE_WRAPPER}
-			> span {
-			box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
-				${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
-		}
-	}
-`;

package/dist/es2019/ui/ContentStyles/expand.js

@@ -1,142 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { BreakoutCssClassName, expandClassNames, sharedExpandStyles } from '@atlaskit/editor-common/styles';
-import { akEditorSelectedBorder, akEditorSelectedNodeClassName, akLayoutGutterOffset, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
-const EXPAND_SELECTED_BACKGROUND = "var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0.6))";
-const EXPAND_ICON_COLOR = () => css({
-  color: "var(--ds-icon-subtle, #626F86)"
-});
-const DANGER_STATE_BACKGROUND_COLOR = "var(--ds-background-danger, #FFECEB)";
-const DANGER_STATE_BORDER_COLOR = "var(--ds-border-danger, #E2483D)";
-const firstNodeWithNotMarginTop = () => fg('platform_editor_nested_dnd_styles_changes') ?
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-css`
-				> :nth-child(1 of :not(style, .ProseMirror-gapcursor, .ProseMirror-widget, span)) {
-					margin-top: 0;
-				}
-
-				> div.ak-editor-expand[data-node-type='nestedExpand'] {
-					margin-top: ${"var(--ds-space-050, 0.25rem)"};
-				}
-			` : '';
-
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
-export const expandStyles = () => css`
-	.${expandClassNames.icon} > div {
-		display: flex;
-	}
-
-	.${expandClassNames.prefix} {
-		${sharedExpandStyles.containerStyles({
-  expanded: false,
-  focused: false
-})()}
-
-		cursor: pointer;
-		box-sizing: border-box;
-
-		td > & {
-			margin-top: 0;
-		}
-
-		.${expandClassNames.iconContainer} svg {
-			${EXPAND_ICON_COLOR()};
-			transform: rotate(90deg);
-		}
-
-		&.${akEditorSelectedNodeClassName}:not(.danger) {
-			${fg('platform_editor_nested_dnd_styles_changes') ? getSelectionStyles([SelectionStyle.Blanket]) + `border: ${akEditorSelectedBorder};` : getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.Border])}
-		}
-
-		&.danger {
-			background: ${DANGER_STATE_BACKGROUND_COLOR};
-			border-color: ${DANGER_STATE_BORDER_COLOR};
-		}
-	}
-
-	.ProseMirror
-		> .${expandClassNames.type('expand')},
-		.${BreakoutCssClassName.BREAKOUT_MARK_DOM}
-		> .${expandClassNames.type('expand')} {
-		margin-left: -${akLayoutGutterOffset}px;
-		margin-right: -${akLayoutGutterOffset}px;
-	}
-
-	${fg('platform_editor_nested_dnd_styles_changes') && `.ak-editor-content-area.appearance-full-page .ProseMirror
-		> .${expandClassNames.type('expand')},
-		.${BreakoutCssClassName.BREAKOUT_MARK_DOM}
-		> .${expandClassNames.type('expand')} {
-		margin-left: -${akLayoutGutterOffset + 8}px;
-		margin-right: -${akLayoutGutterOffset + 8}px;
-	}`}
-
-	.${expandClassNames.content} {
-		${sharedExpandStyles.contentStyles({
-  expanded: false,
-  focused: false
-})()}
-		cursor: text;
-		padding-top: 0px;
-	}
-
-	.${expandClassNames.titleInput} {
-		${sharedExpandStyles.titleInputStyles()}
-	}
-
-	.${expandClassNames.titleContainer} {
-		${sharedExpandStyles.titleContainerStyles()};
-		align-items: center;
-		overflow: visible;
-	}
-
-	.${expandClassNames.expanded} {
-		background: ${EXPAND_SELECTED_BACKGROUND};
-		border-color: ${"var(--ds-border, #091E4224)"};
-
-		.${expandClassNames.content} {
-			padding-top: ${"var(--ds-space-100, 8px)"};
-
-			${firstNodeWithNotMarginTop()}
-		}
-	}
-
-	.${expandClassNames.inputContainer} {
-		width: 100%;
-	}
-
-	/* stylelint-disable property-no-unknown, value-keyword-case */
-	.${expandClassNames.prefix}:(.${expandClassNames.expanded}) {
-		.expand-content-wrapper {
-			height: auto;
-		}
-	}
-	/* stylelint-enable property-no-unknown, value-keyword-case */
-
-	.${expandClassNames.prefix}:not(.${expandClassNames.expanded}) {
-		.ak-editor-expand__content {
-			position: absolute;
-			height: 1px;
-			width: 1px;
-			overflow: hidden;
-			clip: rect(1px, 1px, 1px, 1px);
-			white-space: nowrap;
-		}
-
-		.${expandClassNames.iconContainer} svg {
-			${EXPAND_ICON_COLOR()};
-			transform: rotate(0deg);
-		}
-
-		&:not(.${akEditorSelectedNodeClassName}):not(.danger) {
-			background: transparent;
-			border-color: transparent;
-
-			&:hover {
-				border-color: ${"var(--ds-border, #091E4224)"};
-				background: ${EXPAND_SELECTED_BACKGROUND};
-			}
-		}
-	}
-`;