@itwin/core-react 3.0.0-dev.77 → 3.0.0-dev.81

package/lib/esm/core-react/badge/technical-preview-badge.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"><defs><linearGradient id="a" x1="8" y1="15" x2="8" y2="1" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffc335"/><stop offset="1" stop-color="#ffdf52"/></linearGradient></defs><path d="M15,1V15L1,1H15" fill="url(#a)"/><path d="M15,1V15L1,1H15m0-1H1A.87458.87458,0,0,0,.1.6.91284.91284,0,0,0,.3,1.7l14,14a.90783.90783,0,0,0,.7.3.60123.60123,0,0,0,.4-.1A.961.961,0,0,0,16,15V1A.94477.94477,0,0,0,15,0Z" fill="#ffc000"/><circle cx="11" cy="5" r="2" opacity="0.9" style="isolation:isolate"/></svg>

package/lib/esm/core-react/base/Centered.d.ts

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module Base
+ */
+/// <reference types="react" />
+import { CommonDivProps } from "../utils/Props";
+/** Centered React functional component.
+ * Displays content centered vertically and horizontally.
+ * @public
+ */
+export declare function Centered(props: CommonDivProps): JSX.Element;
+//# sourceMappingURL=Centered.d.ts.map

package/lib/esm/core-react/base/Centered.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Centered.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Centered.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,eAE7C"}

package/lib/esm/core-react/base/Centered.js

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { Div } from "./Div";
+/** Centered React functional component.
+ * Displays content centered vertically and horizontally.
+ * @public
+ */
+export function Centered(props) {
+    return React.createElement(Div, { ...props, mainClassName: "uicore-centered" });
+}
+//# sourceMappingURL=Centered.js.map

package/lib/esm/core-react/base/Centered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Centered.js","sourceRoot":"","sources":["../../../../src/core-react/base/Centered.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAqB;IAC5C,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,iBAAiB,GAAG,CAAC;AAC5D,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport { CommonDivProps } from \"../utils/Props\";\nimport { Div } from \"./Div\";\n\n/** Centered React functional component.\n * Displays content centered vertically and horizontally.\n * @public\n */\nexport function Centered(props: CommonDivProps) {\n  return <Div {...props} mainClassName=\"uicore-centered\" />;\n}\n"]}

package/lib/esm/core-react/base/Div.d.ts

@@ -0,0 +1,17 @@
+/** @packageDocumentation
+ * @module Base
+ */
+/// <reference types="react" />
+import { CommonDivProps } from "../utils/Props";
+/** Properties for the [[Div]] component
+ * @public
+ */
+export interface DivProps extends CommonDivProps {
+    /** Main CSS class name */
+    mainClassName: string;
+}
+/** Base div element React component
+ * @public
+ */
+export declare function Div(props: DivProps): JSX.Element;
+//# sourceMappingURL=Div.d.ts.map

package/lib/esm/core-react/base/Div.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Div.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Div.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,cAAc;IAC9C,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,eAQlC"}

package/lib/esm/core-react/base/Div.js

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import classnames from "classnames";
+import * as React from "react";
+/** Base div element React component
+ * @public
+ */
+export function Div(props) {
+    const { mainClassName, className, style, children, ...divProps } = props;
+    return (React.createElement("div", { ...divProps, className: classnames(mainClassName, className), style: style }, children));
+}
+//# sourceMappingURL=Div.js.map

package/lib/esm/core-react/base/Div.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Div.js","sourceRoot":"","sources":["../../../../src/core-react/base/Div.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,KAAe;IACjC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzE,OAAO,CACL,gCAAS,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAC7E,QAAQ,CACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonDivProps } from \"../utils/Props\";\n\n/** Properties for the [[Div]] component\n * @public\n */\nexport interface DivProps extends CommonDivProps {\n  /** Main CSS class name */\n  mainClassName: string;\n}\n\n/** Base div element React component\n * @public\n */\nexport function Div(props: DivProps) {\n  const { mainClassName, className, style, children, ...divProps } = props;\n\n  return (\n    <div {...divProps} className={classnames(mainClassName, className)} style={style} >\n      {children}\n    </div>\n  );\n}\n"]}

