@atlaskit/editor-shared-styles 1.5.0 → 2.0.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/editor-shared-styles
 
+## 2.0.1
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+
+## 2.0.0
+
+### Major Changes
+
+- [`e22509504e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e22509504e8) - ED-14255 migrate editor-shared-style to emotion
+
+### Patch Changes
+
+- [`9712e78abb0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9712e78abb0) - ED-14255 moved some usages of editor-shared-styles to emotion
+
+## 1.6.0
+
+### Minor Changes
+
+- [`1a07c1caf61`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a07c1caf61) - CETI-93 - Fixed custom panel icon sizing and alignment when icon render as image
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.5.0
 
 ### Minor Changes

package/build/tsconfig.json

@@ -5,6 +5,13 @@
     "target": "es5",
     "paths": {}
   },
-  "include": ["../src/**/*.ts", "../src/**/*.tsx"],
-  "exclude": ["../src/**/__tests__/*"]
-}
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ]
+}

package/dist/cjs/consts/consts.js

@@ -5,8 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getAkEditorFullPageMaxWidth = exports.editorFontSize = exports.breakoutWideScaleRatio = exports.blockNodesVerticalMargin = exports.akRichMediaResizeZIndex = exports.akLayoutGutterOffset = exports.akEditorWideLayoutWidth = exports.akEditorUnitZIndex = exports.akEditorToolbarKeylineHeight = exports.akEditorTableToolbarSize = exports.akEditorTableToolbarSelected = exports.akEditorTableToolbarDelete = exports.akEditorTableToolbarDark = exports.akEditorTableToolbar = exports.akEditorTableNumberColumnWidth = exports.akEditorTableLegacyCellMinWidth = exports.akEditorTableFloatingControls = exports.akEditorTableCellSelected = exports.akEditorTableCellMinWidth = exports.akEditorTableCellDelete = exports.akEditorTableCellBackgroundOpacity = exports.akEditorTableBorderSelected = exports.akEditorTableBorderRadius = exports.akEditorTableBorderDelete = exports.akEditorTableBorderDark = exports.akEditorTableBorder = exports.akEditorSwoopCubicBezier = exports.akEditorSubtleAccent = exports.akEditorStickyHeaderZIndex = exports.akEditorSmallZIndex = exports.akEditorShadowZIndex = exports.akEditorSelectedNodeClassName = exports.akEditorSelectedIconColor = exports.akEditorSelectedBoxShadow = exports.akEditorSelectedBorderSize = exports.akEditorSelectedBorderColor = exports.akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorder = exports.akEditorSelectedBlanketOpacity = exports.akEditorSelectedBlanketColor = exports.akEditorSelectedBgColor = exports.akEditorRuleBorderRadius = exports.akEditorRuleBackground = exports.akEditorPrimaryButton = exports.akEditorPopupText = exports.akEditorPopupBackground = exports.akEditorMobileMaxWidth = exports.akEditorMobileBreakoutPoint = exports.akEditorMenuZIndex = exports.akEditorMentionSelected = exports.akEditorMediaResizeHandlerPaddingWide = exports.akEditorMediaResizeHandlerPadding = exports.akEditorLineHeight = exports.akEditorInactiveForeground = exports.akEditorGutterPadding = exports.akEditorGridLineZIndex = exports.akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutLineLength = exports.akEditorFullPageMaxWidth = exports.akEditorFullPageDefaultFontSize = exports.akEditorFocus = exports.akEditorFloatingPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingDialogZIndex = exports.akEditorDropdownActiveBackground = exports.akEditorDeleteIconColor = exports.akEditorDeleteBorder = exports.akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundShaded = exports.akEditorDeleteBackground = exports.akEditorDefaultLayoutWidth = exports.akEditorCustomIconSize = exports.akEditorContextPanelWidth = exports.akEditorCodeInlinePadding = exports.akEditorCodeFontFamily = exports.akEditorCodeBlockPadding = exports.akEditorCodeBackground = exports.akEditorBreakoutPadding = exports.akEditorBlockquoteBorderColor = exports.akEditorActiveForeground = exports.akEditorActiveBackground = exports.VIEWPORT_SIZES = exports.DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = void 0;
 exports.getTableCellBackgroundDarkModeColorCSS = getTableCellBackgroundDarkModeColorCSS;
