@atlaskit/editor-core 214.2.3 → 215.0.0

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

@@ -1,197 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { StatusSharedCssClassName, TableSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, akEditorSelectedBoldBoxShadow, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-const getVisualRefreshStatusStyles = () =>
-// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values,  @atlaskit/ui-styling-standard/no-imported-style-values
-  [`&.${akEditorSelectedNodeClassName}:not('.search-match-block') .${StatusSharedCssClassName.STATUS_LOZENGE} > span`]: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-    boxShadow: akEditorSelectedBoldBoxShadow
-  }
-}) :
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-css`
-					&.${akEditorSelectedNodeClassName} .${StatusSharedCssClassName.STATUS_LOZENGE} > span {
-						box-shadow: ${akEditorSelectedBoldBoxShadow};
-					}
-				` : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-css`
-					&.${akEditorSelectedNodeClassName}:not('.search-match-block')
-						.${StatusSharedCssClassName.STATUS_LOZENGE}
-						> span {
-						${getSelectionStyles([SelectionStyle.BoxShadow])}
-					}
-				` :
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-css`
-					&.${akEditorSelectedNodeClassName} .${StatusSharedCssClassName.STATUS_LOZENGE} > span {
-						${getSelectionStyles([SelectionStyle.BoxShadow])}
-					}
-				`;
-const getStatusColors = () => fg('platform-component-visual-refresh') ? css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-text': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    color: '#292A2E'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#DDDEE1'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#D8A0F7'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#8FB8F6'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#F9C84E'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#FD9891'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-    backgroundColor: '#B3DF72'
-  }
-}) : css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-neutral, #091E420F)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
-    color: "var(--ds-text-subtle, #44546F)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-discovery, #F3F0FF)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
-    color: "var(--ds-text-discovery, #5E4DB2)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-information, #E9F2FF)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
-    color: "var(--ds-text-information, #0055CC)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-warning, #FFF7D6)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
-    color: "var(--ds-text-warning, #A54800)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-danger, #FFECEB)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
-    color: "var(--ds-text-danger, #AE2E24)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-success, #DCFFF1)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
-    color: "var(--ds-text-success, #216E4E)"
-  }
-});
-const baseStatusStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
-    backgroundColor: "var(--ds-background-neutral, #091E420F)",
-    maxWidth: '100%',
-    paddingInline: "var(--ds-space-050, 4px)",
-    display: 'inline-flex',
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
-    borderRadius: "var(--ds-radius-small, 3px)",
-    blockSize: 'min-content',
-    position: 'static',
-    overflow: 'hidden',
-    boxSizing: 'border-box',
-    appearance: 'none',
-    border: 'none'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '[data-prosemirror-node-name="status"] .lozenge-text': {
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: '11px',
-    fontStyle: 'normal',
-    fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-    fontWeight: "var(--ds-font-weight-bold, 700)",
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    lineHeight: '16px',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    textTransform: 'uppercase',
-    whiteSpace: 'nowrap',
-    maxWidth: `calc(200px - ${"var(--ds-space-100, 8px)"})`
-  }
-});
-
-// 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 statusNodeStyles = () => css`
-	${baseStatusStyles}
-	${getStatusColors()}
-`;
-
-// 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 statusStyles = () => css`
-	.${TableSharedCssClassName.TABLE_CELL_WRAPPER},
-		.${TableSharedCssClassName.TABLE_HEADER_CELL_WRAPPER},
-		[data-layout-section] {
-		.${StatusSharedCssClassName.STATUS_CONTAINER} {
-			max-width: 100%;
-			line-height: 0;
-
-			> span {
-				width: 100%;
-			}
-		}
-	}
-
-	.${StatusSharedCssClassName.STATUS_CONTAINER} {
-		> span {
-			cursor: pointer;
-			line-height: 0; /* Prevent responsive layouts increasing height of container. */
-		}
-
-		${getVisualRefreshStatusStyles()}
-	}
-
-	.danger {
-		.${StatusSharedCssClassName.STATUS_LOZENGE} > span {
-			background-color: ${akEditorDeleteBackgroundWithOpacity};
-		}
-
-		.${StatusSharedCssClassName.STATUS_CONTAINER}.${akEditorSelectedNodeClassName}
-			.${StatusSharedCssClassName.STATUS_LOZENGE}
-			> span {
-			box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px ${akEditorDeleteBorder};
-		}
-	}
-`;