package/lib/esm/core-react/base/DivWithOutsideClick.d.ts

@@ -0,0 +1,80 @@
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { CommonDivProps } from "../utils/Props";
+/** Div element with Outside Click behavior
+ * @public
+ */
+export declare const DivWithOutsideClick: {
+    new (props: (CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps) | Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>): {
+        outsideClickContainerDiv?: HTMLDivElement | null | undefined;
+        isDownOutside: boolean;
+        isInCorePopup(element: HTMLElement): boolean;
+        onOutsideClick(e: MouseEvent): any;
+        handleDocumentClick: (e: MouseEvent) => any;
+        handleDocumentPointerDown: (e: PointerEvent) => void;
+        handleDocumentPointerUp: (e: PointerEvent) => void;
+        handleOutsideClickContainerDivSet: (outsideClickContainerDiv: HTMLDivElement | null) => void;
+        getParentDocument(): Document;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps, context: any): {
+        outsideClickContainerDiv?: HTMLDivElement | null | undefined;
+        isDownOutside: boolean;
+        isInCorePopup(element: HTMLElement): boolean;
+        onOutsideClick(e: MouseEvent): any;
+        handleDocumentClick: (e: MouseEvent) => any;
+        handleDocumentPointerDown: (e: PointerEvent) => void;
+        handleDocumentPointerUp: (e: PointerEvent) => void;
+        handleOutsideClickContainerDivSet: (outsideClickContainerDiv: HTMLDivElement | null) => void;
+        getParentDocument(): Document;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<CommonDivProps & import("../hocs/withOnOutsideClick").WithOnOutsideClickProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+//# sourceMappingURL=DivWithOutsideClick.d.ts.map

package/lib/esm/core-react/base/DivWithOutsideClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DivWithOutsideClick.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/DivWithOutsideClick.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAsE,CAAC"}

package/lib/esm/core-react/base/DivWithOutsideClick.js

@@ -0,0 +1,14 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { withOnOutsideClick } from "../hocs/withOnOutsideClick";
+/** Div element with Outside Click behavior
+ * @public
+ */
+export const DivWithOutsideClick = withOnOutsideClick((props) => (React.createElement("div", { ...props }))); // eslint-disable-line @typescript-eslint/naming-convention
+//# sourceMappingURL=DivWithOutsideClick.js.map

package/lib/esm/core-react/base/DivWithOutsideClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DivWithOutsideClick.js","sourceRoot":"","sources":["../../../../src/core-react/base/DivWithOutsideClick.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,CAAC,KAAqB,EAAE,EAAE,CAAC,CAAC,gCAAS,KAAK,GAAI,CAAC,CAAC,CAAC,CAAC,2DAA2D","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport { withOnOutsideClick } from \"../hocs/withOnOutsideClick\";\nimport { CommonDivProps } from \"../utils/Props\";\n\n/** Div element with Outside Click behavior\n * @public\n */\nexport const DivWithOutsideClick = withOnOutsideClick((props: CommonDivProps) => (<div {...props} />)); // eslint-disable-line @typescript-eslint/naming-convention\n"]}

package/lib/esm/core-react/base/FillCentered.d.ts

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module Base
+ */
+/// <reference types="react" />
+import { CommonDivProps } from "../utils/Props";
+/** Full height & width and centered React functional component.
+ * Displays content centered vertically and horizontally and has a height and width of 100%.
+ * @public
+ */
+export declare function FillCentered(props: CommonDivProps): JSX.Element;
+//# sourceMappingURL=FillCentered.d.ts.map

package/lib/esm/core-react/base/FillCentered.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FillCentered.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/FillCentered.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,eAEjD"}

package/lib/esm/core-react/base/FillCentered.js

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { Div } from "./Div";
+/** Full height & width and centered React functional component.
+ * Displays content centered vertically and horizontally and has a height and width of 100%.
+ * @public
+ */
+export function FillCentered(props) {
+    return React.createElement(Div, { ...props, mainClassName: "uicore-fill-centered" });
+}
+//# sourceMappingURL=FillCentered.js.map

