@atlaskit/editor-common 78.11.5 → 78.11.7

package/dist/types-ts4.5/quick-insert/assets/index.d.ts

@@ -3,31 +3,31 @@ import Loadable from 'react-loadable';
 import type { HeadingLevels, IconProps } from '../../types';
 export { default as IconCustomPanel } from './custom-panel';
 export { default as IconFallback } from './fallback';
-export declare const IconAction: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconCode: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconDate: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconDecision: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconDivider: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconEmoji: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconImages: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconLayout: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconLink: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconListNumber: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconList: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconMention: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconPanelError: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconPanelNote: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconPanelSuccess: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconPanelWarning: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconPanel: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconQuote: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconStatus: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconAction: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconCode: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconDate: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconDecision: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconDivider: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconEmoji: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconImages: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconLayout: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconLink: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconListNumber: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconList: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconMention: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconPanelError: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconPanelNote: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconPanelSuccess: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconPanelWarning: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconPanel: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconQuote: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconStatus: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
 type HeadingProps = IconProps & {
     level: HeadingLevels;
 };
 export declare const IconHeading: ({ level, ...props }: HeadingProps) => JSX.Element;
-export declare const IconFeedback: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconExpand: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconDatasourceJiraIssue: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconDatasourceAssetsObjects: React.ComponentType<IconProps> & Loadable.LoadableComponent;
-export declare const IconLoom: React.ComponentType<IconProps> & Loadable.LoadableComponent;
+export declare const IconFeedback: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconExpand: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconDatasourceJiraIssue: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconDatasourceAssetsObjects: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconLoom: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;

package/dist/types-ts4.5/react-node-view/getInlineNodeViewProducer.d.ts

@@ -8,7 +8,7 @@ export type InlineNodeViewComponentProps = {
     getPos: () => GetPosReturn;
     node: PMNode;
 };
-type InlineNodeViewComponent<ExtraComponentProps> = React.ComponentType<InlineNodeViewComponentProps & ExtraComponentProps>;
+type InlineNodeViewComponent<ExtraComponentProps> = React.ComponentType<React.PropsWithChildren<InlineNodeViewComponentProps & ExtraComponentProps>>;
 export declare const inlineNodeViewClassname = "inlineNodeView";
 type NodeViewProducer = (node: PMNode, view: EditorView, getPos: () => GetPosReturn, decorations: readonly Decoration[]) => NodeView;
 type GetPosReturn = number | undefined;

package/dist/types-ts4.5/react-node-view/index.d.ts

@@ -22,7 +22,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     getPos: getPosHandler;
     contentDOM: HTMLElement | null | undefined;
     node: PMNode;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<any>, hasAnalyticsContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, hasAnalyticsContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
     /**
      * This method exists to move initialization logic out of the constructor,
      * so object can be initialized properly before calling render first time.
@@ -52,5 +52,5 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     get dom(): HTMLElement;
     destroy(): void;
     private dispatchAnalyticsEvent;
-    static fromComponent(component: React.ComponentType<any>, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, props?: ReactComponentProps, viewShouldUpdate?: (nextNode: PMNode) => boolean, hasIntlContext?: boolean): (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<ReactComponentProps>;
+    static fromComponent(component: React.ComponentType<React.PropsWithChildren<any>>, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, props?: ReactComponentProps, viewShouldUpdate?: (nextNode: PMNode) => boolean, hasIntlContext?: boolean): (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<ReactComponentProps>;
 }

package/dist/types-ts4.5/selection-based-node-view/SelectionBasedNodeView.d.ts

@@ -31,7 +31,7 @@ export declare class SelectionBasedNodeView<P = ReactComponentProps> extends Rea
     protected isSelectedNode: boolean;
     pos: number | undefined;
     posEnd: number | undefined;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<any>, hasContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, hasContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
     /**
      * Update current node's start and end positions.
      *

package/dist/types-ts4.5/types/annotation/index.d.ts

@@ -74,8 +74,8 @@ interface AnnotationTypeProvider<Type> {
     allowDraftMode?: boolean;
 }
 export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationTypes.INLINE_COMMENT> & {
-    selectionComponent?: React.ComponentType<InlineCommentSelectionComponentProps>;
-    viewComponent?: React.ComponentType<InlineCommentViewComponentProps>;
+    selectionComponent?: React.ComponentType<React.PropsWithChildren<InlineCommentSelectionComponentProps>>;
+    viewComponent?: React.ComponentType<React.PropsWithChildren<InlineCommentViewComponentProps>>;
 };
 export type AnnotationProviders = {
     inlineComment: InlineCommentAnnotationProvider;

package/dist/types-ts4.5/types/floating-toolbar.d.ts

@@ -45,9 +45,9 @@ export interface SelectOption<T extends {} = {}> {
     data?: T;
 }
 export type ButtonAppearance = 'subtle' | 'danger';
-export type Icon = React.ComponentType<{
+export type Icon = React.ComponentType<React.PropsWithChildren<{
     label: string;
-}>;
+}>>;
 export type RenderOptionsProps = RenderOptionsPropsT<Command>;
 export type AlignType = 'left' | 'center' | 'right';
 interface Position {
@@ -145,7 +145,7 @@ export type FloatingToolbarCustom<T extends {}> = {
      */
     disableArrowNavigation?: boolean;
     fallback: Array<FloatingToolbarFallbackItem<T>>;
