@atlaskit/editor-shared-styles 3.6.2 → 3.6.3

package/src/consts/consts.ts

@@ -1,310 +0,0 @@
-import { fg } from '@atlaskit/platform-feature-flags';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import { token } from '@atlaskit/tokens';
-
-import type { EditorTheme, ParticipantColor } from './types';
-
-export const akEditorFullPageDefaultFontSize = 16;
-export const akEditorCodeFontFamily = token('font.family.code');
-export const akEditorSubtleAccent = token('color.background.accent.gray.subtler');
-export const akEditorBlockquoteBorderColor = token('color.border');
-export const akEditorCodeBackground = token('color.background.accent.gray.subtlest');
-export const akEditorCodeBlockPadding = '12px';
-export const akEditorCodeInlinePadding = '2px 4px';
-export const akEditorDeleteBackground = token('color.background.danger');
-export const akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
-export const akEditorDeleteBorder = token('color.border.danger');
-export const akEditorDeleteIconColor = token('color.icon.danger');
-export const akEditorCustomIconSize = 20;
-
-export const akEditorSelectedBorderColor = token('color.border.selected');
-export const akEditorSelectedBorderSize = 1;
-export const akEditorSelectedBorderBoldSize = 2;
-export const akEditorSelectedBorder = `${akEditorSelectedBorderSize}px solid ${token(
-	'color.border.selected',
-)}`;
-export const akEditorSelectedBoxShadow = `0 0 0 ${akEditorSelectedBorderSize}px ${token(
-	'color.border.selected',
-)}`;
-export const akEditorSelectedBoldBoxShadow = `0 0 0 ${akEditorSelectedBorderBoldSize}px ${token('color.border.selected')}`;
-
-export const akEditorSelectedBlanketOpacity = 0.3;
-export const akEditorUnitZIndex = 1;
-export const akEditorShadowZIndex = 2;
-export const akEditorStickyHeaderZIndex = 11; // filmstrip uses 10 for its shadow
-export const akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
-export const akEditorGridLineZIndex = 2;
-
-// z-index for main menu bar -
-// this is highest as it should be above anything else in editor below.
-export const akEditorMenuZIndex = 500;
-// z-index used for floating toolbars like code block, table etc
-export const akEditorFloatingPanelZIndex = 400;
-// z-index used for pickers (date, emoji, mentions) and type-aheads, hyperlinks
-export const akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
-// z-index used for table cell menu options button on a sticky header
-export const akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
-// z-index used for floating toolbars table cell menu which are above block toolbars
-export const akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
-export const akEditorTableToolbarSize = 11;
-export const akEditorTableBorder = token('color.background.accent.gray.subtler');
-export const akEditorTableToolbar = token('color.background.accent.gray.subtlest');
-export const akEditorTableHeaderCellBackground = '#F1F2F4';
-export const akEditorTableHeaderCellBackgroundDark = '#2C333A';
-export const akEditorTableBorderSelected = token('color.border.focused');
-export const akEditorTableBorderRadius = '3px';
-export const akEditorTableCellBackgroundOpacity = 0.5;
-export const akEditorFullPageMaxWidth = 680;
-export const akEditorDefaultLayoutWidth = 760;
-export const akEditorWideLayoutWidth = 960; // This value is used for tables with breakouts and is used to calculate `breakoutWidthPx`
-export const akEditorFullWidthLayoutWidth = 1800;
-export const akEditorFullWidthLayoutLineLength = 1792;
-export const akEditorTableNumberColumnWidth = 42;
-export const akEditorBreakoutPadding = 96;
-export const akEditorGutterPadding = 32;
-export const akEditorGutterPaddingDynamic = () =>
-	// eslint-disable-next-line @atlaskit/platform/no-preconditioning
-	fg('platform_editor_controls_increase_full_page_gutter') &&
-	editorExperiment('platform_editor_controls', 'variant1')
-		? 72
-		: 52;
-export const akEditorGutterPaddingReduced = 24;
-export const akEditorFullPageNarrowBreakout = 600;
-export const akEditorMobileBreakoutPoint = 720;
-export const akEditorTableCellMinWidth = 48;
-export const akEditorTableLegacyCellMinWidth = 128;
-export const akEditorMediaResizeHandlerPaddingWide = 12;
-export const akEditorMediaResizeHandlerPadding = 4;
-export const akEditorSwoopCubicBezier = `cubic-bezier(0.15, 1, 0.3, 1)`;
-export const gridMediumMaxWidth = 1024;
-export const breakoutWideScaleRatio = 1.33;
-export const akEditorCalculatedWideLayoutWidthSmallViewport = 905; // from breakoutConsts.calcWideWidth, layoutMaxWidth * breakoutConsts.wideScaleRatio = 904.8 ~ 905 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is <= 1266px.
-export const akEditorCalculatedWideLayoutWidth = 1011; // = akEditorDefaultLayoutWidth * breakoutWideScaleRatio = 1010.8 ~ 1011 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is > 1329px.
-export const akRichMediaResizeZIndex = akEditorUnitZIndex * 99;
-export const akLayoutGutterOffset = 12;
-export const akEditorLineHeight = 1.714;
-export const akEditorRuleBorderRadius = '1px';
-export const akEditorToolbarKeylineHeight = 2;
-export const akEditorContextPanelWidth = 320;
-export const akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';
-export const akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
-export const akEditorWrappedNodeZIndex = akEditorUnitZIndex * 2; //prevent paragraph nodes from rendering above wrapped nodes
-
-export const layoutBreakpointWidth = {
-	SMALL: 550,
-	MEDIUM: 760,
-};
-
-// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
-export const blockNodesVerticalMargin = '0.75rem';
-
-export const DEFAULT_EMBED_CARD_WIDTH = 680;
-export const DEFAULT_EMBED_CARD_HEIGHT = 480;
-
-export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
-
-// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required -- Ignored via go/ED-25883
-// @deprecated
-export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
-
-const DEFAULT_FONT_SIZE = 14;
-
-export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () => {
-	if (editorExperiment('platform_editor_controls', 'variant1', { exposure: true })) {
-		return token('space.500', '40px');
-	}
-	return token('space.500', '40px');
-};
-
-export const akEditorFullPageToolbarHeight = 40;
-
-export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
-
-export const editorFontSize = ({ theme }: { theme: { baseFontSize?: number } | undefined }) =>
-	theme && theme.baseFontSize ? theme.baseFontSize : DEFAULT_FONT_SIZE;
-
-export const relativeSize =
-	(multiplier: number) =>
-	({ theme }: { theme: EditorTheme }) =>
-		editorFontSize({ theme }) * multiplier;
-
-export const relativeFontSizeToBase16 = (px: number | string) => {
-	if (typeof px === 'string') {
-		px = parseInt(px);
-	}
-	if (isNaN(px)) {
-		throw new Error(`Invalid font size: '${px}'`);
-	}
-	return `${px / 16}rem`;
-};
-
-export const VIEWPORT_SIZES = {
-	laptopHiDPI: { width: 1440, height: 900 },
-	laptopMDPI: { width: 1280, height: 800 },
-	tabletL: { width: 1024, height: 1366 },
-	tabletS: { width: 768, height: 1024 },
-	mobileM: { width: 414, height: 736 },
-	mobileS: { width: 375, height: 667 },
-	mobileXS: { width: 320, height: 568 },
-};
-
-// to be updated in ED-10790: this should be variable threshold based on how many buttons enabled on main toolbar
-export const akEditorMobileMaxWidth = 0;
-
-export const getTableCellBackgroundDarkModeColors = [
-	['White', '#000000'],
-	['Light blue', '#0C294F'],
-	['Light teal', '#0C343B'],
-	['Light green', '#052E21'],
-	['Light yellow', '#484123'],
-	['Light red', '#441C13'],
-	['Light purple', '#282249'],
-
-	['Light gray', '#202328'],
-	['Blue', '#0B3165'],
-	['Teal', '#044853'],
-	['Green', '#053927'],
-	['Yellow', '#6F5C25'],
-	['Red', '#582013'],
-	['Purple', '#3E327B'],
-
-	['Gray', '#475262'],
-	['Dark blue', '#003884'],
-	['Dark teal', '#055866'],
-	['Dark green', '#044932'],
-	['Dark yellow', '#82641C'],
-	['Dark red', '#6B2A19'],
-	['Dark purple', '#4D38B2'],
-]
-	.map(([colorName, colorValue]) => getTableCellBackgroundDarkModeColorCSS(colorName, colorValue))
-	.join('\n');
-
-export function getTableCellBackgroundDarkModeColorCSS(
-	colorName: string,
-	colorValue: string,
-): string {
-	return `
-  &[colorname="${colorName}"] {
-    background-color: ${colorValue} !important; // !important to override default style color
-  }
-  `;
-}
-
-export const avatarColors = [
-	token('color.icon.accent.red'),
-	token('color.background.accent.red.bolder.hovered'),
-	token('color.icon.accent.magenta'),
-	token('color.background.accent.magenta.bolder.hovered'),
-	token('color.icon.accent.orange'),
-	token('color.background.accent.orange.bolder.hovered'),
-	token('color.icon.accent.green'),
-	token('color.background.accent.green.bolder.hovered'),
-	token('color.icon.accent.blue'),
-	token('color.background.accent.blue.bolder.hovered'),
-	token('color.icon.accent.teal'),
-	token('color.background.accent.teal.bolder.hovered'),
-	token('color.icon.accent.lime'),
-	token('color.background.accent.lime.bolder.hovered'),
-	token('color.icon.accent.purple'),
-	token('color.background.accent.purple.bolder.hovered'),
-	token('color.icon.accent.gray'),
-	token('color.background.accent.gray.bolder.hovered'),
-	token('color.icon.accent.yellow'),
-	token('color.background.accent.yellow.bolder.hovered'),
-	token('color.background.accent.yellow.bolder.pressed'),
-];
-
-// MDS-569: Will update references to avatarColors to use participantColors instead, we will then deprecate avatarColors
-export const participantColors: Array<ParticipantColor> = [
-	{
-		textColor: token('color.text.inverse'),
-		backgroundColor: token('color.background.accent.red.bolder'),
-		svgBackgroundColor: token('color.background.accent.red.subtler'),
-	},
-	{
-		textColor: token('color.text.inverse'),
-		backgroundColor: token('color.background.accent.blue.bolder'),
-		svgBackgroundColor: token('color.background.accent.blue.subtler'),
-	},
-	{
-		textColor: token('color.text.inverse'),
-		backgroundColor: token('color.background.accent.green.bolder'),
-		svgBackgroundColor: token('color.background.accent.green.subtler'),
-	},
-	{
-		textColor: token('color.text.inverse'),
-		backgroundColor: token('color.background.accent.yellow.bolder'),
-		svgBackgroundColor: token('color.background.accent.yellow.subtler'),
-	},
-	{
-		textColor: token('color.text.inverse'),
-		backgroundColor: token('color.background.accent.purple.bolder'),
-		svgBackgroundColor: token('color.background.accent.purple.subtler'),
-	},
-	{
-		textColor: token('color.text.inverse'),
-		backgroundColor: token('color.background.accent.magenta.bolder'),
-		svgBackgroundColor: token('color.background.accent.magenta.subtler'),
-	},
-	{
-		textColor: token('color.text.inverse'),
-		backgroundColor: token('color.background.accent.teal.bolder'),
-		svgBackgroundColor: token('color.background.accent.teal.subtler'),
-	},
-	{
-		textColor: token('color.text.inverse'),
-		backgroundColor: token('color.background.accent.orange.bolder'),
-		svgBackgroundColor: token('color.background.accent.orange.subtler'),
-	},
-	{
-		textColor: token('color.text.inverse'),
-		backgroundColor: token('color.background.accent.lime.bolder'),
-		svgBackgroundColor: token('color.background.accent.lime.subtler'),
-	},
-	{
-		textColor: token('color.text.inverse'),
-		backgroundColor: token('color.background.accent.gray.bolder'),
-		svgBackgroundColor: token('color.background.accent.gray.subtler'),
-	},
-	{
-		textColor: token('color.text.accent.gray.bolder'),
-		backgroundColor: token('color.background.accent.blue.subtle'),
-		svgBackgroundColor: token('color.background.accent.blue.subtlest'),
-	},
-	{
-		textColor: token('color.text.accent.gray.bolder'),
-		backgroundColor: token('color.background.accent.red.subtle'),
-		svgBackgroundColor: token('color.background.accent.red.subtlest'),
-	},
-	{
-		textColor: token('color.text.accent.gray.bolder'),
-		backgroundColor: token('color.background.accent.orange.subtle'),
-		svgBackgroundColor: token('color.background.accent.orange.subtlest'),
-	},
-	{
-		textColor: token('color.text.accent.gray.bolder'),
-		backgroundColor: token('color.background.accent.yellow.subtle'),
-		svgBackgroundColor: token('color.background.accent.yellow.subtlest'),
-	},
-	{
-		textColor: token('color.text.accent.gray.bolder'),
-		backgroundColor: token('color.background.accent.green.subtle'),
-		svgBackgroundColor: token('color.background.accent.green.subtlest'),
-	},
-	{
-		textColor: token('color.text.accent.gray.bolder'),
-		backgroundColor: token('color.background.accent.teal.subtle'),
-		svgBackgroundColor: token('color.background.accent.teal.subtlest'),
-	},
-	{
-		textColor: token('color.text.accent.gray.bolder'),
-		backgroundColor: token('color.background.accent.purple.subtle'),
-		svgBackgroundColor: token('color.background.accent.purple.subtlest'),
-	},
-	{
-		textColor: token('color.text.accent.gray.bolder'),
-		backgroundColor: token('color.background.accent.magenta.subtle'),
-		svgBackgroundColor: token('color.background.accent.magenta.subtlest'),
-	},
-];