package/lib/esm/core-react/base/FillCentered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FillCentered.js","sourceRoot":"","sources":["../../../../src/core-react/base/FillCentered.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,KAAqB;IAChD,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,sBAAsB,GAAG,CAAC;AACjE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport { CommonDivProps } from \"../utils/Props\";\nimport { Div } from \"./Div\";\n\n/** Full height & width and centered React functional component.\n * Displays content centered vertically and horizontally and has a height and width of 100%.\n * @public\n */\nexport function FillCentered(props: CommonDivProps) {\n  return <Div {...props} mainClassName=\"uicore-fill-centered\" />;\n}\n"]}

package/lib/esm/core-react/base/FlexWrapContainer.d.ts

@@ -0,0 +1,12 @@
+/** @packageDocumentation
+ * @module Base
+ */
+/// <reference types="react" />
+import { CommonDivProps } from "../utils/Props";
+/** Flex Wrap Container React functional component.
+ * Wraps content onto multiple lines and
+ * has the 'display: flex' and 'flex-wrap: wrap' CSS properties.
+ * @public
+ */
+export declare function FlexWrapContainer(props: CommonDivProps): JSX.Element;
+//# sourceMappingURL=FlexWrapContainer.d.ts.map

package/lib/esm/core-react/base/FlexWrapContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexWrapContainer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/FlexWrapContainer.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,eAEtD"}

package/lib/esm/core-react/base/FlexWrapContainer.js

@@ -0,0 +1,18 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { Div } from "./Div";
+/** Flex Wrap Container React functional component.
+ * Wraps content onto multiple lines and
+ * has the 'display: flex' and 'flex-wrap: wrap' CSS properties.
+ * @public
+ */
+export function FlexWrapContainer(props) {
+    return React.createElement(Div, { ...props, mainClassName: "uicore-flex-wrap-container" });
+}
+//# sourceMappingURL=FlexWrapContainer.js.map

package/lib/esm/core-react/base/FlexWrapContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexWrapContainer.js","sourceRoot":"","sources":["../../../../src/core-react/base/FlexWrapContainer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAqB;IACrD,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,4BAA4B,GAAG,CAAC;AACvE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport { CommonDivProps } from \"../utils/Props\";\nimport { Div } from \"./Div\";\n\n/** Flex Wrap Container React functional component.\n * Wraps content onto multiple lines and\n * has the 'display: flex' and 'flex-wrap: wrap' CSS properties.\n * @public\n */\nexport function FlexWrapContainer(props: CommonDivProps) {\n  return <Div {...props} mainClassName=\"uicore-flex-wrap-container\" />;\n}\n"]}

package/lib/esm/core-react/base/Gap.d.ts

@@ -0,0 +1,16 @@
+/** @packageDocumentation
+ * @module Base
+ */
+/// <reference types="react" />
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[Gap]] component.
+ * @public
+ */
+export interface GapProps extends CommonProps {
+    size?: string;
+}
+/** Horizontal gap or space React component. Defaults to 10px.
+ * @public
+ */
+export declare function Gap(props: GapProps): JSX.Element;
+//# sourceMappingURL=Gap.d.ts.map

package/lib/esm/core-react/base/Gap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gap.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/Gap.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,eAOlC"}

package/lib/esm/core-react/base/Gap.js

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+/** Horizontal gap or space React component. Defaults to 10px.
+ * @public
+ */
+export function Gap(props) {
+    const { size, style, ...rest } = props;
+    const paddingLeft = size !== null && size !== void 0 ? size : "10px";
+    return (React.createElement("span", { style: { ...style, paddingLeft }, ...rest }));
+}
+//# sourceMappingURL=Gap.js.map

