@atlaskit/editor-common/dist/esm/styles/shared/plugins.js

A package that contains common classes and components for editor and renderer

import { css } from '@emotion/react';
import { N30 } from '@atlaskit/theme/colors';
export var buttonGroupStyle = css({
  display: 'inline-flex',
  alignItems: 'center',
  '& > div': {
    display: 'flex'
  }
});

// This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
// If you make change here, change in above file as well.
export var separatorStyles = css({
  background: "var(--ds-border, ".concat(N30, ")"),
  width: '1px',
  height: '24px',
  display: 'inline-block',
  margin: "0 ".concat("var(--ds-space-100, 8px)"),
  userSelect: 'none'
});

// This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
// If you make change here, change in above file as well.
export var wrapperStyle = css({
  display: 'flex',
  alignItems: 'center',
  '> div, > span': {
    display: 'flex'
  },
  '> div > div': {
    display: 'flex'
  },
  marginLeft: 0,
  minWidth: 'auto'
});
export var triggerWrapperStyles = css({
  display: 'flex'
});