package/src/consts/index.ts

@@ -1,90 +0,0 @@
-/* eslint-disable @atlaskit/editor/no-re-export */
-// Entry file in package.json
-
-export type { EditorTheme, ParticipantColor } from './types';
-export {
-	akEditorBlockquoteBorderColor,
-	akEditorBreakoutPadding,
-	akEditorCodeBackground,
-	akEditorCodeBlockPadding,
-	akEditorCodeFontFamily,
-	akEditorCodeInlinePadding,
-	akEditorContextPanelWidth,
-	akEditorDefaultLayoutWidth,
-	akEditorDeleteBackground,
-	akEditorDeleteBackgroundWithOpacity,
-	akEditorDeleteBorder,
-	akEditorDeleteIconColor,
-	akEditorFloatingDialogZIndex,
-	akEditorFloatingOverlapPanelZIndex,
-	akEditorFloatingPanelZIndex,
-	akEditorFullPageMaxWidth,
-	akEditorFullPageDefaultFontSize,
-	akEditorFullWidthLayoutWidth,
-	akEditorFullWidthLayoutLineLength,
-	akEditorGridLineZIndex,
-	akEditorGutterPadding,
-	akEditorGutterPaddingDynamic,
-	akEditorGutterPaddingReduced,
-	akEditorFullPageNarrowBreakout,
-	akEditorMediaResizeHandlerPadding,
-	akEditorMediaResizeHandlerPaddingWide,
-	akEditorMenuZIndex,
-	akEditorStickyHeaderZIndex,
-	akEditorMobileBreakoutPoint,
-	akEditorSelectedBoldBoxShadow,
-	akEditorSelectedBorderColor,
-	akEditorSelectedBorderBoldSize,
-	akEditorSelectedBorderSize,
-	akEditorSelectedBorder,
-	akEditorSelectedBoxShadow,
-	akEditorCustomIconSize,
-	akEditorSelectedBlanketOpacity,
-	akEditorSmallZIndex,
-	akEditorShadowZIndex,
-	akEditorSubtleAccent,
-	akEditorSwoopCubicBezier,
-	akEditorTableBorder,
-	akEditorTableBorderRadius,
-	akEditorTableBorderSelected,
-	akEditorTableCellBackgroundOpacity,
-	akEditorTableCellMinWidth,
-	akEditorTableCellOnStickyHeaderZIndex,
-	akEditorTableHeaderCellBackground,
-	akEditorTableHeaderCellBackgroundDark,
-	akEditorTableLegacyCellMinWidth,
-	akEditorTableNumberColumnWidth,
-	akEditorTableToolbar,
-	akEditorTableToolbarSize,
-	akEditorUnitZIndex,
-	akEditorCalculatedWideLayoutWidth,
-	akEditorCalculatedWideLayoutWidthSmallViewport,
-	akEditorWideLayoutWidth,
-	akLayoutGutterOffset,
-	akRichMediaResizeZIndex,
-	avatarColors,
-	participantColors,
-	blockNodesVerticalMargin,
-	breakoutWideScaleRatio,
-	editorFontSize,
-	gridMediumMaxWidth,
-	relativeSize,
-	relativeFontSizeToBase16,
-	DEFAULT_EMBED_CARD_HEIGHT,
-	DEFAULT_EMBED_CARD_WIDTH,
-	akEditorLineHeight,
-	akEditorRuleBorderRadius,
-	akEditorSelectedNodeClassName,
-	akEditorToolbarKeylineHeight,
-	MAX_BROWSER_SCROLLBAR_HEIGHT,
-	VIEWPORT_SIZES,
-	akEditorMobileMaxWidth,
-	getTableCellBackgroundDarkModeColors,
-	ATLASSIAN_NAVIGATION_HEIGHT,
-	FULL_PAGE_EDITOR_TOOLBAR_HEIGHT,
-	akEditorFullPageToolbarHeight,
-	akEditorTableCellBlanketSelected,
-	akEditorTableCellBlanketDeleted,
-	akEditorWrappedNodeZIndex,
-	layoutBreakpointWidth,
-} from './consts';