-exports.getTableCellBackgroundDarkModeColors = exports.akEditorMobileMaxWidth = exports.VIEWPORT_SIZES = exports.getAkEditorFullPageMaxWidth = exports.relativeFontSizeToBase16 = exports.relativeSize = exports.editorFontSize = exports.akEditorSelectedNodeClassName = exports.ATLASSIAN_NAVIGATION_HEIGHT = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.DEFAULT_EMBED_CARD_WIDTH = exports.blockNodesVerticalMargin = exports.akEditorContextPanelWidth = exports.akEditorToolbarKeylineHeight = exports.akEditorRuleBorderRadius = exports.akEditorRuleBackground = exports.akEditorLineHeight = exports.akLayoutGutterOffset = exports.akRichMediaResizeZIndex = exports.breakoutWideScaleRatio = exports.gridMediumMaxWidth = exports.akEditorSwoopCubicBezier = exports.akEditorMediaResizeHandlerPadding = exports.akEditorMediaResizeHandlerPaddingWide = exports.akEditorTableLegacyCellMinWidth = exports.akEditorTableCellMinWidth = exports.akEditorMobileBreakoutPoint = exports.akEditorGutterPadding = exports.akEditorBreakoutPadding = exports.akEditorTableNumberColumnWidth = exports.akEditorFullWidthLayoutLineLength = exports.akEditorFullWidthLayoutWidth = exports.akEditorWideLayoutWidth = exports.akEditorDefaultLayoutWidth = exports.akEditorFullPageMaxWidth = exports.akEditorTableCellBackgroundOpacity = exports.akEditorTableBorderRadius = exports.akEditorTableToolbarDelete = exports.akEditorTableBorderDelete = exports.akEditorTableCellDelete = exports.akEditorTableBorderSelected = exports.akEditorTableToolbarSelected = exports.akEditorTableCellSelected = exports.akEditorTableFloatingControls = exports.akEditorTableToolbarDark = exports.akEditorTableToolbar = exports.akEditorTableBorderDark = exports.akEditorTableBorder = exports.akEditorTableToolbarSize = exports.akEditorMentionSelected = exports.akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingDialogZIndex = exports.akEditorFloatingPanelZIndex = exports.akEditorMenuZIndex = exports.akEditorGridLineZIndex = exports.akEditorSmallZIndex = exports.akEditorStickyHeaderZIndex = exports.akEditorShadowZIndex = exports.akEditorUnitZIndex = exports.akEditorSelectedBlanketOpacity = exports.akEditorSelectedBorderBoldSize = exports.akEditorSelectedIconColor = exports.akEditorSelectedBoxShadow = exports.akEditorSelectedBorder = exports.akEditorSelectedBorderSize = exports.akEditorSelectedBlanketColor = exports.akEditorSelectedBgColor = exports.akEditorSelectedBorderColor = exports.akEditorDeleteIconColor = exports.akEditorDeleteBorder = exports.akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundShaded = exports.akEditorDeleteBackground = exports.akEditorCodeInlinePadding = exports.akEditorCodeBlockPadding = exports.akEditorCodeBackground = exports.akEditorPrimaryButton = exports.akEditorPopupText = exports.akEditorPopupBackground = exports.akEditorDropdownActiveBackground = exports.akEditorBlockquoteBorderColor = exports.akEditorActiveForeground = exports.akEditorActiveBackground = exports.akEditorSubtleAccent = exports.akEditorFocus = exports.akEditorInactiveForeground = exports.akEditorCodeFontFamily = exports.akEditorFullPageDefaultFontSize = void 0;
+exports.relativeSize = exports.relativeFontSizeToBase16 = exports.gridMediumMaxWidth = exports.getTableCellBackgroundDarkModeColors = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -55,6 +56,8 @@ var akEditorDeleteBorder = _colors.R300;
 exports.akEditorDeleteBorder = akEditorDeleteBorder;
 var akEditorDeleteIconColor = _colors.R400;
 exports.akEditorDeleteIconColor = akEditorDeleteIconColor;
+var akEditorCustomIconSize = 20;
+exports.akEditorCustomIconSize = akEditorCustomIconSize;
 var akEditorSelectedBorderColor = _colors.B300;
 exports.akEditorSelectedBorderColor = akEditorSelectedBorderColor;
 var akEditorSelectedBgColor = _colors.B50;

package/dist/cjs/consts/index.js

