@atlaskit/editor-plugin-table/dist/esm/ui/consts.js

Table plugin for the @atlaskit/editor

/* eslint-disable @atlaskit/editor/no-re-export */
// Entry file in package.json

import { tableCellBorderWidth, tableMarginTop } from '@atlaskit/editor-common/styles';
import { akEditorTableCellOnStickyHeaderZIndex, akEditorTableToolbarSize, akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
import { RESIZE_HANDLE_AREA_DECORATION_GAP } from '../types';

/**
 * Basic colors added to prevent content overflow in table cells.
 */

// TODO: DSP-4135 - Remove these tokens once the new elevation tokens are available
export var tableCellBackgroundColor = "var(--ds-surface, #FFFFFF)";
export var tableHeaderCellBackgroundColor = "var(--ds-background-accent-gray-subtlest, #F0F1F2)";
export var tableToolbarColor = "var(--ds-background-neutral-subtle, #00000000)";
export var tableTextColor = "var(--ds-text-subtlest, #6B6E76)";
export var tableBorderColor = "var(--ds-background-accent-gray-subtler, #DDDEE1)";
export var tableFloatingControlsColor = "var(--ds-background-neutral, #0515240F)";

// TODO: DSP-4461 - Remove these tokens once the new elevation tokens are available
export var tableCellSelectedColor = "var(--ds-blanket-selected, #388BFF14)";
export var tableHeaderCellSelectedColor = "var(--ds-background-selected-pressed, #8FB8F6)";
export var tableToolbarSelectedColor = "var(--ds-background-selected-pressed, #8FB8F6)";
export var tableBorderSelectedColor = "var(--ds-border-focused, #4688EC)";
export var tableCellSelectedDeleteIconColor = "var(--ds-icon-subtle, #505258)";
export var tableCellSelectedDeleteIconBackground = "var(--ds-background-accent-gray-subtlest, #F0F1F2)";
export var tableCellDeleteColor = "var(--ds-blanket-danger, #EF5C4814)";
export var tableBorderDeleteColor = "var(--ds-border-danger, #E2483D)";
export var tableToolbarDeleteColor = "var(--ds-background-danger-pressed, #FFB8B2)";
export var tableCellHoverDeleteIconColor = "var(--ds-icon-inverse, #FFFFFF)";
export var tableCellHoverDeleteIconBackground = "var(--ds-background-danger-bold, #C9372C)";
export var tableBorderRadiusSize = 3;
export var tablePadding = 8;
export var tableScrollbarOffset = 15;
export var tableMarginFullWidthMode = 2;
export var tableInsertColumnButtonSize = 20;
export var tableDeleteButtonSize = 16;
export var tableDeleteButtonOffset = 6;
export var tableToolbarSize = akEditorTableToolbarSize;
export var tableControlsSpacing = tableMarginTop + tablePadding - tableCellBorderWidth;
export var tableInsertColumnButtonOffset = 3;
export var layoutButtonSize = 32;
export var lineMarkerOffsetFromColumnControls = 13;
export var lineMarkerSize = 4;
export var columnControlsDecorationHeight = 25;
export var columnControlsZIndex = akEditorUnitZIndex * 10;
export var columnControlsSelectedZIndex = columnControlsZIndex + 1;
export var rowControlsZIndex = akEditorUnitZIndex * 10;
export var columnResizeHandleZIndex = columnControlsSelectedZIndex + 1;
export var insertLineWidth = 3;
export var resizeHandlerAreaWidth = RESIZE_HANDLE_AREA_DECORATION_GAP / 3;
export var resizeLineWidth = 2;
export var resizeHandlerZIndex = columnControlsZIndex + akRichMediaResizeZIndex;
export var contextualMenuTriggerSize = 16;
export var contextualMenuDropdownWidth = 180;
export var contextualMenuDropdownWidthDnD = 250;
export var stickyRowZIndex = resizeHandlerZIndex + 2;
export var stickyRowOffsetTop = 8;
export var stickyHeaderBorderBottomWidth = 1;
export var tableOverflowShadowWidth = 8;
export var tableOverflowShadowWidthWide = 32;
export var tablePopupMenuFitHeight = 188;
export var tableColumnControlsHeight = 24;
export var nativeStickyHeaderZIndex = akEditorTableCellOnStickyHeaderZIndex - 5;
export var aboveNativeStickyHeaderZIndex = nativeStickyHeaderZIndex + 1;
export var belowNativeStickyHeaderZIndex = nativeStickyHeaderZIndex - 1;
export var dropTargetsZIndex = 14;
export var TABLE_SNAP_GAP = 9;
export var TABLE_HIGHLIGHT_GAP = 10;
export var TABLE_HIGHLIGHT_TOLERANCE = 2;
export var STICKY_HEADER_TOGGLE_TOLERANCE_MS = 5;
// This adjustment value represents a pixel amount by which the container width needs to be adjusted when determining
// which guidelines are visible and most importantly CAN BE snapped too within the view. This value can be affected by
// table margins and padding. For example a guideline at 1800px and the view at 1860px wide, means the guidelines is visible
// BUT it cannot be snapped to during resize due to padding being applied to the resizer wrapper. This accommodates that difference.
export var TABLE_GUIDELINE_VISIBLE_ADJUSTMENT = -68;
export var TABLE_DRAG_MENU_SORT_GROUP_HEIGHT = 92;
export var TABLE_DRAG_MENU_PADDING_TOP = 4;
export var TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT = 6;
export var dragMenuDropdownWidth = 250;
export var dragTableInsertColumnButtonSize = 16;
export var dropTargetExtendedWidth = 150;
export var dragRowControlsWidth = 14;
export var colorPalletteColumns = 7;
export var tableResizerWidth = 8;