package/src/consts/types.ts

@@ -1,9 +0,0 @@
-export type EditorTheme = {
-	baseFontSize?: number;
-};
-
-export type ParticipantColor = {
-	textColor: string;
-	backgroundColor: string;
-	svgBackgroundColor: string;
-};

package/src/index.ts

@@ -1,99 +0,0 @@
-/* eslint-disable @atlaskit/editor/no-re-export */
-// Entry file in package.json
-
-export {
-	akEditorBlockquoteBorderColor,
-	akEditorBreakoutPadding,
-	akEditorCodeBackground,
-	akEditorCodeBlockPadding,
-	akEditorCodeFontFamily,
-	akEditorCodeInlinePadding,
-	akEditorContextPanelWidth,
-	akEditorDefaultLayoutWidth,
-	akEditorDeleteBackground,
-	akEditorDeleteBackgroundWithOpacity,
-	akEditorDeleteBorder,
-	akEditorDeleteIconColor,
-	akEditorFloatingDialogZIndex,
-	akEditorFloatingOverlapPanelZIndex,
-	akEditorFloatingPanelZIndex,
-	akEditorFullPageMaxWidth,
-	akEditorFullPageDefaultFontSize,
-	akEditorFullWidthLayoutWidth,
-	akEditorFullWidthLayoutLineLength,
-	akEditorGridLineZIndex,
-	akEditorGutterPadding,
-	akEditorGutterPaddingDynamic,
-	akEditorGutterPaddingReduced,
-	akEditorFullPageNarrowBreakout,
-	akEditorMediaResizeHandlerPadding,
-	akEditorMediaResizeHandlerPaddingWide,
-	akEditorMenuZIndex,
-	akEditorStickyHeaderZIndex,
-	akEditorMobileBreakoutPoint,
-	akEditorSelectedBoldBoxShadow,
-	akEditorSelectedBorderColor,
-	akEditorSelectedBorderBoldSize,
-	akEditorSelectedBorderSize,
-	akEditorSelectedBorder,
-	akEditorSelectedBoxShadow,
-	akEditorSelectedBlanketOpacity,
-	akEditorSmallZIndex,
-	akEditorShadowZIndex,
-	akEditorSubtleAccent,
-	akEditorSwoopCubicBezier,
-	akEditorTableBorder,
-	akEditorTableBorderRadius,
-	akEditorTableBorderSelected,
-	akEditorTableCellBackgroundOpacity,
-	akEditorTableCellMinWidth,
-	akEditorTableCellOnStickyHeaderZIndex,
-	akEditorTableHeaderCellBackground,
-	akEditorTableHeaderCellBackgroundDark,
-	akEditorTableLegacyCellMinWidth,
-	akEditorTableNumberColumnWidth,
-	akEditorTableToolbar,
-	akEditorTableToolbarSize,
-	akEditorUnitZIndex,
-	akEditorCalculatedWideLayoutWidth,
-	akEditorCalculatedWideLayoutWidthSmallViewport,
-	akEditorWideLayoutWidth,
-	akLayoutGutterOffset,
-	akRichMediaResizeZIndex,
-	avatarColors,
-	participantColors,
-	blockNodesVerticalMargin,
-	breakoutWideScaleRatio,
-	editorFontSize,
-	gridMediumMaxWidth,
-	relativeSize,
-	relativeFontSizeToBase16,
-	DEFAULT_EMBED_CARD_HEIGHT,
-	DEFAULT_EMBED_CARD_WIDTH,
-	akEditorLineHeight,
-	akEditorRuleBorderRadius,
-	akEditorSelectedNodeClassName,
-	akEditorToolbarKeylineHeight,
-	MAX_BROWSER_SCROLLBAR_HEIGHT,
-	VIEWPORT_SIZES,
-	akEditorMobileMaxWidth,
-	getTableCellBackgroundDarkModeColors,
-	ATLASSIAN_NAVIGATION_HEIGHT,
-	FULL_PAGE_EDITOR_TOOLBAR_HEIGHT,
-	akEditorFullPageToolbarHeight,
-	akEditorTableCellBlanketSelected,
-	akEditorTableCellBlanketDeleted,
-	akEditorWrappedNodeZIndex,
-	layoutBreakpointWidth,
-} from './consts';
-export type { EditorTheme, ParticipantColor } from './consts';
-
-export {
-	SelectionStyle,
-	getSelectionStyles,
-	hideNativeBrowserTextSelectionStyles,
-} from './selection';
-
-export { overflowShadow } from './overflow-shadow/overflow-shadow';
-
-export { getHashCode, getParticipantColor } from './utils';