package/lib/esm/core-react/base/Gap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gap.js","sourceRoot":"","sources":["../../../../src/core-react/base/Gap.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,KAAe;IACjC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,WAAW,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM,CAAC;IAEnC,OAAO,CACL,8BAAM,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,KAAM,IAAI,GAAI,CACrD,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[Gap]] component.\n * @public\n */\nexport interface GapProps extends CommonProps {\n  size?: string;\n}\n\n/** Horizontal gap or space React component. Defaults to 10px.\n * @public\n */\nexport function Gap(props: GapProps) {\n  const { size, style, ...rest } = props;\n  const paddingLeft = size ?? \"10px\";\n\n  return (\n    <span style={{ ...style, paddingLeft }} {...rest} />\n  );\n}\n"]}

package/lib/esm/core-react/base/PointerEvents.d.ts

@@ -0,0 +1,8 @@
+/** @packageDocumentation
+ * @module Base
+ */
+/** Returns `true` if browser supports PointerEvents API.
+ * @internal
+ */
+export declare function hasPointerEventsSupport(): boolean;
+//# sourceMappingURL=PointerEvents.d.ts.map

package/lib/esm/core-react/base/PointerEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointerEvents.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/PointerEvents.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,uBAAuB,YAEtC"}

package/lib/esm/core-react/base/PointerEvents.js

@@ -0,0 +1,14 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+/** Returns `true` if browser supports PointerEvents API.
+ * @internal
+ */
+export function hasPointerEventsSupport() {
+    return !!window.PointerEvent;
+}
+//# sourceMappingURL=PointerEvents.js.map

package/lib/esm/core-react/base/PointerEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointerEvents.js","sourceRoot":"","sources":["../../../../src/core-react/base/PointerEvents.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACrC,OAAO,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;AAC/B,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\n/** Returns `true` if browser supports PointerEvents API.\n * @internal\n */\nexport function hasPointerEventsSupport() {\n  return !!window.PointerEvent;\n}\n"]}

package/lib/esm/core-react/base/ScrollView.d.ts

@@ -0,0 +1,12 @@
+/** @packageDocumentation
+ * @module Base
+ */
+/// <reference types="react" />
+import { CommonDivProps } from "../utils/Props";
+/** Scroll View React functional component.
+ * Scrolls content vertically and
+ * has the 'overflow-y: auto' CSS property and has a height and width of 100%.
+ * @public
+ */
+export declare function ScrollView(props: CommonDivProps): JSX.Element;
+//# sourceMappingURL=ScrollView.d.ts.map

package/lib/esm/core-react/base/ScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/core-react/base/ScrollView.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,eAE/C"}

package/lib/esm/core-react/base/ScrollView.js

@@ -0,0 +1,18 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Base
+ */
+import * as React from "react";
+import { Div } from "./Div";
+/** Scroll View React functional component.
+ * Scrolls content vertically and
+ * has the 'overflow-y: auto' CSS property and has a height and width of 100%.
+ * @public
+ */
+export function ScrollView(props) {
+    return React.createElement(Div, { ...props, mainClassName: "uicore-scrollview" });
+}
+//# sourceMappingURL=ScrollView.js.map

package/lib/esm/core-react/base/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../../src/core-react/base/ScrollView.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,KAAqB;IAC9C,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AAC9D,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Base\n */\n\nimport * as React from \"react\";\nimport { CommonDivProps } from \"../utils/Props\";\nimport { Div } from \"./Div\";\n\n/** Scroll View React functional component.\n * Scrolls content vertically and\n * has the 'overflow-y: auto' CSS property and has a height and width of 100%.\n * @public\n */\nexport function ScrollView(props: CommonDivProps) {\n  return <Div {...props} mainClassName=\"uicore-scrollview\" />;\n}\n"]}

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

