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

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

@@ -1,16 +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;
+/** @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/cjs/core-react/base/Gap.js

@@ -1,21 +1,21 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Gap = void 0;
-const React = require("react");
-/** Horizontal gap or space React component. Defaults to 10px.
- * @public
- */
-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 }));
-}
-exports.Gap = Gap;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Gap = void 0;
+const React = require("react");
+/** Horizontal gap or space React component. Defaults to 10px.
+ * @public
+ */
+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 }));
+}
+exports.Gap = Gap;
 //# sourceMappingURL=Gap.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Gap.js","sourceRoot":"","sources":["../../../../src/core-react/base/Gap.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAU/B;;GAEG;AACH,SAAgB,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;AAPD,kBAOC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Base\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[Gap]] component.\r\n * @public\r\n */\r\nexport interface GapProps extends CommonProps {\r\n  size?: string;\r\n}\r\n\r\n/** Horizontal gap or space React component. Defaults to 10px.\r\n * @public\r\n */\r\nexport function Gap(props: GapProps) {\r\n  const { size, style, ...rest } = props;\r\n  const paddingLeft = size ?? \"10px\";\r\n\r\n  return (\r\n    <span style={{ ...style, paddingLeft }} {...rest} />\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"Gap.js","sourceRoot":"","sources":["../../../../src/core-react/base/Gap.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAU/B;;GAEG;AACH,SAAgB,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;AAPD,kBAOC","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/cjs/core-react/base/PointerEvents.d.ts

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

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

@@ -1,18 +1,18 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasPointerEventsSupport = void 0;
-/** Returns `true` if browser supports PointerEvents API.
- * @internal
- */
-function hasPointerEventsSupport() {
-    return !!window.PointerEvent;
-}
-exports.hasPointerEventsSupport = hasPointerEventsSupport;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasPointerEventsSupport = void 0;
+/** Returns `true` if browser supports PointerEvents API.
+ * @internal
+ */
+function hasPointerEventsSupport() {
+    return !!window.PointerEvent;
+}
+exports.hasPointerEventsSupport = hasPointerEventsSupport;
 //# sourceMappingURL=PointerEvents.js.map

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

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

@@ -1,12 +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;
+/** @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/cjs/core-react/base/ScrollView.js

@@ -1,22 +1,22 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollView = void 0;
-const React = require("react");
-const Div_1 = require("./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
- */
-function ScrollView(props) {
-    return React.createElement(Div_1.Div, { ...props, mainClassName: "uicore-scrollview" });
-}
-exports.ScrollView = ScrollView;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollView = void 0;
+const React = require("react");
+const Div_1 = require("./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
+ */
+function ScrollView(props) {
+    return React.createElement(Div_1.Div, { ...props, mainClassName: "uicore-scrollview" });
+}
+exports.ScrollView = ScrollView;
 //# sourceMappingURL=ScrollView.js.map

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

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

@@ -1,42 +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;
-}
+/*---------------------------------------------------------------------------------------------
+* 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/cjs/core-react/base/classes.scss

@@ -1,13 +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; }
+/*---------------------------------------------------------------------------------------------
+* 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/cjs/core-react/base/index.scss

@@ -1,5 +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";
+/*---------------------------------------------------------------------------------------------
+* 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/cjs/core-react/button/UnderlinedButton.d.ts

@@ -1,25 +1,25 @@
-/** @packageDocumentation
- * @module Button
- */
-import "./UnderlinedButton.scss";
-import * as React from "react";
-/** Properties for the [[UnderlinedButton]] React component
- * @public
- */
-export interface UnderlinedButtonProps {
-    /** String that will be rendered by the button */
-    children: string | React.ReactNode;
-    /** Additional className */
-    className?: string;
-    /** Title of the button */
-    title?: string;
-    /** Callback to onClick event */
-    onClick?: (e: React.MouseEvent) => void;
-    /** Callback to activate */
-    onActivate?: () => void;
-}
-/** A React component that makes text clickable and underlined
- * @public
- */
-export declare function UnderlinedButton(props: UnderlinedButtonProps): JSX.Element;
+/** @packageDocumentation
+ * @module Button
+ */
+import "./UnderlinedButton.scss";
+import * as React from "react";
+/** Properties for the [[UnderlinedButton]] React component
+ * @public
+ */
+export interface UnderlinedButtonProps {
+    /** String that will be rendered by the button */
+    children: string | React.ReactNode;
+    /** Additional className */
+    className?: string;
+    /** Title of the button */
+    title?: string;
+    /** Callback to onClick event */
+    onClick?: (e: React.MouseEvent) => void;
+    /** Callback to activate */
+    onActivate?: () => void;
+}
+/** A React component that makes text clickable and underlined
+ * @public
+ */
+export declare function UnderlinedButton(props: UnderlinedButtonProps): JSX.Element;
 //# sourceMappingURL=UnderlinedButton.d.ts.map

package/lib/cjs/core-react/button/UnderlinedButton.js

