@itwin/core-react 3.7.0 → 3.7.2

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/Button.d.ts

@@ -1,48 +1,48 @@
-/** @packageDocumentation
- * @module Button
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Sizes for [[Button]] component
- * @public
- * @deprecated in 3.0. Use `size` prop for itwinui-react Button instead
- */
-export declare enum ButtonSize {
-    Default = "",
-    Large = "large"
-}
-/** Types for [[Button]] component
- * @public
- * @deprecated in 3.0. 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 in 3.0. 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 in 3.0. 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;
+/** @packageDocumentation
+ * @module Button
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Sizes for [[Button]] component
+ * @public
+ * @deprecated in 3.0. Use `size` prop for itwinui-react Button instead
+ */
+export declare enum ButtonSize {
+    Default = "",
+    Large = "large"
+}
+/** Types for [[Button]] component
+ * @public
+ * @deprecated in 3.0. 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 in 3.0. 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 in 3.0. 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/cjs/core-react/button/Button.js

@@ -1,86 +1,86 @@
-"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.getButtonTypeClassName = exports.Button = exports.ButtonType = exports.ButtonSize = void 0;
-const React = require("react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-/** Sizes for [[Button]] component
- * @public
- * @deprecated in 3.0. Use `size` prop for itwinui-react Button instead
- */
-var ButtonSize;
-(function (ButtonSize) {
-    ButtonSize["Default"] = "";
-    ButtonSize["Large"] = "large";
-})(ButtonSize = exports.ButtonSize || (exports.ButtonSize = {}));
-/** Types for [[Button]] component
- * @public
- * @deprecated in 3.0. Use `styleType` prop for itwinui-react Button instead
- */
-var ButtonType;
-(function (ButtonType) {
-    ButtonType["Primary"] = "primary";
-    ButtonType["Blue"] = "blue";
-    ButtonType["Disabled"] = "disabled";
-    ButtonType["Hollow"] = "hollow";
-})(ButtonType = exports.ButtonType || (exports.ButtonType = {}));
-/** Generic button component
- * @public
- * @deprecated in 3.0. Use Button from itwinui-react instead
- */
-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);
-        // eslint-disable-next-line deprecation/deprecation
-        return React.createElement(itwinui_react_1.Button, { ...props, className: className, style: style, onClick: onClick, styleType: iuiButtonType, size: size === ButtonSize.Large ? undefined : "small" });
-    }
-}
-exports.Button = Button;
-/** @internal */
-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;
-}
-exports.getButtonTypeClassName = getButtonTypeClassName;
+"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.getButtonTypeClassName = exports.Button = exports.ButtonType = exports.ButtonSize = void 0;
+const React = require("react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+/** Sizes for [[Button]] component
+ * @public
+ * @deprecated in 3.0. Use `size` prop for itwinui-react Button instead
+ */
+var ButtonSize;
+(function (ButtonSize) {
+    ButtonSize["Default"] = "";
+    ButtonSize["Large"] = "large";
+})(ButtonSize = exports.ButtonSize || (exports.ButtonSize = {}));
+/** Types for [[Button]] component
+ * @public
+ * @deprecated in 3.0. Use `styleType` prop for itwinui-react Button instead
+ */
+var ButtonType;
+(function (ButtonType) {
+    ButtonType["Primary"] = "primary";
+    ButtonType["Blue"] = "blue";
+    ButtonType["Disabled"] = "disabled";
+    ButtonType["Hollow"] = "hollow";
+})(ButtonType = exports.ButtonType || (exports.ButtonType = {}));
+/** Generic button component
+ * @public
+ * @deprecated in 3.0. Use Button from itwinui-react instead
+ */
+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);
+        // eslint-disable-next-line deprecation/deprecation
+        return React.createElement(itwinui_react_1.Button, { ...props, className: className, style: style, onClick: onClick, styleType: iuiButtonType, size: size === ButtonSize.Large ? undefined : "small" });
+    }
+}
+exports.Button = Button;
+/** @internal */
+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;
+}
+exports.getButtonTypeClassName = getButtonTypeClassName;
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/core-react/button/Button.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,wDAAoG;AAGpG;;;GAGG;AACH,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,0BAAY,CAAA;IACZ,6BAAe,CAAA;AACjB,CAAC,EAHW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAGrB;AAED;;;GAGG;AACH,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EALW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAKrB;AAiBD;;;GAGG;AACH,MAAa,MAAO,SAAQ,KAAK,CAAC,aAA0B;IAA5D;;QACU,qBAAgB,GAAG,CAAC,UAAuB,EAAE,EAAE;YACrD,IAAI,aAA+C,CAAC;YACpD,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;IAUJ,CAAC;IARiB,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,mDAAmD;QACnD,OAAO,oBAAC,sBAAc,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,GAAI,CAAC;IAC9K,CAAC;CACF;AA1BD,wBA0BC;AAED,gBAAgB;AAChB,SAAgB,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;AAlBD,wDAkBC","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, ButtonProps as ITwinUI_ButtonProps } from \"@itwin/itwinui-react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Sizes for [[Button]] component\n * @public\n * @deprecated in 3.0. 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 in 3.0. 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 in 3.0. 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 in 3.0. Use Button from itwinui-react instead\n */\nexport class Button extends React.PureComponent<ButtonProps> {    // eslint-disable-line deprecation/deprecation\n  private getIuiButtonType = (buttonType?: ButtonType) => {   // eslint-disable-line deprecation/deprecation\n    let iuiButtonType: ITwinUI_ButtonProps[\"styleType\"];\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    // eslint-disable-next-line deprecation/deprecation\n    return <ITwinUI_Button {...props} className={className} style={style} onClick={onClick} styleType={iuiButtonType} size={size === ButtonSize.Large ? undefined : \"small\"} />;\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"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/core-react/button/Button.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,wDAAoG;AAGpG;;;GAGG;AACH,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,0BAAY,CAAA;IACZ,6BAAe,CAAA;AACjB,CAAC,EAHW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAGrB;AAED;;;GAGG;AACH,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EALW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAKrB;AAiBD;;;GAGG;AACH,MAAa,MAAO,SAAQ,KAAK,CAAC,aAA0B;IAA5D;;QACU,qBAAgB,GAAG,CAAC,UAAuB,EAAE,EAAE;YACrD,IAAI,aAA+C,CAAC;YACpD,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;IAUJ,CAAC;IARiB,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,mDAAmD;QACnD,OAAO,oBAAC,sBAAc,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,GAAI,CAAC;IAC9K,CAAC;CACF;AA1BD,wBA0BC;AAED,gBAAgB;AAChB,SAAgB,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;AAlBD,wDAkBC","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 * as React from \"react\";\r\nimport { Button as ITwinUI_Button, ButtonProps as ITwinUI_ButtonProps } from \"@itwin/itwinui-react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Sizes for [[Button]] component\r\n * @public\r\n * @deprecated in 3.0. Use `size` prop for itwinui-react Button instead\r\n */\r\nexport enum ButtonSize {\r\n  Default = \"\",\r\n  Large = \"large\",\r\n}\r\n\r\n/** Types for [[Button]] component\r\n * @public\r\n * @deprecated in 3.0. Use `styleType` prop for itwinui-react Button instead\r\n */\r\nexport enum ButtonType {\r\n  Primary = \"primary\",\r\n  Blue = \"blue\",\r\n  Disabled = \"disabled\",\r\n  Hollow = \"hollow\",\r\n}\r\n\r\n/** Properties for [[Button]] component\r\n * @public\r\n * @deprecated in 3.0. Use ButtonProps from itwinui-react instead\r\n */\r\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** Allow ID to be passed to Button */\r\n  id?: string;\r\n  /** Default and large sizes */\r\n  size?: ButtonSize;  // eslint-disable-line deprecation/deprecation\r\n  /** 4 styles to tweak the content of the button */\r\n  buttonType?: ButtonType;    // eslint-disable-line deprecation/deprecation\r\n  /** A function to be run when the element is clicked */\r\n  onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void);\r\n}\r\n\r\n/** Generic button component\r\n * @public\r\n * @deprecated in 3.0. Use Button from itwinui-react instead\r\n */\r\nexport class Button extends React.PureComponent<ButtonProps> {    // eslint-disable-line deprecation/deprecation\r\n  private getIuiButtonType = (buttonType?: ButtonType) => {   // eslint-disable-line deprecation/deprecation\r\n    let iuiButtonType: ITwinUI_ButtonProps[\"styleType\"];\r\n    switch (buttonType) {\r\n      case ButtonType.Blue: // eslint-disable-line deprecation/deprecation\r\n        iuiButtonType = \"high-visibility\";\r\n        break;\r\n      case ButtonType.Hollow: // eslint-disable-line deprecation/deprecation\r\n        iuiButtonType = \"default\";\r\n        break;\r\n      case ButtonType.Primary:  // eslint-disable-line deprecation/deprecation\r\n      default:\r\n        iuiButtonType = \"cta\";\r\n        break;\r\n    }\r\n    return iuiButtonType;\r\n  };\r\n\r\n  public override render() {\r\n    const { buttonType, size, className, style, onClick, ...props } = this.props;\r\n\r\n    const iuiButtonType = this.getIuiButtonType(buttonType);\r\n\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    return <ITwinUI_Button {...props} className={className} style={style} onClick={onClick} styleType={iuiButtonType} size={size === ButtonSize.Large ? undefined : \"small\"} />;\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport function getButtonTypeClassName(buttonType?: ButtonType): string { // eslint-disable-line deprecation/deprecation\r\n  let typeClassName: string;\r\n  switch (buttonType) {\r\n    case ButtonType.Blue: // eslint-disable-line deprecation/deprecation\r\n      typeClassName = \"uicore-buttons-blue\";\r\n      break;\r\n    case ButtonType.Disabled: // eslint-disable-line deprecation/deprecation\r\n      typeClassName = \"uicore-buttons-disabled\";\r\n      break;\r\n    case ButtonType.Hollow: // eslint-disable-line deprecation/deprecation\r\n      typeClassName = \"uicore-buttons-hollow\";\r\n      break;\r\n    case ButtonType.Primary:  // eslint-disable-line deprecation/deprecation\r\n    default:\r\n      typeClassName = \"uicore-buttons-primary\";\r\n      break;\r\n  }\r\n  return typeClassName;\r\n}\r\n"]}

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":["/*---------------------------------------------------------------------------------------------\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"]}
+{"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"]}

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;
+  }
+
 }