@atlaskit/editor-shared-styles 1.6.0

package/dist/esm/consts/consts.js

@@ -0,0 +1,162 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { B100, B300, B400, B50, B75, DN50, DN70, N0, N100, N20, N30, N40, N50, N500, N700, N900, R300, R400, R50, R75 } from '@atlaskit/theme/colors';
+import { codeFontFamily, fontSize as defaultFontSize, gridSize, layers } from '@atlaskit/theme/constants';
+export var akEditorFullPageDefaultFontSize = 16;
+export var akEditorCodeFontFamily = codeFontFamily();
+export var akEditorInactiveForeground = N500;
+export var akEditorFocus = B100;
+export var akEditorSubtleAccent = N40;
+export var akEditorActiveBackground = N500;
+export var akEditorActiveForeground = N0;
+export var akEditorBlockquoteBorderColor = N40;
+export var akEditorDropdownActiveBackground = N900;
+export var akEditorPopupBackground = N700;
+export var akEditorPopupText = B50;
+export var akEditorPrimaryButton = B400;
+export var akEditorCodeBackground = N20;
+export var akEditorCodeBlockPadding = '12px';
+export var akEditorCodeInlinePadding = '2px 4px';
+export var akEditorDeleteBackground = R50;
+export var akEditorDeleteBackgroundShaded = R50;
+export var akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
+
+export var akEditorDeleteBorder = R300;
+export var akEditorDeleteIconColor = R400;
+export var akEditorCustomIconSize = 20;
+export var akEditorSelectedBorderColor = B300;
+export var akEditorSelectedBgColor = B50;
+export var akEditorSelectedBlanketColor = B75;
+export var akEditorSelectedBorderSize = 1;
+export var akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ").concat(akEditorSelectedBorderColor);
+export var akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ").concat(akEditorSelectedBorderColor);
+export var akEditorSelectedIconColor = B400;
+export var akEditorSelectedBorderBoldSize = 2;
+export var akEditorSelectedBlanketOpacity = 0.3;
+export var akEditorUnitZIndex = 1;
+export var akEditorShadowZIndex = 2;
+export var akEditorStickyHeaderZIndex = 11; // filmstrip uses 10 for its shadow
+
+export var akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
+export var akEditorGridLineZIndex = 9999; // z-index for main menu bar -
+// this is highest as it should be above anything else in editor below.
+
+export var akEditorMenuZIndex = layers.blanket(); // z-index used for floating toolbars like code block, table etc
+
+export var akEditorFloatingPanelZIndex = layers.layer(); // z-index used for pickers (date, emoji, mentions) and type-aheads, hyperlinks
+
+export var akEditorFloatingDialogZIndex = akEditorFloatingPanelZIndex + 10; // z-index used for floating toolbars table cell menu which are above block toolbars
+
+export var akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
+export var akEditorMentionSelected = N100;
+export var akEditorTableToolbarSize = 11;
+export var akEditorTableBorder = N50;
+export var akEditorTableBorderDark = DN70;
+export var akEditorTableToolbar = N20;
+export var akEditorTableToolbarDark = DN50;
+export var akEditorTableFloatingControls = N20;
+export var akEditorTableCellSelected = B75;
+export var akEditorTableToolbarSelected = B100;
+export var akEditorTableBorderSelected = B300;
+export var akEditorTableCellDelete = R50;
+export var akEditorTableBorderDelete = R300;
+export var akEditorTableToolbarDelete = R75;
+export var akEditorTableBorderRadius = '3px';
+export var akEditorTableCellBackgroundOpacity = 0.5;
+export var akEditorFullPageMaxWidth = 680;
+export var akEditorDefaultLayoutWidth = 760;
+export var akEditorWideLayoutWidth = 960;
+export var akEditorFullWidthLayoutWidth = 1800;
+export var akEditorFullWidthLayoutLineLength = 1792;
+export var akEditorTableNumberColumnWidth = 42;
+export var akEditorBreakoutPadding = 96;
+export var akEditorGutterPadding = 32;
+export var akEditorMobileBreakoutPoint = 720;
+export var akEditorTableCellMinWidth = 48;
+export var akEditorTableLegacyCellMinWidth = 128;
+export var akEditorMediaResizeHandlerPaddingWide = 12;
+export var akEditorMediaResizeHandlerPadding = 4;
+export var akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";
+export var gridMediumMaxWidth = 1024;
+export var breakoutWideScaleRatio = 1.33;
+export var akRichMediaResizeZIndex = akEditorUnitZIndex * 99;
+export var akLayoutGutterOffset = gridSize() * 1.5;
+export var akEditorLineHeight = 1.714;
+export var akEditorRuleBackground = N30;
+export var akEditorRuleBorderRadius = '1px';
+export var akEditorToolbarKeylineHeight = 2;
+export var akEditorContextPanelWidth = 320; // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
+
+export var blockNodesVerticalMargin = '0.75rem';
+export var DEFAULT_EMBED_CARD_WIDTH = 680;
+export var DEFAULT_EMBED_CARD_HEIGHT = 480;
+export var ATLASSIAN_NAVIGATION_HEIGHT = '56px';
+export var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
+export var editorFontSize = function editorFontSize(_ref) {
+  var theme = _ref.theme;
+  return theme && theme.baseFontSize ? theme.baseFontSize : defaultFontSize();
+};
+export var relativeSize = function relativeSize(multiplier) {
+  return function (_ref2) {
+    var theme = _ref2.theme;
+    return editorFontSize({
+      theme: theme
+    }) * multiplier;
+  };
+};
+export var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
+  if (typeof px === 'string') {
+    px = parseInt(px);
+  }
+
+  if (isNaN(px)) {
+    throw new Error("Invalid font size: '".concat(px, "'"));
+  }
+
+  return "".concat(px / 16, "rem");
+};
+export var getAkEditorFullPageMaxWidth = function getAkEditorFullPageMaxWidth() {
+  var allowDynamicTextSizing = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  return allowDynamicTextSizing ? akEditorFullPageMaxWidth : akEditorDefaultLayoutWidth;
+};
+export var 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 var akEditorMobileMaxWidth = 0;
+export var 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(function (_ref3) {
+  var _ref4 = _slicedToArray(_ref3, 2),
+      colorName = _ref4[0],
+      colorValue = _ref4[1];
+
+  return getTableCellBackgroundDarkModeColorCSS(colorName, colorValue);
+}).join('\n');
+export function getTableCellBackgroundDarkModeColorCSS(colorName, colorValue) {
+  return "\n  &[colorname=\"".concat(colorName, "\"] {\n    background-color: ").concat(colorValue, " !important; // !important to override default style color\n  }\n  ");
+}