@@ -1,36 +1,36 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UnderlinedButton = void 0;
-require("./UnderlinedButton.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-/** A React component that makes text clickable and underlined
- * @public
- */
-function UnderlinedButton(props) {
-    const handleKeyUp = React.useCallback((event) => {
-        const key = event.key;
-        switch (key) {
-            case appui_abstract_1.SpecialKey.Enter:
-            case appui_abstract_1.SpecialKey.Space:
-                props.onActivate && props.onActivate();
-                break;
-        }
-    }, [props]);
-    const handleClick = React.useCallback((e) => {
-        props.onClick && props.onClick(e);
-        props.onActivate && props.onActivate();
-    }, [props]);
-    const className = (0, classnames_1.default)("core-underlined-button", props.className ? props.className : undefined);
-    return (React.createElement("span", { className: className, title: props.title, onClick: handleClick, onKeyUp: handleKeyUp, tabIndex: 0, role: "link" }, props.children));
-}
-exports.UnderlinedButton = UnderlinedButton;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnderlinedButton = void 0;
+require("./UnderlinedButton.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+/** A React component that makes text clickable and underlined
+ * @public
+ */
+function UnderlinedButton(props) {
+    const handleKeyUp = React.useCallback((event) => {
+        const key = event.key;
+        switch (key) {
+            case appui_abstract_1.SpecialKey.Enter:
+            case appui_abstract_1.SpecialKey.Space:
+                props.onActivate && props.onActivate();
+                break;
+        }
+    }, [props]);
+    const handleClick = React.useCallback((e) => {
+        props.onClick && props.onClick(e);
+        props.onActivate && props.onActivate();
+    }, [props]);
+    const className = (0, classnames_1.default)("core-underlined-button", props.className ? props.className : undefined);
+    return (React.createElement("span", { className: className, title: props.title, onClick: handleClick, onKeyUp: handleKeyUp, tabIndex: 0, role: "link" }, props.children));
+}
+exports.UnderlinedButton = UnderlinedButton;
 //# sourceMappingURL=UnderlinedButton.js.map

package/lib/cjs/core-react/button/UnderlinedButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnderlinedButton.js","sourceRoot":"","sources":["../../../../src/core-react/button/UnderlinedButton.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,mCAAiC;AACjC,2CAAoC;AACpC,+BAA+B;AAC/B,0DAAmD;AAkBnD;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA0B,EAAE,EAAE;QACnE,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QAEtB,QAAQ,GAAG,EAAE;YACX,KAAK,2BAAU,CAAC,KAAK,CAAC;YACtB,KAAK,2BAAU,CAAC,KAAK;gBACnB,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACvC,MAAM;SACT;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QAC5D,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,wBAAwB,EACxB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAC9C,CAAC;IAEF,OAAO,CACL,8BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,MAAM,IAEV,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;AACJ,CAAC;AAlCD,4CAkCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Button\r\n */\r\n\r\nimport \"./UnderlinedButton.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { SpecialKey } from \"@itwin/appui-abstract\";\r\n\r\n/** Properties for the [[UnderlinedButton]] React component\r\n * @public\r\n */\r\nexport interface UnderlinedButtonProps {\r\n  /** String that will be rendered by the button */\r\n  children: string | React.ReactNode;\r\n  /** Additional className */\r\n  className?: string;\r\n  /** Title of the button */\r\n  title?: string;\r\n  /** Callback to onClick event */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  /** Callback to activate */\r\n  onActivate?: () => void;\r\n}\r\n\r\n/** A React component that makes text clickable and underlined\r\n * @public\r\n */\r\nexport function UnderlinedButton(props: UnderlinedButtonProps) {\r\n  const handleKeyUp = React.useCallback((event: React.KeyboardEvent) => {\r\n    const key = event.key;\r\n\r\n    switch (key) {\r\n      case SpecialKey.Enter:\r\n      case SpecialKey.Space:\r\n        props.onActivate && props.onActivate();\r\n        break;\r\n    }\r\n  }, [props]);\r\n\r\n  const handleClick = React.useCallback((e: React.MouseEvent) => {\r\n    props.onClick && props.onClick(e);\r\n    props.onActivate && props.onActivate();\r\n  }, [props]);\r\n\r\n  const className = classnames(\r\n    \"core-underlined-button\",\r\n    props.className ? props.className : undefined,\r\n  );\r\n\r\n  return (\r\n    <span\r\n      className={className}\r\n      title={props.title}\r\n      onClick={handleClick}\r\n      onKeyUp={handleKeyUp}\r\n      tabIndex={0}\r\n      role=\"link\"\r\n    >\r\n      {props.children}\r\n    </span>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"UnderlinedButton.js","sourceRoot":"","sources":["../../../../src/core-react/button/UnderlinedButton.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,mCAAiC;AACjC,2CAAoC;AACpC,+BAA+B;AAC/B,0DAAmD;AAkBnD;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA0B,EAAE,EAAE;QACnE,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QAEtB,QAAQ,GAAG,EAAE;YACX,KAAK,2BAAU,CAAC,KAAK,CAAC;YACtB,KAAK,2BAAU,CAAC,KAAK;gBACnB,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACvC,MAAM;SACT;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QAC5D,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,wBAAwB,EACxB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAC9C,CAAC;IAEF,OAAO,CACL,8BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,MAAM,IAEV,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;AACJ,CAAC;AAlCD,4CAkCC","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 \"./UnderlinedButton.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\n\n/** Properties for the [[UnderlinedButton]] React component\n * @public\n */\nexport interface UnderlinedButtonProps {\n  /** String that will be rendered by the button */\n  children: string | React.ReactNode;\n  /** Additional className */\n  className?: string;\n  /** Title of the button */\n  title?: string;\n  /** Callback to onClick event */\n  onClick?: (e: React.MouseEvent) => void;\n  /** Callback to activate */\n  onActivate?: () => void;\n}\n\n/** A React component that makes text clickable and underlined\n * @public\n */\nexport function UnderlinedButton(props: UnderlinedButtonProps) {\n  const handleKeyUp = React.useCallback((event: React.KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case SpecialKey.Enter:\n      case SpecialKey.Space:\n        props.onActivate && props.onActivate();\n        break;\n    }\n  }, [props]);\n\n  const handleClick = React.useCallback((e: React.MouseEvent) => {\n    props.onClick && props.onClick(e);\n    props.onActivate && props.onActivate();\n  }, [props]);\n\n  const className = classnames(\n    \"core-underlined-button\",\n    props.className ? props.className : undefined,\n  );\n\n  return (\n    <span\n      className={className}\n      title={props.title}\n      onClick={handleClick}\n      onKeyUp={handleKeyUp}\n      tabIndex={0}\n      role=\"link\"\n    >\n      {props.children}\n    </span>\n  );\n}\n"]}