package/src/overflow-shadow/overflow-shadow.ts

@@ -1,69 +0,0 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-import { token } from '@atlaskit/tokens';
-
-export const overflowShadow = ({
-	leftCoverWidth,
-	rightCoverWidth,
-}: {
-	leftCoverWidth?: string;
-	rightCoverWidth?: string;
-}) => {
-	const width = token('space.100', '8px');
-	const leftCoverWidthResolved = leftCoverWidth || width;
-	const rightCoverWidthResolved = rightCoverWidth || width;
-
-	// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-	return css`
-/* shadow cover left */
-  linear-gradient(
-    to right,
-    ${token('color.background.neutral')} ${leftCoverWidthResolved},
-    transparent ${leftCoverWidthResolved}
-  ),
-/* shadow cover background left */
-  linear-gradient(
-    to right,
-    ${token('elevation.surface.raised')} ${leftCoverWidthResolved},
-    transparent ${leftCoverWidthResolved}
-  ),
-/* shadow cover right */
-  linear-gradient(
-    to left,
-    ${token('color.background.neutral')} ${rightCoverWidthResolved},
-    transparent ${rightCoverWidthResolved}
-  ),
-/* shadow cover background right */
-  linear-gradient(
-    to left,
-    ${token('elevation.surface.raised')} ${rightCoverWidthResolved},
-    transparent ${rightCoverWidthResolved}
-  ),
-/* overflow shadow right spread */
-  linear-gradient(
-    to left,
-    ${token('elevation.shadow.overflow.spread')} 0,
-    ${token('utility.UNSAFE.transparent')}  ${width}
-  ),
-  /* overflow shadow right perimeter */
-  linear-gradient(
-    to left,
-    ${token('elevation.shadow.overflow.perimeter')} 0,
-    ${token('utility.UNSAFE.transparent')}  ${width}
-  ),
-  /* overflow shadow left spread */
-  linear-gradient(
-    to right,
-    ${token('elevation.shadow.overflow.spread')} 0,
-    ${token('utility.UNSAFE.transparent')}  ${width}
-  ),
-  /* overflow shadow left perimeter */
-  linear-gradient(
-    to right,
-    ${token('elevation.shadow.overflow.perimeter')} 0,
-    ${token('utility.UNSAFE.transparent')}  ${width}
-  )
-`;
-};

package/src/scrollbar-styles.ts

@@ -1,29 +0,0 @@
-/* eslint-disable @atlaskit/editor/no-re-export */
-// Entry file in package.json
-
-import { token } from '@atlaskit/tokens';
-
-export const scrollbarStyles = `
-  -ms-overflow-style: -ms-autohiding-scrollbar;
-
-  &::-webkit-scrollbar {
-    overflow: hidden,
-  }
-
-  &::-webkit-scrollbar-corner {
-    display: none;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: ${token('color.background.neutral.subtle')};
-  }
-
-  &:hover::-webkit-scrollbar-thumb {
-    background-color: ${token('color.background.neutral.bold')};
-    border-radius: 8px;
-  }
-
-  &::-webkit-scrollbar-thumb:hover {
-    background-color: ${token('color.background.neutral.bold.hovered')};
-  }
-`;

package/src/selection/__tests__/unit/utils.ts

@@ -1,47 +0,0 @@
-import { SelectionStyle } from '../../types';
-import { getSelectionStyles } from '../../utils';
-
-describe('selection plugin: utils', () => {
-	describe('getSelectionStyles', () => {
-		const selectionStyles = [
-			// Ignored via go/ees005
-			// eslint-disable-next-line require-unicode-regexp
-			{ name: 'border', style: SelectionStyle.Border, regex: /border\:/ },
-			{
-				name: 'box-shadow',
-				style: SelectionStyle.BoxShadow,
-				// Ignored via go/ees005
-				// eslint-disable-next-line require-unicode-regexp
-				regex: /box\-shadow\:/,
-			},
-			{
-				name: 'background',
-				style: SelectionStyle.Background,
-				// Ignored via go/ees005
-				// eslint-disable-next-line require-unicode-regexp
-				regex: /background\-color\:/,
-			},
-			// Ignored via go/ees005
-			// eslint-disable-next-line require-unicode-regexp
-			{ name: 'blanket', style: SelectionStyle.Blanket, regex: /\:\:before/ },
-		];
-
-		for (const selectionStyle of selectionStyles) {
-			it(`gets styles for ${selectionStyle.name}`, () => {
-				const css = getSelectionStyles([selectionStyle.style]);
-				expect(css).toMatch(selectionStyle.regex);
-			});
-		}
-
-		it('combines multiple styles', () => {
-			const allStyles = selectionStyles.map((selectionStyle) => selectionStyle.style);
-			const allRegex = selectionStyles.map((selectionStyle) => selectionStyle.regex);
-
-			const css = getSelectionStyles(allStyles);
-
-			for (const regex of allRegex) {
-				expect(css).toMatch(regex);
-			}
-		});
-	});
-});

package/src/selection/index.ts

@@ -1,5 +0,0 @@
-/* eslint-disable @atlaskit/editor/no-re-export */
-// Entry file in package.json
-
-export { SelectionStyle } from './types';
-export { getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './utils';

package/src/selection/types.ts

@@ -1,11 +0,0 @@
-/**
- * These are generic selection styles for all nodes
- * If you have custom behaviour needed for a node, add that in the plugin's styles
- * file in editor-core
- */
-export enum SelectionStyle {
-	Border,
-	BoxShadow,
-	Background,
-	Blanket,
-}