package/dist/esm/consts/consts.test.js

@@ -0,0 +1,22 @@
+import { relativeFontSizeToBase16 } from './consts';
+describe('consts', function () {
+  describe('relativeFontSizeToBase16', function () {
+    it('relativeFontSizeToBase16 should return 1rem with a base font size of 16px', function () {
+      expect(relativeFontSizeToBase16(16)).toBe('1rem');
+    });
+    it('relativeFontSizeToBase16 should return 0.875rem with a base font size of 14px', function () {
+      expect(relativeFontSizeToBase16(14)).toBe('0.875rem');
+    });
+    it('relativeFontSizeToBase16 should return 0.875rem with a base font size (string) of 14px', function () {
+      expect(relativeFontSizeToBase16('14')).toBe('0.875rem');
+    });
+    it('relativeFontSizeToBase16 should return 0.875rem with a base font size (string) of 14px', function () {
+      expect(relativeFontSizeToBase16('14px')).toBe('0.875rem');
+    });
+    it('relativeFontSizeToBase16 should throw an error for invalid string', function () {
+      expect(function () {
+        return relativeFontSizeToBase16('px');
+      }).toThrowError();
+    });
+  });
+});

package/dist/esm/consts/index.js

@@ -0,0 +1 @@
+export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, getAkEditorFullPageMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT } from './consts';

