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

package/lib/esm/core-react/icons/SvgPath.d.ts

@@ -1,24 +1,24 @@
-/** @packageDocumentation
- * @module Icon
- */
-import "./SvgSprite.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties of [[SvgPath]] component.
- * @public
- */
-export interface SvgPathProps extends CommonProps {
-    /** Svg graphics paths */
-    paths: string[];
-    /** Svg viewBox width */
-    viewBoxWidth: number;
-    /** Svg viewBox height */
-    viewBoxHeight: number;
-}
-/** Svg element wrapper with specified Svg paths.
- * @public
- */
-export declare class SvgPath extends React.PureComponent<SvgPathProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Icon
+ */
+import "./SvgPath.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties of [[SvgPath]] component.
+ * @public
+ */
+export interface SvgPathProps extends CommonProps {
+    /** Svg graphics paths */
+    paths: string[];
+    /** Svg viewBox width */
+    viewBoxWidth: number;
+    /** Svg viewBox height */
+    viewBoxHeight: number;
+}
+/** Svg element wrapper with specified Svg paths.
+ * @public
+ */
+export declare class SvgPath extends React.PureComponent<SvgPathProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=SvgPath.d.ts.map

package/lib/esm/core-react/icons/SvgPath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SvgPath.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/SvgPath.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,yBAAyB;IACzB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,wBAAwB;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,qBAAa,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;IAC5C,MAAM;CAqBvB"}
+{"version":3,"file":"SvgPath.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/SvgPath.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,yBAAyB;IACzB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,wBAAwB;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,qBAAa,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;IAC5C,MAAM;CAqBvB"}

package/lib/esm/core-react/icons/SvgPath.js