-    render: (view?: EditorView, idx?: number, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => React.ComponentClass | React.FC | React.ReactElement<any> | null;
+    render: (view?: EditorView, idx?: number, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => React.ComponentType<React.PropsWithChildren<unknown>> | React.ReactElement<any> | null;
     hidden?: boolean;
 };
 type FloatingToolbarSelectBase<T extends {}, V = SelectOption> = {

package/dist/types-ts4.5/ui/Announcer/announcer.d.ts

@@ -19,5 +19,5 @@ type AnnouncerProps = {
      *  It can be useful for cases when the parent component re-renders with the same announcer's text. */
     delay?: number;
 };
-declare const _default: React.NamedExoticComponent<AnnouncerProps>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AnnouncerProps>, "text" | "ariaLive" | "ariaAtomic" | "role" | "children" | "delay" | "ariaRelevant"> & React.RefAttributes<HTMLDivElement>>>;
 export default _default;

package/dist/types-ts4.5/ui/DropList/index.d.ts

@@ -1,10 +1,9 @@
 /** @jsx jsx */
 import type { ReactNode } from 'react';
-import { Component } from 'react';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 interface Props extends WithAnalyticsEventsProps {
     isOpen?: boolean;
-    trigger?: typeof Component;
+    trigger?: React.ReactNode;
     position: string;
     onOpenChange?: (event: OpenChangedEvent) => void;
     onPositioned?: () => void;

package/dist/types-ts4.5/ui/ErrorBoundary/index.d.ts

@@ -9,6 +9,7 @@ interface ErrorBoundaryProps {
     componentId?: ErrorCrashPayload['actionSubjectId'];
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     fallbackComponent?: React.ReactNode;
+    children?: React.ReactNode;
 }
 interface ErrorBoundaryState {
     errorCaptured: boolean;

package/dist/types-ts4.5/ui/IntlErrorBoundary/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 interface ErrorBoundaryProps {
+    children?: React.ReactNode;
 }
 interface ErrorBoundaryState {
     missingIntlProviderInAncestry: boolean;

package/dist/types-ts4.5/ui/Layer/index.d.ts

@@ -1,10 +1,11 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import { Data } from 'popper.js';
 export type Props = {
     content: ReactNode | null;
     offset: string;
     position: string;
     onPositioned: () => void;
+    children?: React.ReactNode;
 };
 export type State = {
     hasExtractedStyles: boolean;

package/dist/types-ts4.5/ui/MediaSingle/styled.d.ts

@@ -62,5 +62,5 @@ export declare const MediaWrapper: {
 type MediaBorderGapFillerProps = {
     borderColor: string;
 };
-export declare const MediaBorderGapFiller: React.FC<MediaBorderGapFillerProps>;
+export declare const MediaBorderGapFiller: ({ borderColor, }: MediaBorderGapFillerProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/OverflowShadow/index.d.ts

@@ -16,7 +16,7 @@ export interface OverflowShadowOptions {
     overflowSelector: string;
     useShadowObserver?: boolean;
 }
-export default function overflowShadow<P>(Component: React.ComponentType<P & OverflowShadowProps> | React.FunctionComponent<P & OverflowShadowProps>, options: OverflowShadowOptions): {
+export default function overflowShadow<P>(Component: React.ComponentType<React.PropsWithChildren<P & OverflowShadowProps>>, options: OverflowShadowOptions): {
     new (props: P | Readonly<P>): {
         overflowContainer?: HTMLElement | null | undefined;
         container?: HTMLElement | undefined;

package/dist/types-ts4.5/ui/Popup/index.d.ts

@@ -29,6 +29,7 @@ export interface Props {
     focusTrap?: boolean;
     preventOverflow?: boolean;
     absoluteOffset?: Position;
+    children?: React.ReactNode;
 }
 export interface State {
     popup?: HTMLElement;

package/dist/types-ts4.5/ui/with-outer-listeners.d.ts

@@ -1,8 +1,9 @@
-import type { ComponentClass, FunctionComponent } from 'react';
+import type { ComponentClass } from 'react';
+import React from 'react';
 type SimpleEventHandler<T> = (event: T) => void;
 export interface WithOutsideClickProps {
     handleClickOutside?: SimpleEventHandler<MouseEvent>;
     handleEscapeKeydown?: SimpleEventHandler<KeyboardEvent>;
 }
-export default function withOuterListeners<P>(Component: ComponentClass<P> | FunctionComponent<P>): ComponentClass<P & WithOutsideClickProps>;
+export default function withOuterListeners<P>(Component: React.ComponentType<React.PropsWithChildren<P>>): ComponentClass<P & WithOutsideClickProps>;
 export {};

package/dist/types-ts4.5/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.d.ts

@@ -4,4 +4,4 @@ import { ColorPaletteArrowKeyNavigationProps } from '../types';
  * This component is a wrapper for color picker which listens to keydown events of children
  * and handles arrow key navigation
  */
-export declare const ColorPaletteArrowKeyNavigationProvider: React.FC<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>;
+export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;

package/dist/types-ts4.5/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.d.ts

@@ -4,4 +4,4 @@ import type { MenuArrowKeyNavigationProviderProps } from '../types';
  * This component is a wrapper of vertical menus which listens to keydown events of children
  * and handles up/down arrow key navigation
  */
-export declare const MenuArrowKeyNavigationProvider: React.FC<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>;
+export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;

package/dist/types-ts4.5/ui-menu/ArrowKeyNavigationProvider/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { ArrowKeyNavigationProviderProps } from './types';
-export declare const ArrowKeyNavigationProvider: React.FC<ArrowKeyNavigationProviderProps>;
+export declare const ArrowKeyNavigationProvider: (props: React.PropsWithChildren<ArrowKeyNavigationProviderProps>) => JSX.Element;

package/dist/types-ts4.5/ui-menu/ColorPickerButton/index.d.ts

@@ -27,5 +27,5 @@ type Props = WithAnalyticsEventsProps & {
     skipFocusButtonAfterPick?: boolean;
     absoluteOffset?: PopupPosition;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "cols" | "isAriaExpanded" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "onChange" | "title" | "key" | "size" | "placement" | "alignX" | "absoluteOffset" | "currentColor" | "analyticsContext" | "cols" | "isAriaExpanded" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/ui-menu/Dropdown/index.d.ts

@@ -40,5 +40,5 @@ export declare class Dropdown extends PureComponent<Props, State> {
     render(): JSX.Element;
 }
 export type DropdownPropsWithOutsideClickProps = Props & WithOutsideClickProps;
-declare const DropdownWithOuterListeners: React.ComponentType<DropdownPropsWithOutsideClickProps>;
+declare const DropdownWithOuterListeners: React.ComponentType<React.PropsWithChildren<DropdownPropsWithOutsideClickProps>>;
 export default DropdownWithOuterListeners;

package/dist/types-ts4.5/ui-menu/DropdownMenu/index.d.ts

@@ -22,4 +22,4 @@ export default class DropdownMenuWrapper extends PureComponent<Props, State> {
 export declare function DropdownMenuItem({ item, onItemActivated, shouldUseDefaultRole, onMouseEnter, onMouseLeave, }: {
     item: MenuItem;
 } & Pick<Props, 'onItemActivated' | 'shouldUseDefaultRole' | 'onMouseEnter' | 'onMouseLeave'>): jsx.JSX.Element;
-export declare const DropdownMenuWithKeyboardNavigation: React.FC<any>;
+export declare const DropdownMenuWithKeyboardNavigation: React.MemoExoticComponent<({ ...props }: React.PropsWithChildren<any>) => jsx.JSX.Element>;

package/dist/types-ts4.5/ui-menu/DropdownMenu/types.d.ts

@@ -29,6 +29,7 @@ export interface Props {
     shouldFocusFirstItem?: () => boolean;
     arrowKeyNavigationProviderOptions: ArrowKeyNavigationProviderOptions;
     section?: SectionOptions;
+    children?: React.ReactNode;
 }
 export interface MenuItem {
     key?: string;

package/dist/types-ts4.5/ui-react/with-react-editor-view-outer-listeners.d.ts

@@ -1,4 +1,3 @@
-import type { ComponentClass, FunctionComponent } from 'react';
 import React from 'react';
 type SimpleEventHandler<T> = (event: T) => void;
 export interface WithOutsideClickProps {
@@ -8,5 +7,5 @@ export interface WithOutsideClickProps {
     targetRef?: any;
     closeOnTab?: boolean;
 }
-export default function withReactEditorViewOuterListeners<P extends {}>(Component: ComponentClass<P> | FunctionComponent<P>): React.FC<P & WithOutsideClickProps>;
+export default function withReactEditorViewOuterListeners<P extends {}>(Component: React.ComponentType<React.PropsWithChildren<P>>): React.ComponentType<React.PropsWithChildren<P & WithOutsideClickProps>>;
 export {};

package/dist/types-ts4.5/utils/imageLoader.d.ts

@@ -11,4 +11,4 @@ export interface ImageLoaderState {
     imageStatus: ImageStatus;
 }
 export type ImageStatus = 'complete' | 'loading' | 'error';
-export declare const withImageLoader: <P extends {}>(Wrapped: React.ComponentType<P & ImageLoaderProps>) => React.ComponentClass<P & ImageLoaderProps, any>;
+export declare const withImageLoader: <P extends {}>(Wrapped: React.ComponentType<React.PropsWithChildren<P & ImageLoaderProps>>) => React.ComponentClass<P & ImageLoaderProps, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "78.11.5",
+  "version": "78.11.7",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
     "inPublicMirror": true,
     "singleton": true,
     "releaseModel": "continuous",
-    "runReact18": false
+    "runReact18": true
   },
   "af:exports": {
     "./event-dispatcher": "./src/event-dispatcher/index.ts",
@@ -129,14 +129,14 @@
     "@atlaskit/primitives": "^4.0.0",
     "@atlaskit/profilecard": "^19.11.0",
     "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/smart-card": "^26.48.0",
+    "@atlaskit/smart-card": "^26.49.0",
     "@atlaskit/smart-user-picker": "^6.9.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/tag": "^12.0.0",
     "@atlaskit/task-decision": "^17.9.0",
-    "@atlaskit/textfield": "^6.0.0",
+    "@atlaskit/textfield": "^6.1.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.39.0",
+    "@atlaskit/tokens": "^1.41.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",