package/dist/esm/consts/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, getAkEditorFullPageMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT } from './consts';
+export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selection';
+export { overflowShadow } from './overflow-shadow';

package/dist/esm/overflow-shadow/index.js

@@ -0,0 +1 @@
+export { overflowShadow } from './overflow-shadow';

package/dist/esm/overflow-shadow/overflow-shadow.js

@@ -0,0 +1,10 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+import { css } from 'styled-components';
+export var overflowShadow = function overflowShadow(_ref) {
+  var background = _ref.background,
+      width = _ref.width;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* shadow cover right */ linear-gradient(\n  to left,\n  ", " ", ",\n  transparent ", "\n),\n/* overflow shadow right */\n  linear-gradient(\n    to left,\n    rgba(9, 30, 66, 0.13) 0,\n    rgba(99, 114, 130, 0) ", "\n  ),\n/* overflow shadow left */\n  linear-gradient(\n    to right,\n    rgba(9, 30, 66, 0.13) 0,\n    rgba(99, 114, 130, 0) ", "\n  )\n"])), background, width, width, width, width);
+};

package/dist/esm/selection/index.js

@@ -0,0 +1,2 @@
+export { SelectionStyle } from './types';
+export { getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './utils';

package/dist/esm/selection/types.js

@@ -0,0 +1,13 @@
+/**
+ * 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 var SelectionStyle;
+
+(function (SelectionStyle) {
+  SelectionStyle[SelectionStyle["Border"] = 0] = "Border";
+  SelectionStyle[SelectionStyle["BoxShadow"] = 1] = "BoxShadow";
+  SelectionStyle[SelectionStyle["Background"] = 2] = "Background";
+  SelectionStyle[SelectionStyle["Blanket"] = 3] = "Blanket";
+})(SelectionStyle || (SelectionStyle = {}));

package/dist/esm/selection/utils.js

@@ -0,0 +1,38 @@
+import { akEditorSelectedBgColor, akEditorSelectedBlanketColor, akEditorSelectedBlanketOpacity, akEditorSelectedBorder, akEditorSelectedBoxShadow } from '../consts';
+import { SelectionStyle } from './types';
+/**
+ * Adds correct selection styling for a node
+ * Pass in which selection style properties you want and it will return css string of necessary styles
+ *
+ * eg.
+ *  .expand.ak-editor-selected-node {
+ *    ${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
+ *  }
+ *
+ */
+
+export var getSelectionStyles = function getSelectionStyles(selectionStyles) {
+  return selectionStyles.map(function (selectionStyle) {
+    return getSelectionStyle(selectionStyle);
+  }).concat(hideNativeBrowserTextSelectionStyles).join('\n');
+};
+export var hideNativeBrowserTextSelectionStyles = "\n  ::selection,*::selection {\n    background-color: transparent;\n  }\n  ::-moz-selection,*::-moz-selection {\n    background-color: transparent;\n  }\n";
+
+var getSelectionStyle = function getSelectionStyle(style) {
+  switch (style) {
+    case SelectionStyle.Border:
+      return "border: ".concat(akEditorSelectedBorder, ";");
+
+    case SelectionStyle.BoxShadow:
+      return "\n        box-shadow: ".concat(akEditorSelectedBoxShadow, ";\n        border-color: transparent;\n        ");
+
+    case SelectionStyle.Background:
+      return "background-color: ".concat(akEditorSelectedBgColor, ";");
+
+    case SelectionStyle.Blanket:
+      return "\n        position: relative;\n\n        // Fixes ED-9263, where emoji or inline card in panel makes selection go outside the panel\n        // in Safari. Looks like it's caused by user-select: all in the emoji element\n        -webkit-user-select: text;\n\n        ::after {\n          position: absolute;\n          content: '';\n          left: 0;\n          right: 0;\n          top: 0;\n          bottom: 0;\n          opacity: ".concat(akEditorSelectedBlanketOpacity, ";\n          pointer-events: none;\n          background-color: ").concat(akEditorSelectedBlanketColor, "\n        }");
+
+    default:
+      return '';
+  }
+};

package/dist/esm/version.json

@@ -0,0 +1,5 @@
+{
+	"name": "@atlaskit/editor-shared-styles",
+	"version": "1.6.0",
+	"sideEffects": false
+}

package/dist/types/consts/consts.d.ts

@@ -0,0 +1,124 @@
+import { EditorTheme } from './types';
+export declare const akEditorFullPageDefaultFontSize = 16;
+export declare const akEditorCodeFontFamily: string;
+export declare const akEditorInactiveForeground = "#42526E";
+export declare const akEditorFocus = "#4C9AFF";
+export declare const akEditorSubtleAccent = "#DFE1E6";
+export declare const akEditorActiveBackground = "#42526E";
+export declare const akEditorActiveForeground = "#FFFFFF";
+export declare const akEditorBlockquoteBorderColor = "#DFE1E6";
+export declare const akEditorDropdownActiveBackground = "#091E42";
+export declare const akEditorPopupBackground = "#253858";
+export declare const akEditorPopupText = "#DEEBFF";
+export declare const akEditorPrimaryButton = "#0052CC";
+export declare const akEditorCodeBackground = "#F4F5F7";
+export declare const akEditorCodeBlockPadding = "12px";
+export declare const akEditorCodeInlinePadding = "2px 4px";
+export declare const akEditorDeleteBackground = "#FFEBE6";
+export declare const akEditorDeleteBackgroundShaded = "#FFEBE6";
+export declare const akEditorDeleteBackgroundWithOpacity = "rgba(255, 189, 173, 0.5)";
+export declare const akEditorDeleteBorder = "#FF5630";
+export declare const akEditorDeleteIconColor = "#DE350B";
+export declare const akEditorCustomIconSize = 20;
+export declare const akEditorSelectedBorderColor = "#0065FF";
+export declare const akEditorSelectedBgColor = "#DEEBFF";
+export declare const akEditorSelectedBlanketColor = "#B3D4FF";
+export declare const akEditorSelectedBorderSize = 1;
+export declare const akEditorSelectedBorder: string;
+export declare const akEditorSelectedBoxShadow: string;
+export declare const akEditorSelectedIconColor = "#0052CC";
+export declare const akEditorSelectedBorderBoldSize = 2;
+export declare const akEditorSelectedBlanketOpacity = 0.3;
+export declare const akEditorUnitZIndex = 1;
+export declare const akEditorShadowZIndex = 2;
+export declare const akEditorStickyHeaderZIndex = 11;
+export declare const akEditorSmallZIndex: number;
+export declare const akEditorGridLineZIndex = 9999;
+export declare const akEditorMenuZIndex: 500;
+export declare const akEditorFloatingPanelZIndex: 400;
+export declare const akEditorFloatingDialogZIndex: number;
+export declare const akEditorFloatingOverlapPanelZIndex: number;
+export declare const akEditorMentionSelected = "#7A869A";
+export declare const akEditorTableToolbarSize = 11;
+export declare const akEditorTableBorder = "#C1C7D0";
+export declare const akEditorTableBorderDark = "#3B475C";
+export declare const akEditorTableToolbar = "#F4F5F7";
+export declare const akEditorTableToolbarDark = "#283447";
+export declare const akEditorTableFloatingControls = "#F4F5F7";
+export declare const akEditorTableCellSelected = "#B3D4FF";
+export declare const akEditorTableToolbarSelected = "#4C9AFF";
+export declare const akEditorTableBorderSelected = "#0065FF";
+export declare const akEditorTableCellDelete = "#FFEBE6";
+export declare const akEditorTableBorderDelete = "#FF5630";
+export declare const akEditorTableToolbarDelete = "#FFBDAD";
+export declare const akEditorTableBorderRadius = "3px";
+export declare const akEditorTableCellBackgroundOpacity = 0.5;
+export declare const akEditorFullPageMaxWidth = 680;
+export declare const akEditorDefaultLayoutWidth = 760;
+export declare const akEditorWideLayoutWidth = 960;
+export declare const akEditorFullWidthLayoutWidth = 1800;
+export declare const akEditorFullWidthLayoutLineLength = 1792;
+export declare const akEditorTableNumberColumnWidth = 42;
+export declare const akEditorBreakoutPadding = 96;
+export declare const akEditorGutterPadding = 32;
+export declare const akEditorMobileBreakoutPoint = 720;
+export declare const akEditorTableCellMinWidth = 48;
+export declare const akEditorTableLegacyCellMinWidth = 128;
+export declare const akEditorMediaResizeHandlerPaddingWide = 12;
+export declare const akEditorMediaResizeHandlerPadding = 4;
+export declare const akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";
+export declare const gridMediumMaxWidth = 1024;
+export declare const breakoutWideScaleRatio = 1.33;
+export declare const akRichMediaResizeZIndex: number;
+export declare const akLayoutGutterOffset: number;
+export declare const akEditorLineHeight = 1.714;
+export declare const akEditorRuleBackground = "#EBECF0";
+export declare const akEditorRuleBorderRadius = "1px";
+export declare const akEditorToolbarKeylineHeight = 2;
+export declare const akEditorContextPanelWidth = 320;
+export declare const blockNodesVerticalMargin = "0.75rem";
+export declare const DEFAULT_EMBED_CARD_WIDTH = 680;
+export declare const DEFAULT_EMBED_CARD_HEIGHT = 480;
+export declare const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
+export declare const akEditorSelectedNodeClassName = "ak-editor-selected-node";
+export declare const editorFontSize: ({ theme }: {
+    theme: EditorTheme;
+}) => number;
+export declare const relativeSize: (multiplier: number) => ({ theme, }: {
+    theme: EditorTheme;
+}) => number;
+export declare const relativeFontSizeToBase16: (px: number | string) => string;
+export declare const getAkEditorFullPageMaxWidth: (allowDynamicTextSizing?: boolean) => 680 | 760;
+export declare 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;
+    };
+};
+export declare const akEditorMobileMaxWidth = 0;
+export declare const getTableCellBackgroundDarkModeColors: string;
+export declare function getTableCellBackgroundDarkModeColorCSS(colorName: string, colorValue: string): string;