@@ -3,6 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ATLASSIAN_NAVIGATION_HEIGHT", {
+  enumerable: true,
+  get: function get() {
+    return _consts.ATLASSIAN_NAVIGATION_HEIGHT;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_EMBED_CARD_HEIGHT", {
+  enumerable: true,
+  get: function get() {
+    return _consts.DEFAULT_EMBED_CARD_HEIGHT;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_EMBED_CARD_WIDTH", {
+  enumerable: true,
+  get: function get() {
+    return _consts.DEFAULT_EMBED_CARD_WIDTH;
+  }
+});
+Object.defineProperty(exports, "VIEWPORT_SIZES", {
+  enumerable: true,
+  get: function get() {
+    return _consts.VIEWPORT_SIZES;
+  }
+});
 Object.defineProperty(exports, "akEditorActiveBackground", {
   enumerable: true,
   get: function get() {
@@ -57,6 +81,12 @@ Object.defineProperty(exports, "akEditorContextPanelWidth", {
     return _consts.akEditorContextPanelWidth;
   }
 });
+Object.defineProperty(exports, "akEditorCustomIconSize", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorCustomIconSize;
+  }
+});
 Object.defineProperty(exports, "akEditorDefaultLayoutWidth", {
   enumerable: true,
   get: function get() {
@@ -123,22 +153,16 @@ Object.defineProperty(exports, "akEditorFocus", {
     return _consts.akEditorFocus;
   }
 });
-Object.defineProperty(exports, "akEditorFullPageMaxWidth", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorFullPageMaxWidth;
-  }
-});
 Object.defineProperty(exports, "akEditorFullPageDefaultFontSize", {
   enumerable: true,
   get: function get() {
     return _consts.akEditorFullPageDefaultFontSize;
   }
 });
