@atlaskit/editor-core 187.22.1 → 187.23.1

package/dist/esm/plugins/type-ahead/ui/TypeAheadListItem.js

@@ -3,7 +3,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 /** @jsx jsx */
 import React, { useCallback, useMemo, useLayoutEffect } from 'react';
 import { css, jsx } from '@emotion/react';
-import { DN600, N200, N800, N30, B100 } from '@atlaskit/theme/colors';
+import { DN600, N200, N800, N30, B400 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { ButtonItem } from '@atlaskit/menu';
@@ -25,7 +25,7 @@ var itemText = function itemText(theme) {
   })(theme), relativeFontSizeToBase16(12), "var(--ds-text-subtlest, ".concat(N200, ")"));
 };
 var itemAfter = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  flex: 0 0 auto;\n"])));
-var customRenderItemDivStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  &:hover {\n    background-color: ", ";\n  }\n  &:focus {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n    outline: none;\n  }\n"])), "var(--ds-background-selected, ".concat(N30, ")"), "var(--ds-border-focused, ".concat(B100, ")"));
+var customRenderItemDivStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  &:focus {\n    box-shadow: inset 2px 0px 0px ", ";\n    background-color: ", ";\n    outline: none;\n  }\n"])), "var(--ds-border-focused, ".concat(B400, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"));
 
 /**
  * This CSS emulates the desired behaviour with :focus-visible for firefox.
@@ -34,14 +34,19 @@ var customRenderItemDivStyle = css(_templateObject5 || (_templateObject5 = _tagg
  */
 var selectionFrame = {
   '& > button:focus': {
-    boxShadow: "inset 0px 0px 0px 2px ".concat("var(--ds-border-focused, ".concat(B100, ")")),
+    boxShadow: "inset 2px 0px 0px ".concat("var(--ds-border-focused, ".concat(B400, ")"), ";"),
+    backgroundColor: "".concat("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")")),
     outline: 'none',
     '&:active': {
       boxShadow: 'none'
     }
+  },
+  '& > button:hover': {
+    backgroundColor: 'inherit',
+    outline: 'none'
   }
 };
-var selectedStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), "var(--ds-background-selected, ".concat(N30, ")"));
+var selectedStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  box-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"), "var(--ds-border-focused, ".concat(B400, ")"));
 var FallbackIcon = /*#__PURE__*/React.memo(function (_ref) {
   var label = _ref.label;
   return jsx(IconFallback, null);
@@ -127,8 +132,9 @@ export var TypeAheadListItem = function TypeAheadListItem(_ref3) {
   if (customItem) {
     return customItem;
   }
+  var listItemClasses = [selectionFrame, isSelected && selectedStyle];
   return jsx("span", {
-    css: selectionFrame
+    css: listItemClasses
   }, jsx(ButtonItem, {
     onClick: insertSelectedItem,
     iconBefore: elementIcon,
@@ -137,7 +143,8 @@ export var TypeAheadListItem = function TypeAheadListItem(_ref3) {
     "aria-label": title,
     "aria-setsize": itemsLength,
     role: "option",
-    ref: buttonItemRef
+    ref: buttonItemRef,
+    css: listItemClasses
   }, jsx("div", {
     "aria-hidden": true
   }, jsx("div", {

package/dist/esm/plugins/undo-redo/pm-plugins/keymaps.js

@@ -1,9 +1,8 @@
-import * as keymaps from '../../../keymaps';
-import { keymap } from '@atlaskit/editor-common/keymaps';
+import { undo, redo, keymap, bindKeymapWithCommand, findKeyMapForBrowser } from '@atlaskit/editor-common/keymaps';
 import { redoFromKeyboard, undoFromKeyboard } from '../commands';
 export function keymapPlugin() {
   var list = {};
-  keymaps.bindKeymapWithCommand(keymaps.findKeyMapForBrowser(keymaps.redo), redoFromKeyboard, list);
-  keymaps.bindKeymapWithCommand(keymaps.undo.common, undoFromKeyboard, list);
+  bindKeymapWithCommand(findKeyMapForBrowser(redo), redoFromKeyboard, list);
+  bindKeymapWithCommand(undo.common, undoFromKeyboard, list);
   return keymap(list);
 }

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.22.1";
+export var version = "187.23.1";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "187.22.1",
+	"version": "187.23.1",
 	"sideEffects": false
 }

package/dist/types/plugins/help-dialog/ui/index.d.ts

@@ -4,7 +4,7 @@ import { jsx } from '@emotion/react';
 import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import * as keymaps from '../../../keymaps';
+import type { Keymap } from '@atlaskit/editor-common/keymaps';
 export interface Format {
     name: string;
     type: string;
@@ -14,7 +14,7 @@ export interface Format {
 }
 export declare const formatting: (intl: IntlShape) => Format[];
 export declare const getSupportedFormatting: (schema: Schema, intl: IntlShape, imageEnabled?: boolean, quickInsertEnabled?: boolean) => Format[];
-export declare const getComponentFromKeymap: (keymap: keymaps.Keymap) => jsx.JSX.Element;
+export declare const getComponentFromKeymap: (keymap: Keymap) => jsx.JSX.Element;
 export interface Props {
     editorView: EditorView;
     isVisible: boolean;

package/dist/types/plugins/list/pm-plugins/keymap.d.ts

@@ -1,5 +1,5 @@
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { FeatureFlags } from '@atlaskit/editor-common/types';
 export declare function keymapPlugin(featureFlags: FeatureFlags, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): SafePlugin | undefined;
 export default keymapPlugin;

package/dist/types-ts4.5/plugins/help-dialog/ui/index.d.ts

@@ -4,7 +4,7 @@ import { jsx } from '@emotion/react';
 import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import * as keymaps from '../../../keymaps';
+import type { Keymap } from '@atlaskit/editor-common/keymaps';
 export interface Format {
     name: string;
     type: string;
@@ -14,7 +14,7 @@ export interface Format {
 }
 export declare const formatting: (intl: IntlShape) => Format[];
 export declare const getSupportedFormatting: (schema: Schema, intl: IntlShape, imageEnabled?: boolean, quickInsertEnabled?: boolean) => Format[];
-export declare const getComponentFromKeymap: (keymap: keymaps.Keymap) => jsx.JSX.Element;
+export declare const getComponentFromKeymap: (keymap: Keymap) => jsx.JSX.Element;
 export interface Props {
     editorView: EditorView;
     isVisible: boolean;

package/dist/types-ts4.5/plugins/list/pm-plugins/keymap.d.ts

@@ -1,5 +1,5 @@
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { FeatureFlags } from '@atlaskit/editor-common/types';
 export declare function keymapPlugin(featureFlags: FeatureFlags, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): SafePlugin | undefined;
 export default keymapPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.22.1",
+  "version": "187.23.1",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"