package/dist/types/consts/index.d.ts

@@ -0,0 +1,2 @@
+export type { EditorTheme } from './types';
+export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, getAkEditorFullPageMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, } from './consts';

package/dist/types/consts/types.d.ts

@@ -0,0 +1,3 @@
+export declare type EditorTheme = {
+    baseFontSize?: number;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, getAkEditorFullPageMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, } from './consts';
+export type { EditorTheme } from './consts';
+export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './selection';
+export { overflowShadow } from './overflow-shadow';

package/dist/types/overflow-shadow/index.d.ts

@@ -0,0 +1 @@
+export { overflowShadow } from './overflow-shadow';

package/dist/types/overflow-shadow/overflow-shadow.d.ts

@@ -0,0 +1,5 @@
+import { ThemedValue } from '@atlaskit/theme/types';
+export declare const overflowShadow: ({ background, width, }: {
+    background: ThemedValue<string> | string;
+    width: string;
+}) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme/types").AtlaskitThemeProps | import("@atlaskit/theme/types").CustomThemeProps | import("@atlaskit/theme/types").NoThemeProps | undefined, any>>[];

package/dist/types/selection/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectionStyle } from './types';
+export { getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './utils';

package/dist/types/selection/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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 declare enum SelectionStyle {
+    Border = 0,
+    BoxShadow = 1,
+    Background = 2,
+    Blanket = 3
+}