@@ -0,0 +1,42 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../_scrollbar";
+
+@mixin uicore-centered {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+@mixin uicore-full-height {
+  height: 100%;
+}
+
+@mixin uicore-full-width {
+  width: 100%;
+}
+
+@mixin uicore-full-size {
+  @include uicore-full-height;
+  @include uicore-full-width;
+}
+
+@mixin uicore-fill-centered {
+  @include uicore-centered;
+  @include uicore-full-size;
+}
+
+@mixin uicore-scrollview {
+  @include uicore-full-size;
+  overflow-y: auto;
+
+  @include uicore-touch-scrolling;
+  @include uicore-scrollbar();
+}
+
+@mixin uicore-flex-wrap-container {
+  display: flex;
+  flex-wrap: wrap;
+}

package/lib/esm/core-react/base/classes.scss

@@ -0,0 +1,13 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./index";
+
+.uicore-centered { @include uicore-centered; }
+.uicore-full-height { @include uicore-full-height; }
+.uicore-full-width { @include uicore-full-width; }
+.uicore-full-size { @include uicore-full-size; }
+.uicore-fill-centered { @include uicore-fill-centered; }
+.uicore-scrollview { @include uicore-scrollview; }
+.uicore-flex-wrap-container { @include uicore-flex-wrap-container; }

package/lib/esm/core-react/base/index.scss

@@ -0,0 +1,5 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./base";

package/lib/esm/core-react/button/Button.d.ts

@@ -0,0 +1,48 @@
+/** @packageDocumentation
+ * @module Button
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Sizes for [[Button]] component
+ * @public
+ * @deprecated Use `size` prop for itwinui-react Button instead
+ */
+export declare enum ButtonSize {
+    Default = "",
+    Large = "large"
+}
+/** Types for [[Button]] component
+ * @public
+ * @deprecated Use `styleType` prop for itwinui-react Button instead
+ */
+export declare enum ButtonType {
+    Primary = "primary",
+    Blue = "blue",
+    Disabled = "disabled",
+    Hollow = "hollow"
+}
+/** Properties for [[Button]] component
+ * @public
+ * @deprecated Use ButtonProps from itwinui-react instead
+ */
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
+    /** Allow ID to be passed to Button */
+    id?: string;
+    /** Default and large sizes */
+    size?: ButtonSize;
+    /** 4 styles to tweak the content of the button */
+    buttonType?: ButtonType;
+    /** A function to be run when the element is clicked */
+    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void);
+}
+/** Generic button component
+ * @public
+ * @deprecated Use Button from itwinui-react instead
+ */
+export declare class Button extends React.PureComponent<ButtonProps> {
+    private getIuiButtonType;
+    render(): JSX.Element;
+}
+/** @internal */
+export declare function getButtonTypeClassName(buttonType?: ButtonType): string;
+//# sourceMappingURL=Button.d.ts.map

package/lib/esm/core-react/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/core-react/button/Button.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,oBAAY,UAAU;IACpB,OAAO,KAAK;IACZ,KAAK,UAAU;CAChB;AAED;;;GAGG;AACH,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,MAAM,WAAW;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW;IAC7F,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,kDAAkD;IAClD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC,CAAC;CAC9E;AAED;;;GAGG;AACH,qBAAa,MAAO,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAC1D,OAAO,CAAC,gBAAgB,CAetB;IAEc,MAAM;CAWvB;AAED,gBAAgB;AAChB,wBAAgB,sBAAsB,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,CAkBtE"}

package/lib/esm/core-react/button/Button.js