package/lib/cjs/core-react/button/UnderlinedButton.scss

@@ -1,33 +1,33 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index.scss";
-@import "../inputs/index.scss";
-
-$color: $buic-foreground-primary;
-$hoverColor: $buic-foreground-primary-tone;
-
-.core-underlined-button {
-  background: transparent;
-  color: $color;
-  border: 0px solid $color;
-  border-bottom-width: 1px;
-
-  width: fit-content;
-
-  cursor: pointer;
-
-  &:hover {
-    color: $hoverColor;
-    border-color: $hoverColor;
-  }
-
-  &:focus {
-    color: $hoverColor;
-    border-color: $hoverColor;
-    background-color: $buic-background-focus-overlay;
-    outline: none;
-  }
-
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/index.scss";
+@import "../inputs/index.scss";
+
+$color: $buic-foreground-primary;
+$hoverColor: $buic-foreground-primary-tone;
+
+.core-underlined-button {
+  background: transparent;
+  color: $color;
+  border: 0px solid $color;
+  border-bottom-width: 1px;
+
+  width: fit-content;
+
+  cursor: pointer;
+
+  &:hover {
+    color: $hoverColor;
+    border-color: $hoverColor;
+  }
+
+  &:focus {
+    color: $hoverColor;
+    border-color: $hoverColor;
+    background-color: $buic-background-focus-overlay;
+    outline: none;
+  }
+
 }

package/lib/cjs/core-react/checklistbox/CheckListBox.d.ts

@@ -1,41 +1,41 @@
-/** @packageDocumentation
- * @module CheckListBox
- */
-import "./CheckListBox.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[CheckListBoxItem]] component
- * @public
- */
-export interface CheckListBoxItemProps extends CommonProps {
-    /** Label */
-    label: string;
-    /** Indicates whether the item is checked or not */
-    checked?: boolean;
-    /** Indicates whether the item is disabled or not */
-    disabled?: boolean;
-    /** Function called when item is clicked. */
-    onClick?: () => any;
-    /** Function called when item is changed. */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;
-}
-/** Item with a checkbox added to a [[CheckListBox]].
- * @public
- */
-export declare class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {
-    render(): JSX.Element;
-}
-/** Separator added to a [[CheckListBox]].
- * @public
- */
-export declare function CheckListBoxSeparator(): JSX.Element;
-/** React component showing a list of Checkbox items.
- * @public
- */
-export declare class CheckListBox extends React.PureComponent<CommonProps & {
-    /** Content */
-    children?: React.ReactNode;
-}> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module CheckListBox
+ */
+import "./CheckListBox.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[CheckListBoxItem]] component
+ * @public
+ */
+export interface CheckListBoxItemProps extends CommonProps {
+    /** Label */
+    label: string;
+    /** Indicates whether the item is checked or not */
+    checked?: boolean;
+    /** Indicates whether the item is disabled or not */
+    disabled?: boolean;
+    /** Function called when item is clicked. */
+    onClick?: () => any;
+    /** Function called when item is changed. */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;
+}
+/** Item with a checkbox added to a [[CheckListBox]].
+ * @public
+ */
+export declare class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {
+    render(): JSX.Element;
+}
+/** Separator added to a [[CheckListBox]].
+ * @public
+ */
+export declare function CheckListBoxSeparator(): JSX.Element;
+/** React component showing a list of Checkbox items.
+ * @public
+ */
+export declare class CheckListBox extends React.PureComponent<CommonProps & {
+    /** Content */
+    children?: React.ReactNode;
+}> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=CheckListBox.d.ts.map