@@ -1,24 +1,24 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Icon
- */
-import "./SvgSprite.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Svg element wrapper with specified Svg paths.
- * @public
- */
-export class SvgPath extends React.PureComponent {
-    render() {
-        const className = classnames("core-icons-svgSprite", this.props.className);
-        const viewBox = `0 0 ${this.props.viewBoxWidth} ${this.props.viewBoxHeight}`;
-        return (React.createElement("svg", { className: className, style: this.props.style, width: "100%", height: "100%", viewBox: viewBox },
-            React.createElement("g", null, this.props.paths.map((path, index) => {
-                return (React.createElement("path", { d: path, key: index }));
-            }))));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Icon
+ */
+import "./SvgPath.scss";
+import classnames from "classnames";
+import * as React from "react";
+/** Svg element wrapper with specified Svg paths.
+ * @public
+ */
+export class SvgPath extends React.PureComponent {
+    render() {
+        const className = classnames("core-icons-svgPath", this.props.className);
+        const viewBox = `0 0 ${this.props.viewBoxWidth} ${this.props.viewBoxHeight}`;
+        return (React.createElement("svg", { className: className, style: this.props.style, width: "100%", height: "100%", viewBox: viewBox },
+            React.createElement("g", null, this.props.paths.map((path, index) => {
+                return (React.createElement("path", { d: path, key: index }));
+            }))));
+    }
+}
 //# sourceMappingURL=SvgPath.js.map

package/lib/esm/core-react/icons/SvgPath.js.map

@@ -1 +1 @@
-{"version":3,"file":"SvgPath.js","sourceRoot":"","sources":["../../../../src/core-react/icons/SvgPath.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B;;GAEG;AACH,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,aAA2B;IAC5C,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,MAAM,OAAO,GAAG,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;QAE7E,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO;YAC7F,+BAEI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE;gBACnD,OAAO,CACL,8BAAM,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,CAC9B,CAAC;YACJ,CAAC,CAAC,CAEF,CACA,CACP,CAAC;IACJ,CAAC;CACF","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 Icon\r\n */\r\n\r\nimport \"./SvgSprite.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties of [[SvgPath]] component.\r\n * @public\r\n */\r\nexport interface SvgPathProps extends CommonProps {\r\n  /** Svg graphics paths */\r\n  paths: string[];\r\n  /** Svg viewBox width */\r\n  viewBoxWidth: number;\r\n  /** Svg viewBox height */\r\n  viewBoxHeight: number;\r\n}\r\n\r\n/** Svg element wrapper with specified Svg paths.\r\n * @public\r\n */\r\nexport class SvgPath extends React.PureComponent<SvgPathProps> {\r\n  public override render() {\r\n    const className = classnames(\r\n      \"core-icons-svgSprite\",\r\n      this.props.className,\r\n    );\r\n    const viewBox = `0 0 ${this.props.viewBoxWidth} ${this.props.viewBoxHeight}`;\r\n\r\n    return (\r\n      <svg className={className} style={this.props.style} width=\"100%\" height=\"100%\" viewBox={viewBox}>\r\n        <g>\r\n          {\r\n            this.props.paths.map((path: string, index: number) => {\r\n              return (\r\n                <path d={path} key={index} />\r\n              );\r\n            })\r\n          }\r\n        </g>\r\n      </svg>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"SvgPath.js","sourceRoot":"","sources":["../../../../src/core-react/icons/SvgPath.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B;;GAEG;AACH,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,aAA2B;IAC5C,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,oBAAoB,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,MAAM,OAAO,GAAG,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;QAE7E,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO;YAC7F,+BAEI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE;gBACnD,OAAO,CACL,8BAAM,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,CAC9B,CAAC;YACJ,CAAC,CAAC,CAEF,CACA,CACP,CAAC;IACJ,CAAC;CACF","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 Icon\n */\n\nimport \"./SvgPath.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties of [[SvgPath]] component.\n * @public\n */\nexport interface SvgPathProps extends CommonProps {\n  /** Svg graphics paths */\n  paths: string[];\n  /** Svg viewBox width */\n  viewBoxWidth: number;\n  /** Svg viewBox height */\n  viewBoxHeight: number;\n}\n\n/** Svg element wrapper with specified Svg paths.\n * @public\n */\nexport class SvgPath extends React.PureComponent<SvgPathProps> {\n  public override render() {\n    const className = classnames(\n      \"core-icons-svgPath\",\n      this.props.className,\n    );\n    const viewBox = `0 0 ${this.props.viewBoxWidth} ${this.props.viewBoxHeight}`;\n\n    return (\n      <svg className={className} style={this.props.style} width=\"100%\" height=\"100%\" viewBox={viewBox}>\n        <g>\n          {\n            this.props.paths.map((path: string, index: number) => {\n              return (\n                <path d={path} key={index} />\n              );\n            })\n          }\n        </g>\n      </svg>\n    );\n  }\n}\n"]}

package/lib/esm/core-react/icons/{SvgSprite.scss → SvgPath.scss}

@@ -1,15 +1,15 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.core-icons-svgSprite {
-  display: inline-block;
-  box-sizing: border-box;
-  background-color: transparent;
-  border: none;
-  padding: auto;
-  overflow: hidden;
-  vertical-align: top;
-  fill: currentColor;
-  stroke: transparent;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.core-icons-svgPath {
+  display: inline-block;
+  box-sizing: border-box;
+  background-color: transparent;
+  border: none;
+  padding: auto;
+  overflow: hidden;
+  vertical-align: top;
+  fill: currentColor;
+  stroke: transparent;
+}

package/lib/esm/core-react/icons/WebFontIcon.d.ts

@@ -1,27 +1,26 @@
-/** @packageDocumentation
- * @module Icon
- */
-import "./WebFontIcon.scss";
-import "@bentley/icons-generic-webfont/dist/bentley-icons-generic-webfont.css";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[WebFontIcon]] React component
- * @public
- */
-export interface WebFontIconProps extends CommonProps {
-    /** Bentley Web Font icon name */
-    iconName: string;
-    /** Click event handler */
-    onClick?: React.MouseEventHandler<HTMLSpanElement>;
-    /** Text that will be shown when hovered on the icon. */
-    title?: string;
-    /** Size of the icon */
-    iconSize?: "x-small" | "small" | "medium" | "large" | "x-large";
-    /** Class name of icon used for custom font-family icons */
-    iconClassName?: string;
-}
-/** WebFontIcon React component
- * @public
- */
-export declare function WebFontIcon(props: WebFontIconProps): JSX.Element;
+/** @packageDocumentation
+ * @module Icon
+ */
+import "./WebFontIcon.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[WebFontIcon]] React component
+ * @public
+ */
+export interface WebFontIconProps extends CommonProps {
+    /** Bentley Web Font icon name */
+    iconName: string;
+    /** Click event handler */
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+    /** Text that will be shown when hovered on the icon. */
+    title?: string;
+    /** Size of the icon */
+    iconSize?: "x-small" | "small" | "medium" | "large" | "x-large";
+    /** Class name of icon used for custom font-family icons */
+    iconClassName?: string;
+}
+/** WebFontIcon React component
+ * @public
+ */
+export declare function WebFontIcon(props: WebFontIconProps): JSX.Element;
 //# sourceMappingURL=WebFontIcon.d.ts.map

package/lib/esm/core-react/icons/WebFontIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebFontIcon.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/WebFontIcon.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uEAAuE,CAAC;AAE/E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACnD,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChE,2DAA2D;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAiBlD"}
+{"version":3,"file":"WebFontIcon.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/WebFontIcon.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACnD,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChE,2DAA2D;IAC3D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAiBlD"}

package/lib/esm/core-react/icons/WebFontIcon.js

@@ -1,19 +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 Icon
- */
-import "./WebFontIcon.scss";
-import "@bentley/icons-generic-webfont/dist/bentley-icons-generic-webfont.css";
-import classnames from "classnames";
-import * as React from "react";
-/** WebFontIcon React component
- * @public
- */
-export function WebFontIcon(props) {
-    const className = classnames(props.iconClassName || "bui-webfont-icon", props.iconName, props.iconSize ? `uicore-icons-${props.iconSize}` : undefined, props.className);
-    return (React.createElement("span", { className: className, title: props.title, style: props.style, onClick: props.onClick, role: "presentation" }));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Icon
+ */
+import "./WebFontIcon.scss";
+import classnames from "classnames";
+import * as React from "react";
+/** WebFontIcon React component
+ * @public
+ */
+export function WebFontIcon(props) {
+    const className = classnames(props.iconClassName || "bui-webfont-icon", props.iconName, props.iconSize ? `uicore-icons-${props.iconSize}` : undefined, props.className);
+    return (React.createElement("span", { className: className, title: props.title, style: props.style, onClick: props.onClick, role: "presentation" }));
+}
 //# sourceMappingURL=WebFontIcon.js.map

package/lib/esm/core-react/icons/WebFontIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebFontIcon.js","sourceRoot":"","sources":["../../../../src/core-react/icons/WebFontIcon.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uEAAuE,CAAC;AAC/E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,SAAS,GAAG,UAAU,CAC1B,KAAK,CAAC,aAAa,IAAI,kBAAkB,EACzC,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,EAC7D,KAAK,CAAC,SAAS,CAChB,CAAC;IAEF,OAAO,CACL,8BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAC,cAAc,GACnB,CACH,CAAC;AACJ,CAAC","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 Icon\r\n */\r\n\r\nimport \"./WebFontIcon.scss\";\r\nimport \"@bentley/icons-generic-webfont/dist/bentley-icons-generic-webfont.css\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[WebFontIcon]] React component\r\n * @public\r\n */\r\nexport interface WebFontIconProps extends CommonProps {\r\n  /** Bentley Web Font icon name */\r\n  iconName: string;\r\n  /** Click event handler */\r\n  onClick?: React.MouseEventHandler<HTMLSpanElement>;\r\n  /** Text that will be shown when hovered on the icon. */\r\n  title?: string;\r\n  /** Size of the icon */\r\n  iconSize?: \"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\";\r\n  /** Class name of icon used for custom font-family icons */\r\n  iconClassName?: string;\r\n}\r\n\r\n/** WebFontIcon React component\r\n * @public\r\n */\r\nexport function WebFontIcon(props: WebFontIconProps) {\r\n  const className = classnames(\r\n    props.iconClassName || \"bui-webfont-icon\",\r\n    props.iconName,\r\n    props.iconSize ? `uicore-icons-${props.iconSize}` : undefined,\r\n    props.className,\r\n  );\r\n\r\n  return (\r\n    <span\r\n      className={className}\r\n      title={props.title}\r\n      style={props.style}\r\n      onClick={props.onClick}\r\n      role=\"presentation\"\r\n    />\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"WebFontIcon.js","sourceRoot":"","sources":["../../../../src/core-react/icons/WebFontIcon.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,SAAS,GAAG,UAAU,CAC1B,KAAK,CAAC,aAAa,IAAI,kBAAkB,EACzC,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,EAC7D,KAAK,CAAC,SAAS,CAChB,CAAC;IAEF,OAAO,CACL,8BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAC,cAAc,GACnB,CACH,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 Icon\n */\n\nimport \"./WebFontIcon.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[WebFontIcon]] React component\n * @public\n */\nexport interface WebFontIconProps extends CommonProps {\n  /** Bentley Web Font icon name */\n  iconName: string;\n  /** Click event handler */\n  onClick?: React.MouseEventHandler<HTMLSpanElement>;\n  /** Text that will be shown when hovered on the icon. */\n  title?: string;\n  /** Size of the icon */\n  iconSize?: \"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\";\n  /** Class name of icon used for custom font-family icons */\n  iconClassName?: string;\n}\n\n/** WebFontIcon React component\n * @public\n */\nexport function WebFontIcon(props: WebFontIconProps) {\n  const className = classnames(\n    props.iconClassName || \"bui-webfont-icon\",\n    props.iconName,\n    props.iconSize ? `uicore-icons-${props.iconSize}` : undefined,\n    props.className,\n  );\n\n  return (\n    <span\n      className={className}\n      title={props.title}\n      style={props.style}\n      onClick={props.onClick}\n      role=\"presentation\"\n    />\n  );\n}\n"]}

package/lib/esm/core-react/icons/WebFontIcon.scss

@@ -1,17 +1,17 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./index";
-
-.bui-webfont-icon {
-  font-family: bentley-icons-generic-webfont !important;
-  speak: none;
-  font-style: normal;
-  font-weight: normal !important;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./index";
+
+.bui-webfont-icon {
+  font-family: bentley-icons-generic-webfont !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

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

@@ -1,10 +1,10 @@
-/*---------------------------------------------------------------------------------------------
-* 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-icons-large { @include uicore-icons-large; }
-.uicore-icons-medium { @include uicore-icons-medium; }
-.uicore-icons-small { @include uicore-icons-small; }
-.uicore-icons-x-large { @include uicore-icons-x-large; }
+/*---------------------------------------------------------------------------------------------
+* 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-icons-large { @include uicore-icons-large; }
+.uicore-icons-medium { @include uicore-icons-medium; }
+.uicore-icons-small { @include uicore-icons-small; }
+.uicore-icons-x-large { @include uicore-icons-x-large; }

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

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

package/lib/esm/core-react/icons/mixins.scss

@@ -1,25 +1,25 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./variables";
-
-@mixin uicore-icons-small {
-  width: $uicore-icons-small;
-  height: $uicore-icons-small;
-}
-
-@mixin uicore-icons-medium {
-  width: $uicore-icons-medium;
-  height: $uicore-icons-medium;
-}
-
-@mixin uicore-icons-large {
-  width: $uicore-icons-large;
-  height: $uicore-icons-large;
-}
-
-@mixin uicore-icons-x-large {
-  width: $uicore-icons-x-large;
-  height: $uicore-icons-x-large;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./variables";
+
+@mixin uicore-icons-small {
+  width: $uicore-icons-small;
+  height: $uicore-icons-small;
+}
+
+@mixin uicore-icons-medium {
+  width: $uicore-icons-medium;
+  height: $uicore-icons-medium;
+}
+
+@mixin uicore-icons-large {
+  width: $uicore-icons-large;
+  height: $uicore-icons-large;
+}
+
+@mixin uicore-icons-x-large {
+  width: $uicore-icons-x-large;
+  height: $uicore-icons-x-large;
+}

package/lib/esm/core-react/icons/variables.scss

@@ -1,21 +1,12 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/colors";
-
-// Sizes
-$uicore-icons-x-small: 12px;
-$uicore-icons-smaller: 14px;
-$uicore-icons-small: 16px;
-$uicore-icons-medium: 2 * $uicore-icons-small;
-$uicore-icons-large: 3 * $uicore-icons-small;
-$uicore-icons-x-large: 4 * $uicore-icons-small;
-
-// Colors
-$uicore-icons-light: $uicore-gray;
-$uicore-icons-dark: $uicore-gray-5;
-$uicore-icons-green: $uicore-green;
-$uicore-icons-red: $uicore-red;
-$uicore-icons-orange: $uicore-orange;
-$uicore-icons-blue: $uicore-teal-b;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+// Sizes
+$uicore-icons-x-small: 12px;
+$uicore-icons-smaller: 14px;
+$uicore-icons-small: 16px;
+$uicore-icons-medium: 2 * $uicore-icons-small;
+$uicore-icons-large: 3 * $uicore-icons-small;
+$uicore-icons-x-large: 4 * $uicore-icons-small;

package/lib/esm/core-react/imagecheckbox/ImageCheckBox.d.ts

@@ -1,43 +1,43 @@
-/** @packageDocumentation
- * @module Checkbox
- */
-import "./ImageCheckBox.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[ImageCheckBox]] component
- * @public
- */
-export interface ImageCheckBoxProps extends CommonProps {
-    /** Image for the "checked" state */
-    imageOn: string | React.ReactNode;
-    /** Image for the "unchecked" (default) state */
-    imageOff: string | React.ReactNode;
-    /** Determine if the item is checked or not */
-    checked?: boolean;
-    /** Determine if the item is disabled or not */
-    disabled?: boolean;
-    /** Function called when item is clicked. */
-    onClick?: (checked: boolean) => any;
-    /** Custom CSS class name for the checkbox input element */
-    inputClassName?: string;
-    /** Custom CSS Style for the checkbox input element */
-    inputStyle?: React.CSSProperties;
-    /** Tooltip to be displayed when mouse is hovered over the checkbox */
-    tooltip?: string;
-    /** If true, draw a border around the image checkbox */
-    border?: boolean;
-    /** Provides ability to return reference to HTMLInputElement */
-    inputRef?: React.Ref<HTMLInputElement>;
-}
-/**
- * ImageCheckBox React component shows a checked or unchecked image
- * @public
- */
-export declare class ImageCheckBox extends React.PureComponent<ImageCheckBoxProps> {
-    private _onChange;
-    private _onInputClick;
-    private _onLabelClick;
-    /** @internal */
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Checkbox
+ */
+import "./ImageCheckBox.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[ImageCheckBox]] component
+ * @public
+ */
+export interface ImageCheckBoxProps extends CommonProps {
+    /** Image for the "checked" state */
+    imageOn: string | React.ReactNode;
+    /** Image for the "unchecked" (default) state */
+    imageOff: string | React.ReactNode;
+    /** Determine if the item is checked or not */
+    checked?: boolean;
+    /** Determine if the item is disabled or not */
+    disabled?: boolean;
+    /** Function called when item is clicked. */
+    onClick?: (checked: boolean) => any;
+    /** Custom CSS class name for the checkbox input element */
+    inputClassName?: string;
+    /** Custom CSS Style for the checkbox input element */
+    inputStyle?: React.CSSProperties;
+    /** Tooltip to be displayed when mouse is hovered over the checkbox */
+    tooltip?: string;
+    /** If true, draw a border around the image checkbox */
+    border?: boolean;
+    /** Provides ability to return reference to HTMLInputElement */
+    inputRef?: React.Ref<HTMLInputElement>;
+}
+/**
+ * ImageCheckBox React component shows a checked or unchecked image
+ * @public
+ */
+export declare class ImageCheckBox extends React.PureComponent<ImageCheckBoxProps> {
+    private _onChange;
+    private _onInputClick;
+    private _onLabelClick;
+    /** @internal */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=ImageCheckBox.d.ts.map

package/lib/esm/core-react/imagecheckbox/ImageCheckBox.js

@@ -1,53 +1,53 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Checkbox
- */
-import "./ImageCheckBox.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Icon } from "../icons/IconComponent";
-/**
- * ImageCheckBox React component shows a checked or unchecked image
- * @public
- */
-export class ImageCheckBox extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._onChange = (e) => {
-            // istanbul ignore next
-            if (e && e.stopPropagation)
-                e.stopPropagation();
-            // istanbul ignore else
-            if (this.props.onClick) {
-                this.props.onClick(e.target.checked);
-            }
-        };
-        this._onInputClick = (e) => {
-            // istanbul ignore next
-            if (e && e.stopPropagation)
-                e.stopPropagation();
-        };
-        this._onLabelClick = (e) => {
-            // istanbul ignore next
-            if (e && e.stopPropagation)
-                e.stopPropagation();
-        };
-    }
-    /** @internal */
-    render() {
-        const checkBoxClass = classnames("core-image-checkbox", this.props.className);
-        const imageClass = classnames("image", this.props.border && "image-checkbox-border");
-        const iconSpec = this.props.checked ? this.props.imageOn : this.props.imageOff;
-        return (
-        /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-        /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
-        React.createElement("label", { className: checkBoxClass, style: this.props.style, onClick: this._onLabelClick, title: this.props.tooltip },
-            React.createElement("input", { type: "checkbox", className: this.props.inputClassName, style: this.props.inputStyle, checked: this.props.checked, disabled: this.props.disabled, onChange: this._onChange, onClick: this._onInputClick, ref: this.props.inputRef }),
-            React.createElement("span", { className: imageClass },
-                React.createElement(Icon, { iconSpec: iconSpec }))));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Checkbox
+ */
+import "./ImageCheckBox.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Icon } from "../icons/IconComponent";
+/**
+ * ImageCheckBox React component shows a checked or unchecked image
+ * @public
+ */
+export class ImageCheckBox extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._onChange = (e) => {
+            // istanbul ignore next
+            if (e && e.stopPropagation)
+                e.stopPropagation();
+            // istanbul ignore else
+            if (this.props.onClick) {
+                this.props.onClick(e.target.checked);
+            }
+        };
+        this._onInputClick = (e) => {
+            // istanbul ignore next
+            if (e && e.stopPropagation)
+                e.stopPropagation();
+        };
+        this._onLabelClick = (e) => {
+            // istanbul ignore next
+            if (e && e.stopPropagation)
+                e.stopPropagation();
+        };
+    }
+    /** @internal */
+    render() {
+        const checkBoxClass = classnames("core-image-checkbox", this.props.className);
+        const imageClass = classnames("image", this.props.border && "image-checkbox-border");
+        const iconSpec = this.props.checked ? this.props.imageOn : this.props.imageOff;
+        return (
+        /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+        /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
+        React.createElement("label", { className: checkBoxClass, style: this.props.style, onClick: this._onLabelClick, title: this.props.tooltip },
+            React.createElement("input", { type: "checkbox", className: this.props.inputClassName, style: this.props.inputStyle, checked: this.props.checked, disabled: this.props.disabled, onChange: this._onChange, onClick: this._onInputClick, ref: this.props.inputRef }),
+            React.createElement("span", { className: imageClass },
+                React.createElement(Icon, { iconSpec: iconSpec }))));
+    }
+}
 //# sourceMappingURL=ImageCheckBox.js.map