@atlaskit/editor-core/dist/es2019/ui/Appearance/FullPage/CustomToolbarWrapper.js

A package contains Atlassian editor core functionality

/**
 * @jsxRuntime classic
 * @jsx jsx
 */
import React from 'react';

// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
import { css, jsx } from '@emotion/react';
// Pre-computed static styles for first- and second-child wrappers.
// These contain no runtime logic and are safe for static-emotion mode.

const firstChildStaticBase = css({
  display: 'flex',
  flexGrow: 1
});

// we can't avoid some kind of function call here, so we need to disable the rule
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
const firstChildStaticTwoLine = css({
  '@media (max-width: 868px)': {
    flex: '1 1 100%',
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
    height: 'var(--ak-editor-fullpage-toolbar-height)',
    justifyContent: 'flex-end',
    minWidth: 'fit-content'
  }
});
const secondChildStaticBase = css({
  minWidth: 'fit-content'
});

// we can't avoid some kind of function call here, so we need to disable the rule
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
const secondChildStaticTwoLine = css({
  '@media (max-width: 868px)': {
    display: 'flex',
    flexGrow: 1,
    flex: '1 1 100%',
    margin: 'auto',
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
    height: 'var(--ak-editor-fullpage-toolbar-height)',
    minWidth: 0
  }
});

// ---------------- First child wrapper ----------------
export const MainToolbarForFirstChildWrapper = ({
  twoLineEditorToolbar,
  children,
  role,
  'aria-label': ariaLabel,
  'data-testid': testId
}) => jsx("div", {
  css: [firstChildStaticBase, twoLineEditorToolbar && firstChildStaticTwoLine],
  role: role,
  "aria-label": ariaLabel,
  "data-testid": testId
}, children);

// ---------------- Second child wrapper ----------------
export const MainToolbarForSecondChildWrapper = ({
  twoLineEditorToolbar,
  children,
  role,
  'aria-label': ariaLabel,
  'data-testid': testId
}) => jsx("div", {
  css: [secondChildStaticBase, twoLineEditorToolbar && secondChildStaticTwoLine],
  role: role,
  "aria-label": ariaLabel,
  "data-testid": testId
}, children);