<!-- API Report Version: 2.3 -->

## API Report File for "@atlaskit/editor-shared-styles"

> Do not edit this file. This report is auto-generated using
> [API Extractor](https://api-extractor.com/).
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)

### Table of contents

- [Main Entry Types](#main-entry-types)
- [Peer Dependencies](#peer-dependencies)

### Main Entry Types

<!--SECTION START: Main Entry Types-->

```ts
import { SerializedStyles } from '@emotion/react';

// @public (undocumented)
export const akEditorActiveBackground = '#42526E';

// @public (undocumented)
export const akEditorActiveForeground = '#FFFFFF';

// @public (undocumented)
export const akEditorBlockquoteBorderColor = '#DFE1E6';

// @public (undocumented)
export const akEditorBreakoutPadding = 96;

// @public (undocumented)
export const akEditorCalculatedWideLayoutWidth = 1011;

// @public (undocumented)
export const akEditorCodeBackground = '#F4F5F7';

// @public (undocumented)
export const akEditorCodeBlockPadding = '12px';

// @public (undocumented)
export const akEditorCodeFontFamily: string;

// @public (undocumented)
export const akEditorCodeInlinePadding = '2px 4px';

// @public (undocumented)
export const akEditorContextPanelWidth = 320;

// @public (undocumented)
export const akEditorDefaultLayoutWidth = 760;

// @public (undocumented)
export const akEditorDeleteBackground = '#FFEBE6';

// @public (undocumented)
export const akEditorDeleteBackgroundShaded = '#FFEBE6';

// @public (undocumented)
export const akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)';

// @public (undocumented)
export const akEditorDeleteBorder = '#FF5630';

// @public (undocumented)
export const akEditorDeleteIconColor = '#DE350B';

// @public (undocumented)
export const akEditorDropdownActiveBackground = '#091E42';

// @public (undocumented)
export const akEditorFloatingDialogZIndex: number;

// @public (undocumented)
export const akEditorFloatingOverlapPanelZIndex: number;

// @public (undocumented)
export const akEditorFloatingPanelZIndex: 400;

// @public (undocumented)
export const akEditorFocus = '#4C9AFF';

// @public (undocumented)
export const akEditorFullPageDefaultFontSize = 16;

// @public (undocumented)
export const akEditorFullPageMaxWidth = 680;

// @public (undocumented)
export const akEditorFullWidthLayoutLineLength = 1792;

// @public (undocumented)
export const akEditorFullWidthLayoutWidth = 1800;

// @public (undocumented)
export const akEditorGridLineZIndex = 1;

// @public (undocumented)
export const akEditorGutterPadding = 32;

// @public (undocumented)
export const akEditorInactiveForeground = '#42526E';

// @public (undocumented)
export const akEditorLineHeight = 1.714;

// @public (undocumented)
export const akEditorMediaResizeHandlerPadding = 4;

// @public (undocumented)
export const akEditorMediaResizeHandlerPaddingWide = 12;

// @public (undocumented)
export const akEditorMentionSelected = '#7A869A';

// @public (undocumented)
export const akEditorMenuZIndex: 500;

// @public (undocumented)
export const akEditorMobileBreakoutPoint = 720;

// @public (undocumented)
export const akEditorMobileMaxWidth = 0;

// @public (undocumented)
export const akEditorPopupBackground = '#253858';

// @public (undocumented)
export const akEditorPopupText = '#DEEBFF';

// @public (undocumented)
export const akEditorPrimaryButton = '#0052CC';

// @public (undocumented)
export const akEditorRuleBackground = '#EBECF0';

// @public (undocumented)
export const akEditorRuleBorderRadius = '1px';

// @public (undocumented)
export const akEditorSelectedBgColor = '#DEEBFF';

// @public (undocumented)
export const akEditorSelectedBlanketColor = '#B3D4FF';

// @public (undocumented)
export const akEditorSelectedBlanketOpacity = 0.3;

// @public (undocumented)
export const akEditorSelectedBorder: string;

// @public (undocumented)
export const akEditorSelectedBorderBoldSize = 2;

// @public (undocumented)
export const akEditorSelectedBorderColor = '#0065FF';

// @public (undocumented)
export const akEditorSelectedBorderSize = 1;

// @public (undocumented)
export const akEditorSelectedBoxShadow: string;

// @public (undocumented)
export const akEditorSelectedIconColor = '#0052CC';

// @public (undocumented)
export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';

// @public (undocumented)
export const akEditorShadowZIndex = 2;

// @public (undocumented)
export const akEditorSmallZIndex: number;

// @public (undocumented)
export const akEditorStickyHeaderZIndex = 11;

// @public (undocumented)
export const akEditorSubtleAccent = '#DFE1E6';

// @public (undocumented)
export const akEditorSwoopCubicBezier = 'cubic-bezier(0.15, 1, 0.3, 1)';

// @public (undocumented)
export const akEditorTableBorder = '#C1C7D0';

// @public (undocumented)
export const akEditorTableBorderDark = '#3B475C';

// @public (undocumented)
export const akEditorTableBorderDelete = '#FF5630';

// @public (undocumented)
export const akEditorTableBorderRadius = '3px';

// @public (undocumented)
export const akEditorTableBorderSelected = '#0065FF';

// @public (undocumented)
export const akEditorTableCellBackgroundOpacity = 0.5;

// @public (undocumented)
export const akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';

// @public (undocumented)
export const akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';

// @public (undocumented)
export const akEditorTableCellDelete = '#FFEBE6';

// @public (undocumented)
export const akEditorTableCellMinWidth = 48;

// @public (undocumented)
export const akEditorTableCellOnStickyHeaderZIndex: number;

// @public (undocumented)
export const akEditorTableCellSelected = '#B3D4FF';

// @public (undocumented)
export const akEditorTableFloatingControls = '#F4F5F7';

// @public (undocumented)
export const akEditorTableHeaderCellBackground = '#F1F2F4';

// @public (undocumented)
export const akEditorTableHeaderCellBackgroundDark = '#2C333A';

// @public (undocumented)
export const akEditorTableLegacyCellMinWidth = 128;

// @public (undocumented)
export const akEditorTableNumberColumnWidth = 42;

// @public (undocumented)
export const akEditorTableToolbar = '#F4F5F7';

// @public (undocumented)
export const akEditorTableToolbarDark = '#283447';

// @public (undocumented)
export const akEditorTableToolbarDelete = '#FFBDAD';

// @public (undocumented)
export const akEditorTableToolbarSelected = '#4C9AFF';

// @public (undocumented)
export const akEditorTableToolbarSize = 11;

// @public (undocumented)
export const akEditorToolbarKeylineHeight = 2;

// @public (undocumented)
export const akEditorUnitZIndex = 1;

// @public (undocumented)
export const akEditorWideLayoutWidth = 960;

// @public (undocumented)
export const akLayoutGutterOffset: number;

// @public (undocumented)
export const akRichMediaResizeZIndex: number;

// @public (undocumented)
export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';

// @public (undocumented)
export const blockNodesVerticalMargin = '0.75rem';

// @public (undocumented)
export const breakoutWideScaleRatio = 1.33;

// @public (undocumented)
export const DEFAULT_EMBED_CARD_HEIGHT = 480;

// @public (undocumented)
export const DEFAULT_EMBED_CARD_WIDTH = 680;

// @public (undocumented)
export const editorFontSize: ({ theme }: { theme: EditorTheme }) => number;

// @public (undocumented)
export type EditorTheme = {
	baseFontSize?: number;
};

// @public
export const getSelectionStyles: (selectionStyles: Array<SelectionStyle>) => string;

// @public (undocumented)
export const getTableCellBackgroundDarkModeColors: string;

// @public (undocumented)
export const gridMediumMaxWidth = 1024;

// @public (undocumented)
export const hideNativeBrowserTextSelectionStyles =
	'\n  ::selection,*::selection {\n    background-color: transparent;\n  }\n  ::-moz-selection,*::-moz-selection {\n    background-color: transparent;\n  }\n';

// @public (undocumented)
export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;

// @public (undocumented)
export const overflowShadow: ({
	background,
	width,
	leftCoverWidth,
	rightCoverWidth,
}: {
	background: string;
	width?: string | undefined;
	leftCoverWidth?: string | undefined;
	rightCoverWidth?: string | undefined;
}) => SerializedStyles;

// @public (undocumented)
export const relativeFontSizeToBase16: (px: number | string) => string;

// @public (undocumented)
export const relativeSize: (multiplier: number) => ({ theme }: { theme: EditorTheme }) => number;

// @public
export enum SelectionStyle {
	// (undocumented)
	Background = 2,
	// (undocumented)
	Blanket = 3,
	// (undocumented)
	Border = 0,
	// (undocumented)
	BoxShadow = 1,
}

// @public (undocumented)
export const VIEWPORT_SIZES: {
	laptopHiDPI: {
		width: number;
		height: number;
	};
	laptopMDPI: {
		width: number;
		height: number;
	};
	tabletL: {
		width: number;
		height: number;
	};
	tabletS: {
		width: number;
		height: number;
	};
	mobileM: {
		width: number;
		height: number;
	};
	mobileS: {
		width: number;
		height: number;
	};
	mobileXS: {
		width: number;
		height: number;
	};
};

// (No @packageDocumentation comment for this package)
```

<!--SECTION END: Main Entry Types-->

### Peer Dependencies

<!--SECTION START: Peer Dependencies-->

```json
{}
```

<!--SECTION END: Peer Dependencies-->