@itwin/core-react 4.0.0-dev.9 → 4.0.0

package/lib/esm/core-react/colorthemes.scss

@@ -1,90 +1,61 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/style/theme";
-
-// cspell:ignore colorvariables
-
-/** @note: This file should only be imported by UiCore.ts.
- *  It should NOT be imported by any *.scss or other ui-core files.
- */
-
-@mixin light-theme {
-  --buic-button-gradient1: rgba(
-    var(--iui-color-foreground-body-invert-rgb),
-    0.65
-  );
-  --buic-button-gradient2: rgba(var(--iui-color-foreground-body-invert-rgb), 0);
-
-  // TODO create new values just for them
-  --buic-background-editable: #{mix(
-      $iui-color-background-1--light,
-      $iui-color-background-primary--light,
-      70%
-    )};
-  --buic-row-selection: #{mix(
-      $iui-color-background-1--light,
-      $iui-color-background-primary--light,
-      80%
-    )};
-  --buic-row-hover: #{mix(
-      $iui-color-background-1--light,
-      $iui-color-background-primary--light,
-      90%
-    )};
-}
-
-@mixin dark-theme {
-  --buic-button-gradient1: rgba(var(--iui-color-foreground-body-invert-rgb), 0);
-  --buic-button-gradient2: rgba(
-    var(--iui-color-foreground-body-invert-rgb),
-    0.25
-  );
-
-  // TODO create new values just for them
-  --buic-background-editable: #{mix(
-      $iui-color-background-1--dark,
-      $iui-color-background-primary--dark,
-      70%
-    )};
-  --buic-row-selection: #{mix(
-      $iui-color-background-1--dark,
-      $iui-color-background-primary--dark,
-      80%
-    )};
-  --buic-row-hover: #{mix(
-      $iui-color-background-1--dark,
-      $iui-color-background-primary--dark,
-      90%
-    )};
-}
-
-html,
-html[data-theme="light"] {
-  @include light-theme;
-}
-
-html[data-theme="dark"] {
-  @include dark-theme;
-}
-
-@media (prefers-color-scheme: light) {
-  html[data-theme="SYSTEM_PREFERRED"] {
-    @include light-theme;
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  html[data-theme="SYSTEM_PREFERRED"] {
-    @include dark-theme;
-  }
-}
-
-html.theme-transition,
-html.theme-transition *,
-html.theme-transition *:before,
-html.theme-transition *:after {
-  transition: all 100ms !important;
-  transition-delay: 0 !important;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+// cspell:ignore colorvariables
+
+/** @note: This file should only be imported by UiCore.ts.
+ *  It should NOT be imported by any *.scss or other ui-core files.
+ */
+
+$background: var(--iui-color-background);
+$accent: var(--iui-color-background-accent);
+
+@mixin light-theme {
+  --buic-button-gradient1: rgba(
+    var(--iui-color-foreground-body-invert-rgb),
+    0.65
+  );
+  --buic-button-gradient2: rgba(var(--iui-color-foreground-body-invert-rgb), 0);
+
+  --buic-background-editable: var(--iui-color-background);
+}
+
+@mixin dark-theme {
+  --buic-button-gradient1: rgba(var(--iui-color-foreground-body-invert-rgb), 0);
+  --buic-button-gradient2: rgba(
+    var(--iui-color-foreground-body-invert-rgb),
+    0.25
+  );
+
+  --buic-background-editable: var(--iui-color-background);
+}
+
+html,
+html[data-theme="light"] {
+  @include light-theme;
+}
+
+html[data-theme="dark"] {
+  @include dark-theme;
+}
+
+@media (prefers-color-scheme: light) {
+  html[data-theme="SYSTEM_PREFERRED"] {
+    @include light-theme;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  html[data-theme="SYSTEM_PREFERRED"] {
+    @include dark-theme;
+  }
+}
+
+html.theme-transition,
+html.theme-transition *,
+html.theme-transition *:before,
+html.theme-transition *:after {
+  transition: all 100ms !important;
+  transition-delay: 0 !important;
+}

package/lib/esm/core-react/colorvariables.scss

@@ -1,154 +1,131 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/style/theme";
-@import "~@itwin/itwinui-variables/index";
-
-// cspell:ignore mediumgray titlebar toolbutton outoffocus
-
-/** @note: This file should only be imported by UiCore.ts.
- *  It should NOT be imported by any *.scss or other ui-core files.
- */
-
-:root {
-  // NEEDSWORK - Need to deprecate these accessory colors
-  --buic-accessory-hollow: rgb(255, 255, 255);
-  --buic-accessory-primary: rgb(000, 139, 225);
-  --buic-accessory-success: rgb(083, 162, 026);
-  --buic-accessory-alert: rgb(211, 010, 010);
-  --buic-accessory-warning: rgb(241, 139, 018);
-  --buic-accessory-primary-tint: rgb(165, 215, 245);
-  --buic-accessory-success-tint: rgb(195, 225, 175);
-  --buic-accessory-alert-tint: rgb(239, 169, 169);
-  --buic-accessory-warning-tint: rgb(249, 215, 171);
-
-  --buic-background-1-rgb: var(--iui-color-background-1-rgb);
-  --buic-background-2-rgb: var(--iui-color-background-2-rgb);
-  --buic-background-3-rgb: var(--iui-color-background-3-rgb);
-  --buic-background-4-rgb: var(--iui-color-background-4-rgb);
-  --buic-background-5-rgb: var(--iui-color-background-5-rgb);
-
-  --buic-background-1: var(--iui-color-background-1);
-  --buic-background-2: var(--iui-color-background-2);
-  --buic-background-3: var(--iui-color-background-3);
-  --buic-background-4: var(--iui-color-background-4);
-  --buic-background-5: var(--iui-color-background-5);
-  --buic-background-primary: var(--iui-color-background-primary);
-  --buic-background-tooltip: rgba(var(--iui-color-background-5-rgb), 0.9);
-  --buic-background-scrollbar: rgba(
-    var(--iui-color-foreground-body-rgb),
-    var(--iui-opacity-4)
-  );
-  --buic-background-scrollbar-hover: rgba(
-    var(--iui-color-foreground-body-rgb),
-    var(--iui-opacity-3)
-  );
-
-  --buic-foreground-body-rgb: var(--iui-text-color-rgb);
-  --buic-foreground-body: var(--iui-text-color);
-  --buic-foreground-body-reverse-rgb: var(
-    --iui-color-foreground-body-invert-rgb
-  );
-  --buic-foreground-body-reverse: rgba(
-    var(--iui-color-foreground-body-invert-rgb),
-    var(--iui-opacity-2)
-  );
-  --buic-foreground-muted: var(--iui-text-color-muted);
-  --buic-foreground-disabled: var(--iui-text-color-placeholder);
-  --buic-foreground-activehover: var(--iui-icons-color-actionable-hover);
-
-  --buic-inputs-border: rgba(
-    var(--iui-color-foreground-body-rgb),
-    var(--iui-opacity-4)
-  );
-  --buic-inputs-boxshadow: var(--iui-focus-box-shadow);
-  --buic-popup-boxshadow: var(--buic-inputs-boxshadow);
-
-  --buic-foreground-primary: var(--iui-icons-color-primary);
-  --buic-foreground-primary-tone: var(--iui-color-foreground-primary-overlay);
-  --buic-foreground-focus: var(--iui-color-foreground-primary-overlay);
-  --buic-foreground-focus-border: var(--buic-inputs-border);
-  --buic-focus-boxshadow: rgba(
-    var(--iui-color-foreground-primary-rgb),
-    var(--iui-opacity-4)
-  );
-
-  // The following two are still in use by DatePicker and there is no itwinui equivalent
-  --buic-focus-boxshadow-gradient1: rgba(
-    var(--buic-foreground-primary-tone-rgb),
-    0
-  );
-  --buic-focus-boxshadow-gradient2: rgba(
-    var(--buic-foreground-primary-rgb),
-    0.65
-  );
-
-  --buic-foreground-accessory: var(--iui-color-foreground-accessory);
-  --buic-foreground-success: var(--iui-color-foreground-positive);
-  --buic-foreground-positive: var(--iui-color-foreground-positive);
-  --buic-foreground-positive-rgb: var(--iui-color-foreground-positive-rgb);
-  --buic-foreground-alert: var(--iui-color-foreground-negative);
-  --buic-foreground-negative: var(--iui-color-foreground-negative);
-  --buic-foreground-negative-rgb: var(--iui-color-foreground-negative-rgb);
-  --buic-foreground-warning: var(--iui-color-foreground-warning);
-  --buic-foreground-warning-rgb: var(--iui-color-foreground-warning-rgb);
-
-  --buic-background-focus-overlay: rgba(
-    var(--iui-color-foreground-primary-rgb),
-    var(--iui-opacity-6)
-  );
-  --buic-background-hover-overlay: rgba(
-    var(--iui-color-foreground-primary-rgb),
-    var(--iui-opacity-5)
-  );
-  --buic-background-active-overlay: rgba(
-    var(--iui-color-foreground-primary-rgb),
-    var(--iui-opacity-5)
-  );
-  --buic-background-pressed-overlay: rgba(
-    var(--iui-color-foreground-primary-rgb),
-    0.3
-  );
-
-  --buic-background-card: var(--buic-background-tooltip);
-  --buic-background-striped_row: rgba(
-    var(--iui-color-foreground-body-rgb),
-    0.03
-  );
-
-  /** background.5 */
-  --buic-background-titlebar: var(--buic-background-5);
-  --buic-background-dialog-stroke: var(--buic-background-5);
-  --buic-background-widget-stroke: var(--buic-background-5);
-  --buic-background-control-stroke: var(--buic-background-5);
-  --buic-background-panel-stroke: var(--buic-background-5);
-  --buic-background-toolbutton-stroke: var(--buic-background-5);
-
-  /** background.4 */
-  --buic-background-titlebar-outoffocus: var(--buic-background-4);
-  --buic-background-divider: var(--buic-background-4);
-  --buic-background-widget-element-stroke: var(--buic-background-4);
-  --buic-background-statusbar: var(--buic-background-4);
-  --buic-background-table-header: var(--buic-background-4);
-  --buic-background-control-stroke-disabled: var(--buic-background-4);
-
-  /** background.3 */
-  --buic-background-tab-inactive: var(--buic-background-3);
-  --buic-background-toolbutton-inactive: var(--buic-background-3);
-  --buic-background-context-menu: var(--buic-background-3);
-  --buic-background-widget-panel: var(--buic-background-3);
-  --buic-background-placeholder: var(--buic-background-3);
-  --buic-background-control-disabled: var(--buic-background-3);
-
-  /** background.2 */
-  --buic-background-tab-active: var(--buic-background-2);
-  --buic-background-dialog: var(--buic-background-2);
-  --buic-background-widget: var(--buic-background-2);
-  --buic-background-window: var(--buic-background-2);
-  --buic-background-toolbar: var(--buic-background-2);
-  --buic-background-panel: var(--buic-background-2);
-
-  /** background.1 */
-  --buic-background-control: var(--buic-background-1);
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+// cspell:ignore mediumgray titlebar toolbutton outoffocus
+
+/** @note: This file should only be imported by UiCore.ts.
+ *  It should NOT be imported by any *.scss or other ui-core files.
+ */
+
+[data-root-container="iui-root-id"] {
+  // NEEDSWORK - Need to deprecate these accessory colors
+  --buic-accessory-hollow: rgb(255, 255, 255);
+  --buic-accessory-primary: rgb(000, 139, 225);
+  --buic-accessory-success: rgb(083, 162, 026);
+  --buic-accessory-alert: rgb(211, 010, 010);
+  --buic-accessory-warning: rgb(241, 139, 018);
+  --buic-accessory-primary-tint: rgb(165, 215, 245);
+  --buic-accessory-success-tint: rgb(195, 225, 175);
+  --buic-accessory-alert-tint: rgb(239, 169, 169);
+  --buic-accessory-warning-tint: rgb(249, 215, 171);
+
+  --buic-background-1: var(--iui-color-background);
+  --buic-background-2: var(--iui-color-background-hover);
+  --buic-background-3: var(--iui-color-background-backdrop);
+  --buic-background-4: var(--iui-color-background-backdrop-hover);
+  --buic-background-5: var(--iui-color-background-disabled);
+  --buic-background-primary: var(--iui-color-background-accent);
+  --buic-background-tooltip: hsl(var(--iui-color-background-hsl) / 0.9);
+  --buic-background-scrollbar: hsl(
+    var(--iui-color-foreground-hsl) / var(--iui-opacity-4)
+  );
+  --buic-background-scrollbar-hover: hsl(
+    var(--iui-color-foreground-hsl) / var(--iui-opacity-3)
+  );
+
+  --buic-foreground-body-rgb: var(--iui-color-foreground-hsl);
+  --buic-foreground-body: var(--iui-color-text);
+
+  --buic-foreground-body-reverse-rgb: var(--iui-color-foreground-hsl);
+  --buic-foreground-body-reverse: hsl(
+    var(--iui-color-background-hsl) / var(--iui-opacity-2)
+  );
+  --buic-foreground-muted: var(--iui-color-text-muted);
+  --buic-foreground-disabled: var(--iui-color-text-disabled);
+  --buic-foreground-activehover: var(--iui-color-text);
+
+  --buic-inputs-border: hsl(
+    var(--iui-color-foreground-hsl) / var(--iui-opacity-4)
+  );
+  --buic-inputs-boxshadow: var(--iui-focus-box-shadow);
+  --buic-popup-boxshadow: var(--buic-inputs-boxshadow);
+
+  --buic-foreground-primary: var(--iui-color-icon-accent);
+  --buic-foreground-primary-tone: var(--iui-color-text-accent-hover);
+  --buic-foreground-focus: var(--iui-color-text-accent-hover);
+  --buic-foreground-focus-border: var(--buic-inputs-border);
+  --buic-focus-boxshadow: hsl(
+    var(--iui-color-accent-hsl) / var(--iui-opacity-4)
+  );
+
+  // The following two are still in use by DatePicker and there is no itwinui equivalent
+  --buic-focus-boxshadow-gradient1: hsl(
+    var(--buic-foreground-primary-tone-rgb) / 0
+  );
+  --buic-focus-boxshadow-gradient2: hsl(
+    var(--buic-foreground-primary-rgb) / 0.65
+  );
+
+  --buic-foreground-accessory: var(--iui-color-white);
+  --buic-foreground-success: var(--iui-color-text-positive);
+  --buic-foreground-positive: var(--iui-color-text-positive);
+  --buic-foreground-positive-rgb: var(--iui-color-positive-hsl);
+  --buic-foreground-alert: var(--iui-color-text-negative);
+  --buic-foreground-negative: var(--iui-color-text-negative);
+  --buic-foreground-negative-rgb: var(--iui-color-negative-hsl);
+  --buic-foreground-warning: var(--iui-color-text-warning);
+  --buic-foreground-warning-rgb: var(--iui-color-warning-hsl);
+
+  --buic-background-focus-overlay: hsl(var(--iui-opacity-6));
+  --buic-background-hover-overlay: hsl(
+    var(--iui-color-accent-hsl) / var(--iui-opacity-5)
+  );
+  --buic-background-active-overlay: hsl(
+    var(--iui-color-accent-hsl) / var(--iui-opacity-5)
+  );
+  --buic-background-pressed-overlay: hsl(var(--iui-color-accent-hsl) / 0.3);
+
+  --buic-background-card: var(--buic-background-tooltip);
+  --buic-background-striped_row: hsl(var(--iui-color-foreground-hsl) / 0.03);
+
+  /** background.5 */
+  --buic-background-titlebar: var(--buic-background-5);
+  --buic-background-dialog-stroke: var(--buic-background-5);
+  --buic-background-widget-stroke: var(--buic-background-5);
+  --buic-background-control-stroke: var(--buic-background-5);
+  --buic-background-panel-stroke: var(--buic-background-5);
+  --buic-background-toolbutton-stroke: var(--buic-background-5);
+
+  /** background.4 */
+  --buic-background-titlebar-outoffocus: var(--buic-background-4);
+  --buic-background-divider: var(--buic-background-4);
+  --buic-background-widget-element-stroke: var(--buic-background-4);
+  --buic-background-statusbar: var(--buic-background-4);
+  --buic-background-table-header: var(--buic-background-4);
+  --buic-background-control-stroke-disabled: var(--buic-background-4);
+
+  /** background.3 */
+  --buic-background-tab-inactive: var(--buic-background-3);
+  --buic-background-toolbutton-inactive: var(--buic-background-3);
+  --buic-background-context-menu: var(--buic-background-3);
+  --buic-background-widget-panel: var(--buic-background-3);
+  --buic-background-placeholder: var(--buic-background-3);
+  --buic-background-control-disabled: var(--buic-background-3);
+
+  /** background.2 */
+  --buic-background-tab-active: var(--buic-background-2);
+  --buic-background-dialog: var(--buic-background-2);
+  --buic-background-widget: var(--buic-background-2);
+  --buic-background-window: var(--buic-background-2);
+  --buic-background-toolbar: var(--buic-background-2);
+  --buic-background-panel: var(--buic-background-2);
+
+  /** background.1 */
+  --buic-background-control: var(--buic-background-1);
+
+  // Color variables
+  --buic-row-selection: var(--iui-color-background-accent-muted);
+  --buic-row-hover: var(--iui-color-background-hover);
+}

package/lib/esm/core-react/contextmenu/ContextMenu.d.ts

@@ -1,94 +1,94 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import "./ContextMenu.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-import { ContextMenuDirection } from "./ContextMenuDirection";
-import { ContextSubMenu } from "./ContextSubMenu";
-/** Properties for the [[ContextMenu]] component
-  * @public
-  */
-export interface ContextMenuProps extends CommonProps {
-    /** Whether ContextMenu is currently opened. */
-    opened: boolean;
-    /** Which direction the menu opens. Default: ContextMenuDirection.BottomRight */
-    direction?: ContextMenuDirection;
-    /** When click is registered outside of ContextMenu. */
-    onOutsideClick?: (event: MouseEvent) => any;
-    /** When list item or submenu is selected */
-    onSelect?: (event: any) => any;
-    /** when Escape button is pressed */
-    onEsc?: (data: any) => any;
-    /** Whether menu flips directions based on screen edge. Default: true */
-    autoflip?: boolean;
-    /** Whether menu hugs screen edge when autoflip is off. Default: true */
-    edgeLimit?: boolean;
-    /** Whether Hotkey press selects item, or just highlights item. Default: true */
-    hotkeySelect?: boolean;
-    /** starting menu item selected index Default: -1 */
-    selectedIndex?: number;
-    /** whether menu floats on the viewport, or the page. When false, container elements can clip menu with overflow: hidden; Default: true */
-    floating?: boolean;
-    /** @internal */
-    parentMenu?: ContextMenu;
-    /** @internal */
-    parentSubmenu?: ContextSubMenu;
-    /** @internal */
-    ignoreNextKeyUp?: boolean;
-    /** Content */
-    children?: React.ReactNode;
-}
-/** @internal */
-interface ContextMenuState {
-    selectedIndex: number;
-    direction: ContextMenuDirection;
-    ignoreNextKeyUp: boolean;
-}
-/**
-  * A context menu populated with [[ContextMenuItem]] components.
-  * Can be nested using [[ContextSubMenu]] component.
-  * @public
-  */
-export declare class ContextMenu extends React.PureComponent<ContextMenuProps, ContextMenuState> {
-    private _rootElement;
-    private _menuElement;
-    private _selectedElement;
-    private _length;
-    private _hotKeyMap;
-    private _lastChildren;
-    private _lastDirection;
-    private _lastSelectedIndex;
-    private _injectedChildren;
-    private _parentWindowHeight;
-    private _parentWindowWidth;
-    static defaultProps: Partial<ContextMenuProps>;
-    /** @internal */
-    readonly state: Readonly<ContextMenuState>;
-    constructor(props: ContextMenuProps);
-    /** @internal */
-    static autoFlip: (dir: ContextMenuDirection, rect: DOMRectReadOnly, windowWidth: number, windowHeight: number) => ContextMenuDirection;
-    private _handleHotKeyParsed;
-    private _handleOnOutsideClick;
-    render(): JSX.Element;
-    /** @internal */
-    static getCSSClassNameFromDirection: (direction?: ContextMenuDirection | undefined) => string;
-    private _injectMenuItemProps;
-    private _rootRef;
-    private _menuRef;
-    private getWindow;
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentWillUnmount(): void;
-    private checkRenderDirection;
-    focus: () => void;
-    blur: () => void;
-    getRect: () => DOMRect;
-    private _handleFocusChange;
-    private _handleClick;
-    private _handleKeyUp;
-    componentDidUpdate(prevProps: ContextMenuProps): void;
-}
-export {};
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import "./ContextMenu.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+import { ContextMenuDirection } from "./ContextMenuDirection";
+import { ContextSubMenu } from "./ContextSubMenu";
+/** Properties for the [[ContextMenu]] component
+  * @public
+  */
+export interface ContextMenuProps extends CommonProps {
+    /** Whether ContextMenu is currently opened. */
+    opened: boolean;
+    /** Which direction the menu opens. Default: ContextMenuDirection.BottomRight */
+    direction?: ContextMenuDirection;
+    /** When click is registered outside of ContextMenu. */
+    onOutsideClick?: (event: MouseEvent) => any;
+    /** When list item or submenu is selected */
+    onSelect?: (event: any) => any;
+    /** when Escape button is pressed */
+    onEsc?: (data: any) => any;
+    /** Whether menu flips directions based on screen edge. Default: true */
+    autoflip?: boolean;
+    /** Whether menu hugs screen edge when autoflip is off. Default: true */
+    edgeLimit?: boolean;
+    /** Whether Hotkey press selects item, or just highlights item. Default: true */
+    hotkeySelect?: boolean;
+    /** starting menu item selected index Default: -1 */
+    selectedIndex?: number;
+    /** whether menu floats on the viewport, or the page. When false, container elements can clip menu with overflow: hidden; Default: true */
+    floating?: boolean;
+    /** @internal */
+    parentMenu?: ContextMenu;
+    /** @internal */
+    parentSubmenu?: ContextSubMenu;
+    /** @internal */
+    ignoreNextKeyUp?: boolean;
+    /** Content */
+    children?: React.ReactNode;
+}
+/** @internal */
+interface ContextMenuState {
+    selectedIndex: number;
+    direction: ContextMenuDirection;
+    ignoreNextKeyUp: boolean;
+}
+/**
+  * A context menu populated with [[ContextMenuItem]] components.
+  * Can be nested using [[ContextSubMenu]] component.
+  * @public
+  */
+export declare class ContextMenu extends React.PureComponent<ContextMenuProps, ContextMenuState> {
+    private _rootElement;
+    private _menuElement;
+    private _selectedElement;
+    private _length;
+    private _hotKeyMap;
+    private _lastChildren;
+    private _lastDirection;
+    private _lastSelectedIndex;
+    private _injectedChildren;
+    private _parentWindowHeight;
+    private _parentWindowWidth;
+    static defaultProps: Partial<ContextMenuProps>;
+    /** @internal */
+    readonly state: Readonly<ContextMenuState>;
+    constructor(props: ContextMenuProps);
+    /** @internal */
+    static autoFlip: (dir: ContextMenuDirection, rect: DOMRectReadOnly, windowWidth: number, windowHeight: number) => ContextMenuDirection;
+    private _handleHotKeyParsed;
+    private _handleOnOutsideClick;
+    render(): JSX.Element;
+    /** @internal */
+    static getCSSClassNameFromDirection: (direction?: ContextMenuDirection) => string;
+    private _injectMenuItemProps;
+    private _rootRef;
+    private _menuRef;
+    private getWindow;
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentWillUnmount(): void;
+    private checkRenderDirection;
+    focus: () => void;
+    blur: () => void;
+    getRect: () => DOMRect;
+    private _handleFocusChange;
+    private _handleClick;
+    private _handleKeyUp;
+    componentDidUpdate(prevProps: ContextMenuProps): void;
+}
+export {};
 //# sourceMappingURL=ContextMenu.d.ts.map

package/lib/esm/core-react/contextmenu/ContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.tsx"],"names":[],"mappings":"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"}