-Object.defineProperty(exports, "akEditorFullWidthLayoutWidth", {
+Object.defineProperty(exports, "akEditorFullPageMaxWidth", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorFullWidthLayoutWidth;
+    return _consts.akEditorFullPageMaxWidth;
   }
 });
 Object.defineProperty(exports, "akEditorFullWidthLayoutLineLength", {
@@ -147,6 +171,12 @@ Object.defineProperty(exports, "akEditorFullWidthLayoutLineLength", {
     return _consts.akEditorFullWidthLayoutLineLength;
   }
 });
+Object.defineProperty(exports, "akEditorFullWidthLayoutWidth", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorFullWidthLayoutWidth;
+  }
+});
 Object.defineProperty(exports, "akEditorGridLineZIndex", {
   enumerable: true,
   get: function get() {
@@ -165,6 +195,12 @@ Object.defineProperty(exports, "akEditorInactiveForeground", {
     return _consts.akEditorInactiveForeground;
   }
 });
+Object.defineProperty(exports, "akEditorLineHeight", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorLineHeight;
+  }
+});
 Object.defineProperty(exports, "akEditorMediaResizeHandlerPadding", {
   enumerable: true,
   get: function get() {
@@ -189,16 +225,16 @@ Object.defineProperty(exports, "akEditorMenuZIndex", {
     return _consts.akEditorMenuZIndex;
   }
 });
-Object.defineProperty(exports, "akEditorStickyHeaderZIndex", {
+Object.defineProperty(exports, "akEditorMobileBreakoutPoint", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorStickyHeaderZIndex;
+    return _consts.akEditorMobileBreakoutPoint;
   }
 });
-Object.defineProperty(exports, "akEditorMobileBreakoutPoint", {
+Object.defineProperty(exports, "akEditorMobileMaxWidth", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorMobileBreakoutPoint;
+    return _consts.akEditorMobileMaxWidth;
   }
 });
 Object.defineProperty(exports, "akEditorPopupBackground", {
@@ -219,22 +255,34 @@ Object.defineProperty(exports, "akEditorPrimaryButton", {
     return _consts.akEditorPrimaryButton;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBorderColor", {
+Object.defineProperty(exports, "akEditorRuleBackground", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBorderColor;
+    return _consts.akEditorRuleBackground;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBorderBoldSize", {
+Object.defineProperty(exports, "akEditorRuleBorderRadius", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBorderBoldSize;
+    return _consts.akEditorRuleBorderRadius;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBorderSize", {
+Object.defineProperty(exports, "akEditorSelectedBgColor", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBorderSize;
+    return _consts.akEditorSelectedBgColor;
+  }
+});
+Object.defineProperty(exports, "akEditorSelectedBlanketColor", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorSelectedBlanketColor;
+  }
+});
+Object.defineProperty(exports, "akEditorSelectedBlanketOpacity", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorSelectedBlanketOpacity;
   }
 });
 Object.defineProperty(exports, "akEditorSelectedBorder", {
@@ -243,40 +291,40 @@ Object.defineProperty(exports, "akEditorSelectedBorder", {
     return _consts.akEditorSelectedBorder;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBoxShadow", {
+Object.defineProperty(exports, "akEditorSelectedBorderBoldSize", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBoxShadow;
+    return _consts.akEditorSelectedBorderBoldSize;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedIconColor", {
+Object.defineProperty(exports, "akEditorSelectedBorderColor", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedIconColor;
+    return _consts.akEditorSelectedBorderColor;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBlanketColor", {
+Object.defineProperty(exports, "akEditorSelectedBorderSize", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBlanketColor;
+    return _consts.akEditorSelectedBorderSize;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBgColor", {
+Object.defineProperty(exports, "akEditorSelectedBoxShadow", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBgColor;
+    return _consts.akEditorSelectedBoxShadow;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBlanketOpacity", {
+Object.defineProperty(exports, "akEditorSelectedIconColor", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBlanketOpacity;
+    return _consts.akEditorSelectedIconColor;
   }
 });
-Object.defineProperty(exports, "akEditorSmallZIndex", {
+Object.defineProperty(exports, "akEditorSelectedNodeClassName", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSmallZIndex;
+    return _consts.akEditorSelectedNodeClassName;
   }
 });
 Object.defineProperty(exports, "akEditorShadowZIndex", {
@@ -285,6 +333,18 @@ Object.defineProperty(exports, "akEditorShadowZIndex", {
     return _consts.akEditorShadowZIndex;
   }
 });
+Object.defineProperty(exports, "akEditorSmallZIndex", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorSmallZIndex;
+  }
+});
+Object.defineProperty(exports, "akEditorStickyHeaderZIndex", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorStickyHeaderZIndex;
+  }
+});
 Object.defineProperty(exports, "akEditorSubtleAccent", {
   enumerable: true,
   get: function get() {
@@ -399,6 +459,12 @@ Object.defineProperty(exports, "akEditorTableToolbarSize", {
     return _consts.akEditorTableToolbarSize;
   }
 });
+Object.defineProperty(exports, "akEditorToolbarKeylineHeight", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorToolbarKeylineHeight;
+  }
+});
 Object.defineProperty(exports, "akEditorUnitZIndex", {
   enumerable: true,
   get: function get() {
@@ -441,94 +507,34 @@ Object.defineProperty(exports, "editorFontSize", {
     return _consts.editorFontSize;
   }
 });
-Object.defineProperty(exports, "gridMediumMaxWidth", {
-  enumerable: true,
-  get: function get() {
-    return _consts.gridMediumMaxWidth;
-  }
-});
 Object.defineProperty(exports, "getAkEditorFullPageMaxWidth", {
   enumerable: true,
   get: function get() {
     return _consts.getAkEditorFullPageMaxWidth;
   }
 });
-Object.defineProperty(exports, "relativeSize", {
-  enumerable: true,
-  get: function get() {
-    return _consts.relativeSize;
-  }
-});
-Object.defineProperty(exports, "relativeFontSizeToBase16", {
-  enumerable: true,
-  get: function get() {
-    return _consts.relativeFontSizeToBase16;
-  }
-});
-Object.defineProperty(exports, "DEFAULT_EMBED_CARD_HEIGHT", {
-  enumerable: true,
-  get: function get() {
-    return _consts.DEFAULT_EMBED_CARD_HEIGHT;
-  }
-});
-Object.defineProperty(exports, "DEFAULT_EMBED_CARD_WIDTH", {
-  enumerable: true,
-  get: function get() {
-    return _consts.DEFAULT_EMBED_CARD_WIDTH;
-  }
-});
-Object.defineProperty(exports, "akEditorLineHeight", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorLineHeight;
-  }
-});
-Object.defineProperty(exports, "akEditorRuleBackground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorRuleBackground;
-  }
-});
-Object.defineProperty(exports, "akEditorRuleBorderRadius", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorRuleBorderRadius;
-  }
-});
-Object.defineProperty(exports, "akEditorSelectedNodeClassName", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorSelectedNodeClassName;
-  }
-});
-Object.defineProperty(exports, "akEditorToolbarKeylineHeight", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorToolbarKeylineHeight;
-  }
-});
-Object.defineProperty(exports, "VIEWPORT_SIZES", {
+Object.defineProperty(exports, "getTableCellBackgroundDarkModeColors", {
   enumerable: true,
   get: function get() {
-    return _consts.VIEWPORT_SIZES;
+    return _consts.getTableCellBackgroundDarkModeColors;
   }
 });
-Object.defineProperty(exports, "akEditorMobileMaxWidth", {
+Object.defineProperty(exports, "gridMediumMaxWidth", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorMobileMaxWidth;
+    return _consts.gridMediumMaxWidth;
   }
 });
-Object.defineProperty(exports, "getTableCellBackgroundDarkModeColors", {
+Object.defineProperty(exports, "relativeFontSizeToBase16", {
   enumerable: true,
   get: function get() {
-    return _consts.getTableCellBackgroundDarkModeColors;
+    return _consts.relativeFontSizeToBase16;
   }
 });
-Object.defineProperty(exports, "ATLASSIAN_NAVIGATION_HEIGHT", {
+Object.defineProperty(exports, "relativeSize", {
   enumerable: true,
   get: function get() {
-    return _consts.ATLASSIAN_NAVIGATION_HEIGHT;
+    return _consts.relativeSize;
   }
 });
 

package/dist/cjs/consts/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/index.js

@@ -3,6 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ATLASSIAN_NAVIGATION_HEIGHT", {
+  enumerable: true,
+  get: function get() {
+    return _consts.ATLASSIAN_NAVIGATION_HEIGHT;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_EMBED_CARD_HEIGHT", {
+  enumerable: true,
+  get: function get() {
+    return _consts.DEFAULT_EMBED_CARD_HEIGHT;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_EMBED_CARD_WIDTH", {
+  enumerable: true,
+  get: function get() {
+    return _consts.DEFAULT_EMBED_CARD_WIDTH;
+  }
+});
+Object.defineProperty(exports, "SelectionStyle", {
+  enumerable: true,
+  get: function get() {
+    return _selection.SelectionStyle;
+  }
+});
+Object.defineProperty(exports, "VIEWPORT_SIZES", {
+  enumerable: true,
+  get: function get() {
+    return _consts.VIEWPORT_SIZES;
+  }
+});
 Object.defineProperty(exports, "akEditorActiveBackground", {
   enumerable: true,
   get: function get() {
@@ -123,22 +153,16 @@ Object.defineProperty(exports, "akEditorFocus", {
     return _consts.akEditorFocus;
   }
 });
-Object.defineProperty(exports, "akEditorFullPageMaxWidth", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorFullPageMaxWidth;
-  }
-});
 Object.defineProperty(exports, "akEditorFullPageDefaultFontSize", {
   enumerable: true,
   get: function get() {
     return _consts.akEditorFullPageDefaultFontSize;
   }
 });
-Object.defineProperty(exports, "akEditorFullWidthLayoutWidth", {
+Object.defineProperty(exports, "akEditorFullPageMaxWidth", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorFullWidthLayoutWidth;
+    return _consts.akEditorFullPageMaxWidth;
   }
 });
 Object.defineProperty(exports, "akEditorFullWidthLayoutLineLength", {
@@ -147,6 +171,12 @@ Object.defineProperty(exports, "akEditorFullWidthLayoutLineLength", {
     return _consts.akEditorFullWidthLayoutLineLength;
   }
 });
+Object.defineProperty(exports, "akEditorFullWidthLayoutWidth", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorFullWidthLayoutWidth;
+  }
+});
 Object.defineProperty(exports, "akEditorGridLineZIndex", {
   enumerable: true,
   get: function get() {
@@ -165,6 +195,12 @@ Object.defineProperty(exports, "akEditorInactiveForeground", {
     return _consts.akEditorInactiveForeground;
   }
 });
+Object.defineProperty(exports, "akEditorLineHeight", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorLineHeight;
+  }
+});
 Object.defineProperty(exports, "akEditorMediaResizeHandlerPadding", {
   enumerable: true,
   get: function get() {
@@ -189,16 +225,16 @@ Object.defineProperty(exports, "akEditorMenuZIndex", {
     return _consts.akEditorMenuZIndex;
   }
 });
-Object.defineProperty(exports, "akEditorStickyHeaderZIndex", {
+Object.defineProperty(exports, "akEditorMobileBreakoutPoint", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorStickyHeaderZIndex;
+    return _consts.akEditorMobileBreakoutPoint;
   }
 });
-Object.defineProperty(exports, "akEditorMobileBreakoutPoint", {
+Object.defineProperty(exports, "akEditorMobileMaxWidth", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorMobileBreakoutPoint;
+    return _consts.akEditorMobileMaxWidth;
   }
 });
 Object.defineProperty(exports, "akEditorPopupBackground", {
@@ -219,22 +255,34 @@ Object.defineProperty(exports, "akEditorPrimaryButton", {
     return _consts.akEditorPrimaryButton;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBorderColor", {
+Object.defineProperty(exports, "akEditorRuleBackground", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBorderColor;
+    return _consts.akEditorRuleBackground;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBorderBoldSize", {
+Object.defineProperty(exports, "akEditorRuleBorderRadius", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBorderBoldSize;
+    return _consts.akEditorRuleBorderRadius;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBorderSize", {
+Object.defineProperty(exports, "akEditorSelectedBgColor", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBorderSize;
+    return _consts.akEditorSelectedBgColor;
+  }
+});
+Object.defineProperty(exports, "akEditorSelectedBlanketColor", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorSelectedBlanketColor;
+  }
+});
+Object.defineProperty(exports, "akEditorSelectedBlanketOpacity", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorSelectedBlanketOpacity;
   }
 });
 Object.defineProperty(exports, "akEditorSelectedBorder", {
@@ -243,40 +291,40 @@ Object.defineProperty(exports, "akEditorSelectedBorder", {
     return _consts.akEditorSelectedBorder;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBoxShadow", {
+Object.defineProperty(exports, "akEditorSelectedBorderBoldSize", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBoxShadow;
+    return _consts.akEditorSelectedBorderBoldSize;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedIconColor", {
+Object.defineProperty(exports, "akEditorSelectedBorderColor", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedIconColor;
+    return _consts.akEditorSelectedBorderColor;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBlanketColor", {
+Object.defineProperty(exports, "akEditorSelectedBorderSize", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBlanketColor;
+    return _consts.akEditorSelectedBorderSize;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBgColor", {
+Object.defineProperty(exports, "akEditorSelectedBoxShadow", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBgColor;
+    return _consts.akEditorSelectedBoxShadow;
   }
 });
-Object.defineProperty(exports, "akEditorSelectedBlanketOpacity", {
+Object.defineProperty(exports, "akEditorSelectedIconColor", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSelectedBlanketOpacity;
+    return _consts.akEditorSelectedIconColor;
   }
 });
-Object.defineProperty(exports, "akEditorSmallZIndex", {
+Object.defineProperty(exports, "akEditorSelectedNodeClassName", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorSmallZIndex;
+    return _consts.akEditorSelectedNodeClassName;
   }
 });
 Object.defineProperty(exports, "akEditorShadowZIndex", {
@@ -285,6 +333,18 @@ Object.defineProperty(exports, "akEditorShadowZIndex", {
     return _consts.akEditorShadowZIndex;
   }
 });
+Object.defineProperty(exports, "akEditorSmallZIndex", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorSmallZIndex;
+  }
+});
+Object.defineProperty(exports, "akEditorStickyHeaderZIndex", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorStickyHeaderZIndex;
+  }
+});
 Object.defineProperty(exports, "akEditorSubtleAccent", {
   enumerable: true,
   get: function get() {
@@ -399,6 +459,12 @@ Object.defineProperty(exports, "akEditorTableToolbarSize", {
     return _consts.akEditorTableToolbarSize;
   }
 });
+Object.defineProperty(exports, "akEditorToolbarKeylineHeight", {
+  enumerable: true,
+  get: function get() {
+    return _consts.akEditorToolbarKeylineHeight;
+  }
+});
 Object.defineProperty(exports, "akEditorUnitZIndex", {
   enumerable: true,
   get: function get() {
@@ -441,82 +507,16 @@ Object.defineProperty(exports, "editorFontSize", {
     return _consts.editorFontSize;
   }
 });
-Object.defineProperty(exports, "gridMediumMaxWidth", {
-  enumerable: true,
-  get: function get() {
-    return _consts.gridMediumMaxWidth;
-  }
-});
 Object.defineProperty(exports, "getAkEditorFullPageMaxWidth", {
   enumerable: true,
   get: function get() {
     return _consts.getAkEditorFullPageMaxWidth;
   }
 });
-Object.defineProperty(exports, "relativeSize", {
-  enumerable: true,
-  get: function get() {
-    return _consts.relativeSize;
-  }
-});
-Object.defineProperty(exports, "relativeFontSizeToBase16", {
-  enumerable: true,
-  get: function get() {
-    return _consts.relativeFontSizeToBase16;
-  }
-});
-Object.defineProperty(exports, "DEFAULT_EMBED_CARD_HEIGHT", {
-  enumerable: true,
-  get: function get() {
-    return _consts.DEFAULT_EMBED_CARD_HEIGHT;
-  }
-});
-Object.defineProperty(exports, "DEFAULT_EMBED_CARD_WIDTH", {
-  enumerable: true,
-  get: function get() {
-    return _consts.DEFAULT_EMBED_CARD_WIDTH;
-  }
-});
-Object.defineProperty(exports, "akEditorLineHeight", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorLineHeight;
-  }
-});
-Object.defineProperty(exports, "akEditorRuleBackground", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorRuleBackground;
-  }
-});
-Object.defineProperty(exports, "akEditorRuleBorderRadius", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorRuleBorderRadius;
-  }
-});
-Object.defineProperty(exports, "akEditorSelectedNodeClassName", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorSelectedNodeClassName;
-  }
-});
-Object.defineProperty(exports, "akEditorToolbarKeylineHeight", {
-  enumerable: true,
-  get: function get() {
-    return _consts.akEditorToolbarKeylineHeight;
-  }
-});
-Object.defineProperty(exports, "VIEWPORT_SIZES", {
-  enumerable: true,
-  get: function get() {
-    return _consts.VIEWPORT_SIZES;
-  }
-});
-Object.defineProperty(exports, "akEditorMobileMaxWidth", {
+Object.defineProperty(exports, "getSelectionStyles", {
   enumerable: true,
   get: function get() {
-    return _consts.akEditorMobileMaxWidth;
+    return _selection.getSelectionStyles;
   }
 });
 Object.defineProperty(exports, "getTableCellBackgroundDarkModeColors", {
@@ -525,34 +525,34 @@ Object.defineProperty(exports, "getTableCellBackgroundDarkModeColors", {
     return _consts.getTableCellBackgroundDarkModeColors;
   }
 });
-Object.defineProperty(exports, "ATLASSIAN_NAVIGATION_HEIGHT", {
+Object.defineProperty(exports, "gridMediumMaxWidth", {
   enumerable: true,
   get: function get() {
-    return _consts.ATLASSIAN_NAVIGATION_HEIGHT;
+    return _consts.gridMediumMaxWidth;
   }
 });
-Object.defineProperty(exports, "SelectionStyle", {
+Object.defineProperty(exports, "hideNativeBrowserTextSelectionStyles", {
   enumerable: true,
   get: function get() {
-    return _selection.SelectionStyle;
+    return _selection.hideNativeBrowserTextSelectionStyles;
   }
 });
-Object.defineProperty(exports, "getSelectionStyles", {
+Object.defineProperty(exports, "overflowShadow", {
   enumerable: true,
   get: function get() {
-    return _selection.getSelectionStyles;
+    return _overflowShadow.overflowShadow;
   }
 });
-Object.defineProperty(exports, "hideNativeBrowserTextSelectionStyles", {
+Object.defineProperty(exports, "relativeFontSizeToBase16", {
   enumerable: true,
   get: function get() {
-    return _selection.hideNativeBrowserTextSelectionStyles;
+    return _consts.relativeFontSizeToBase16;
   }
 });
-Object.defineProperty(exports, "overflowShadow", {
+Object.defineProperty(exports, "relativeSize", {
   enumerable: true,
   get: function get() {
-    return _overflowShadow.overflowShadow;
+    return _consts.relativeSize;
   }
 });
 

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

@@ -9,22 +9,14 @@ exports.overflowShadow = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _styledComponents = require("styled-components");
+var _react = require("@emotion/react");
 
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2.default)(["\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"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject;
 
 var overflowShadow = function overflowShadow(_ref) {
   var background = _ref.background,
       width = _ref.width;
-  return (0, _styledComponents.css)(_templateObject(), background, width, width, width, width);
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n/* shadow cover right */\n  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);
 };
 
 exports.overflowShadow = overflowShadow;

package/dist/cjs/version.json

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

package/dist/es2019/consts/consts.js

@@ -21,6 +21,7 @@ export const akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; /
 
 export const akEditorDeleteBorder = R300;
 export const akEditorDeleteIconColor = R400;
+export const akEditorCustomIconSize = 20;
 export const akEditorSelectedBorderColor = B300;
 export const akEditorSelectedBgColor = B50;
 export const akEditorSelectedBlanketColor = B75;

package/dist/es2019/consts/index.js

@@ -1 +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, 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 { 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/es2019/consts/types.js

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

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

@@ -1,13 +1,14 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 export const overflowShadow = ({
   background,
   width
 }) => css`
-/* shadow cover right */ linear-gradient(
-  to left,
-  ${background} ${width},
-  transparent ${width}
-),
+/* shadow cover right */
+  linear-gradient(
+    to left,
+    ${background} ${width},
+    transparent ${width}
+  ),
 /* overflow shadow right */
   linear-gradient(
     to left,

package/dist/es2019/version.json

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

package/dist/esm/consts/consts.js

@@ -22,6 +22,7 @@ export var akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; //
 
 export var akEditorDeleteBorder = R300;
 export var akEditorDeleteIconColor = R400;
+export var akEditorCustomIconSize = 20;
 export var akEditorSelectedBorderColor = B300;
 export var akEditorSelectedBgColor = B50;
 export var akEditorSelectedBlanketColor = B75;

package/dist/esm/consts/index.js

@@ -1 +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, 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 { 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/overflow-shadow/overflow-shadow.js

@@ -1,18 +1,10 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-function _templateObject() {
-  var data = _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"]);
+var _templateObject;
 
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 export var overflowShadow = function overflowShadow(_ref) {
   var background = _ref.background,
       width = _ref.width;
-  return css(_templateObject(), background, width, width, width, width);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* shadow cover right */\n  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/version.json

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

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

@@ -19,6 +19,7 @@ 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";

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

@@ -1,2 +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, 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 { 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/overflow-shadow/overflow-shadow.d.ts

@@ -1,5 +1,4 @@
-import { ThemedValue } from '@atlaskit/theme/types';
 export declare const overflowShadow: ({ background, width, }: {
-    background: ThemedValue<string> | string;
+    background: 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>>[];
+}) => import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-shared-styles",
-  "version": "1.5.0",
+  "version": "2.0.1",
   "description": "Style values used in the editor/renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -25,13 +25,14 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/theme": "^11.1.0",
+    "@atlaskit/theme": "^12.1.0",
     "@babel/runtime": "^7.0.0",
-    "styled-components": "^3.2.6"
+    "@emotion/react": "^11.7.1"
   },
   "peerDependencies": {},
   "devDependencies": {
-    "typescript": "3.9.6"
+    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "typescript": "4.2.4"
   },
   "techstack": {
     "@atlassian/frontend": {
@@ -39,6 +40,10 @@
         "file-level"
       ],
       "import-structure": "atlassian-conventions"
+    },
+    "@repo/internal": {
+      "deprecation": "no-deprecated-imports"
     }
-  }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }

package/src/consts/consts.ts

@@ -49,6 +49,7 @@ export const akEditorDeleteBackgroundShaded = R50;
 export const akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
 export const akEditorDeleteBorder = R300;
 export const akEditorDeleteIconColor = R400;
+export const akEditorCustomIconSize = 20;
 export const akEditorSelectedBorderColor = B300;
 export const akEditorSelectedBgColor = B50;
 export const akEditorSelectedBlanketColor = B75;

package/src/consts/index.ts

@@ -42,6 +42,7 @@ export {
   akEditorSelectedBorder,
   akEditorSelectedBoxShadow,
   akEditorSelectedIconColor,
+  akEditorCustomIconSize,
   akEditorSelectedBlanketColor,
   akEditorSelectedBgColor,
   akEditorSelectedBlanketOpacity,

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

@@ -1,19 +1,18 @@
-import { css } from 'styled-components';
-
-import { ThemedValue } from '@atlaskit/theme/types';
+import { css } from '@emotion/react';
 
 export const overflowShadow = ({
   background,
   width,
 }: {
-  background: ThemedValue<string> | string;
+  background: string;
   width: string;
 }) => css`
-/* shadow cover right */ linear-gradient(
-  to left,
-  ${background} ${width},
-  transparent ${width}
-),
+/* shadow cover right */
+  linear-gradient(
+    to left,
+    ${background} ${width},
+    transparent ${width}
+  ),
 /* overflow shadow right */
   linear-gradient(
     to left,

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

@@ -27,10 +27,10 @@ describe('selection plugin: utils', () => {
 
     it('combines multiple styles', () => {
       const allStyles = selectionStyles.map(
-        selectionStyle => selectionStyle.style,
+        (selectionStyle) => selectionStyle.style,
       );
       const allRegex = selectionStyles.map(
-        selectionStyle => selectionStyle.regex,
+        (selectionStyle) => selectionStyle.regex,
       );
 
       const css = getSelectionStyles(allStyles);

package/src/selection/utils.ts

@@ -22,7 +22,7 @@ export const getSelectionStyles = (
   selectionStyles: Array<SelectionStyle>,
 ): string =>
   selectionStyles
-    .map(selectionStyle => getSelectionStyle(selectionStyle))
+    .map((selectionStyle) => getSelectionStyle(selectionStyle))
     .concat(hideNativeBrowserTextSelectionStyles)
     .join('\n');
 

package/dist/cjs/consts/consts.test.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _consts = require("./consts");
-
-describe('consts', function () {
-  describe('relativeFontSizeToBase16', function () {
-    it('relativeFontSizeToBase16 should return 1rem with a base font size of 16px', function () {
-      expect((0, _consts.relativeFontSizeToBase16)(16)).toBe('1rem');
-    });
-    it('relativeFontSizeToBase16 should return 0.875rem with a base font size of 14px', function () {
-      expect((0, _consts.relativeFontSizeToBase16)(14)).toBe('0.875rem');
-    });
-    it('relativeFontSizeToBase16 should return 0.875rem with a base font size (string) of 14px', function () {
-      expect((0, _consts.relativeFontSizeToBase16)('14')).toBe('0.875rem');
-    });
-    it('relativeFontSizeToBase16 should return 0.875rem with a base font size (string) of 14px', function () {
-      expect((0, _consts.relativeFontSizeToBase16)('14px')).toBe('0.875rem');
-    });
-    it('relativeFontSizeToBase16 should throw an error for invalid string', function () {
-      expect(function () {
-        return (0, _consts.relativeFontSizeToBase16)('px');
-      }).toThrowError();
-    });
-  });
-});

package/dist/es2019/consts/consts.test.js

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

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

@@ -1,22 +0,0 @@
-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/types/consts/consts.test.d.ts

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