@@ -0,0 +1,83 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Button
+ */
+import * as React from "react";
+import { Button as ITwinUI_Button } from "@itwin/itwinui-react";
+/** Sizes for [[Button]] component
+ * @public
+ * @deprecated Use `size` prop for itwinui-react Button instead
+ */
+export var ButtonSize;
+(function (ButtonSize) {
+    ButtonSize["Default"] = "";
+    ButtonSize["Large"] = "large";
+})(ButtonSize || (ButtonSize = {}));
+/** Types for [[Button]] component
+ * @public
+ * @deprecated Use `styleType` prop for itwinui-react Button instead
+ */
+export var ButtonType;
+(function (ButtonType) {
+    ButtonType["Primary"] = "primary";
+    ButtonType["Blue"] = "blue";
+    ButtonType["Disabled"] = "disabled";
+    ButtonType["Hollow"] = "hollow";
+})(ButtonType || (ButtonType = {}));
+/** Generic button component
+ * @public
+ * @deprecated Use Button from itwinui-react instead
+ */
+export class Button extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.getIuiButtonType = (buttonType) => {
+            let iuiButtonType;
+            switch (buttonType) {
+                case ButtonType.Blue: // eslint-disable-line deprecation/deprecation
+                    iuiButtonType = "high-visibility";
+                    break;
+                case ButtonType.Hollow: // eslint-disable-line deprecation/deprecation
+                    iuiButtonType = "default";
+                    break;
+                case ButtonType.Primary: // eslint-disable-line deprecation/deprecation
+                default:
+                    iuiButtonType = "cta";
+                    break;
+            }
+            return iuiButtonType;
+        };
+    }
+    render() {
+        const { buttonType, size, className, style, onClick, ...props } = this.props;
+        const iuiButtonType = this.getIuiButtonType(buttonType);
+        let iuiButtonSize = "small";
+        if (size === ButtonSize.Large) // eslint-disable-line deprecation/deprecation
+            iuiButtonSize = undefined;
+        return React.createElement(ITwinUI_Button, { ...props, className: className, style: style, onClick: onClick, styleType: iuiButtonType, size: iuiButtonSize });
+    }
+}
+/** @internal */
+export function getButtonTypeClassName(buttonType) {
+    let typeClassName;
+    switch (buttonType) {
+        case ButtonType.Blue: // eslint-disable-line deprecation/deprecation
+            typeClassName = "uicore-buttons-blue";
+            break;
+        case ButtonType.Disabled: // eslint-disable-line deprecation/deprecation
+            typeClassName = "uicore-buttons-disabled";
+            break;
+        case ButtonType.Hollow: // eslint-disable-line deprecation/deprecation
+            typeClassName = "uicore-buttons-hollow";
+            break;
+        case ButtonType.Primary: // eslint-disable-line deprecation/deprecation
+        default:
+            typeClassName = "uicore-buttons-primary";
+            break;
+    }
+    return typeClassName;
+}
+//# sourceMappingURL=Button.js.map

