@atlaskit/editor-plugin-table/dist/es2019/ui/FloatingContextualButton/styles.js

Table plugin for the @atlaskit/editor

// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css } from '@emotion/react';
import { contextualMenuTriggerSize } from '../consts';
export const tableFloatingCellButtonStyles = () => css({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
  '> div': {
    // Sits behind button to provide surface-color background
    background: "var(--ds-surface, #FFFFFF)",
    borderRadius: "var(--ds-radius-small, 3px)",
    display: 'flex',
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
    height: `${contextualMenuTriggerSize + 2}px`,
    width: "var(--ds-space-250, 20px)",
    flexDirection: 'column'
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
  '&& button': {
    background: "var(--ds-background-neutral, #0515240F)",
    flexDirection: 'column',
    margin: "var(--ds-space-025, 2px)",
    outline: `2px solid ${"var(--ds-surface, #FFFFFF)"}`,
    borderRadius: '1px',
    padding: 0,
    height: 'calc(100% - 4px)',
    display: 'flex'
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
  '&& button:hover': {
    background: "var(--ds-background-neutral-hovered, #0B120E24)"
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
  '&& button:active': {
    background: "var(--ds-background-neutral-pressed, #080F214A)"
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
  '&& button > span': {
    margin: `0px ${"var(--ds-space-negative-050, -4px)"}`
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
  '&& span': {
    pointerEvents: 'none'
  }
});
export const tableFloatingCellButtonSelectedStyles = () => css({
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
  '&& button': {
    background: "var(--ds-background-selected, #E9F2FE)"
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
  '&& button:hover': {
    background: "var(--ds-background-selected-hovered, #CFE1FD)"
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
  '&& button:active': {
    background: "var(--ds-background-selected-pressed, #8FB8F6)"
  }
});