package/lib/esm/core-react/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/core-react/button/Button.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGhE;;;GAGG;AACH,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,0BAAY,CAAA;IACZ,6BAAe,CAAA;AACjB,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAiBD;;;GAGG;AACH,MAAM,OAAO,MAAO,SAAQ,KAAK,CAAC,aAA0B;IAA5D;;QACU,qBAAgB,GAAG,CAAC,UAAuB,EAAU,EAAE;YAC7D,IAAI,aAAqB,CAAC;YAC1B,QAAQ,UAAU,EAAE;gBAClB,KAAK,UAAU,CAAC,IAAI,EAAE,8CAA8C;oBAClE,aAAa,GAAG,iBAAiB,CAAC;oBAClC,MAAM;gBACR,KAAK,UAAU,CAAC,MAAM,EAAE,8CAA8C;oBACpE,aAAa,GAAG,SAAS,CAAC;oBAC1B,MAAM;gBACR,KAAK,UAAU,CAAC,OAAO,CAAC,CAAE,8CAA8C;gBACxE;oBACE,aAAa,GAAG,KAAK,CAAC;oBACtB,MAAM;aACT;YACD,OAAO,aAAa,CAAC;QACvB,CAAC,CAAC;IAaJ,CAAC;IAXiB,MAAM;QACpB,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE7E,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAExD,IAAI,aAAa,GAAuB,OAAO,CAAC;QAChD,IAAI,IAAI,KAAK,UAAU,CAAC,KAAK,EAAG,8CAA8C;YAC5E,aAAa,GAAG,SAAS,CAAC;QAE5B,OAAO,oBAAC,cAAc,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,GAAI,CAAC;IAC5I,CAAC;CACF;AAED,gBAAgB;AAChB,MAAM,UAAU,sBAAsB,CAAC,UAAuB;IAC5D,IAAI,aAAqB,CAAC;IAC1B,QAAQ,UAAU,EAAE;QAClB,KAAK,UAAU,CAAC,IAAI,EAAE,8CAA8C;YAClE,aAAa,GAAG,qBAAqB,CAAC;YACtC,MAAM;QACR,KAAK,UAAU,CAAC,QAAQ,EAAE,8CAA8C;YACtE,aAAa,GAAG,yBAAyB,CAAC;YAC1C,MAAM;QACR,KAAK,UAAU,CAAC,MAAM,EAAE,8CAA8C;YACpE,aAAa,GAAG,uBAAuB,CAAC;YACxC,MAAM;QACR,KAAK,UAAU,CAAC,OAAO,CAAC,CAAE,8CAA8C;QACxE;YACE,aAAa,GAAG,wBAAwB,CAAC;YACzC,MAAM;KACT;IACD,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Button\n */\n\nimport * as React from \"react\";\nimport { Button as ITwinUI_Button } from \"@itwin/itwinui-react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Sizes for [[Button]] component\n * @public\n * @deprecated Use `size` prop for itwinui-react Button instead\n */\nexport enum ButtonSize {\n  Default = \"\",\n  Large = \"large\",\n}\n\n/** Types for [[Button]] component\n * @public\n * @deprecated Use `styleType` prop for itwinui-react Button instead\n */\nexport enum ButtonType {\n  Primary = \"primary\",\n  Blue = \"blue\",\n  Disabled = \"disabled\",\n  Hollow = \"hollow\",\n}\n\n/** Properties for [[Button]] component\n * @public\n * @deprecated Use ButtonProps from itwinui-react instead\n */\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\n  /** Allow ID to be passed to Button */\n  id?: string;\n  /** Default and large sizes */\n  size?: ButtonSize;  // eslint-disable-line deprecation/deprecation\n  /** 4 styles to tweak the content of the button */\n  buttonType?: ButtonType;    // eslint-disable-line deprecation/deprecation\n  /** A function to be run when the element is clicked */\n  onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void);\n}\n\n/** Generic button component\n * @public\n * @deprecated Use Button from itwinui-react instead\n */\nexport class Button extends React.PureComponent<ButtonProps> {    // eslint-disable-line deprecation/deprecation\n  private getIuiButtonType = (buttonType?: ButtonType): string => {   // eslint-disable-line deprecation/deprecation\n    let iuiButtonType: string;\n    switch (buttonType) {\n      case ButtonType.Blue: // eslint-disable-line deprecation/deprecation\n        iuiButtonType = \"high-visibility\";\n        break;\n      case ButtonType.Hollow: // eslint-disable-line deprecation/deprecation\n        iuiButtonType = \"default\";\n        break;\n      case ButtonType.Primary:  // eslint-disable-line deprecation/deprecation\n      default:\n        iuiButtonType = \"cta\";\n        break;\n    }\n    return iuiButtonType;\n  };\n\n  public override render() {\n    const { buttonType, size, className, style, onClick, ...props } = this.props;\n\n    const iuiButtonType = this.getIuiButtonType(buttonType);\n\n    let iuiButtonSize: string | undefined = \"small\";\n    if (size === ButtonSize.Large)  // eslint-disable-line deprecation/deprecation\n      iuiButtonSize = undefined;\n\n    return <ITwinUI_Button {...props} className={className} style={style} onClick={onClick} styleType={iuiButtonType} size={iuiButtonSize} />;\n  }\n}\n\n/** @internal */\nexport function getButtonTypeClassName(buttonType?: ButtonType): string { // eslint-disable-line deprecation/deprecation\n  let typeClassName: string;\n  switch (buttonType) {\n    case ButtonType.Blue: // eslint-disable-line deprecation/deprecation\n      typeClassName = \"uicore-buttons-blue\";\n      break;\n    case ButtonType.Disabled: // eslint-disable-line deprecation/deprecation\n      typeClassName = \"uicore-buttons-disabled\";\n      break;\n    case ButtonType.Hollow: // eslint-disable-line deprecation/deprecation\n      typeClassName = \"uicore-buttons-hollow\";\n      break;\n    case ButtonType.Primary:  // eslint-disable-line deprecation/deprecation\n    default:\n      typeClassName = \"uicore-buttons-primary\";\n      break;\n  }\n  return typeClassName;\n}\n"]}