@itwin/core-react 3.7.17 → 3.8.0-dev.1

package/lib/cjs/core-react/icons/IconComponent.js

@@ -1,55 +1,55 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/** @packageDocumentation
- * @module Icon
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-require("./IconComponent.scss");
-const React = require("react");
-const classnames_1 = require("classnames");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const SvgSprite_1 = require("./SvgSprite");
-const dompurify_1 = require("dompurify"), DOMPurifyNS = dompurify_1;
-/** Icon Functional component displays an icon based on an [[IconSpec]].
- * @public
- */
-function Icon(props) {
-    if (!props.iconSpec)
-        return null;
-    const iconString = (typeof props.iconSpec === "string" || props.iconSpec instanceof appui_abstract_1.ConditionalStringValue) ?
-        appui_abstract_1.ConditionalStringValue.getValue(props.iconSpec) : undefined;
-    if (iconString) {
-        const svgSource = appui_abstract_1.IconSpecUtilities.getSvgSource(iconString);
-        // if string begins with "svg:" then we assume it was imported (into extension source file) using webpack loader svg-sprite-loader
-        if (svgSource !== undefined)
-            return (React.createElement("i", { className: (0, classnames_1.default)("icon", "core-svg-icon", props.className), style: props.style },
-                React.createElement(SvgSprite_1.SvgSprite, { src: svgSource })));
-        const webComponentString = appui_abstract_1.IconSpecUtilities.getWebComponentSource(iconString);
-        if (webComponentString) {
-            const svgLoader = `<svg-loader src="${webComponentString}"></svg-loader>`;
-            const svgDiv = `<div>${svgLoader}</div>`;
-            // the esm build of dompurify has a default import but the cjs build does not
-            // if there is a default export, use it (likely esm), otherwise use the namespace
-            // istanbul ignore next
-            const sanitizer = dompurify_1.default !== null && dompurify_1.default !== void 0 ? dompurify_1.default : DOMPurifyNS;
-            const sanitizerConfig = {
-                ALLOWED_TAGS: ["svg-loader"],
-                ADD_URI_SAFE_ATTR: webComponentString.startsWith("data:") ? ["src"] : [],
-            };
-            const sanitizedIconString = sanitizer.sanitize(svgDiv, sanitizerConfig);
-            // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above
-            // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger
-            const webComponentNode = React.createElement("div", { dangerouslySetInnerHTML: { __html: sanitizedIconString } });
-            return (React.createElement("i", { className: (0, classnames_1.default)("icon", "core-svg-icon", props.className) }, webComponentNode));
-        }
-        return (React.createElement("i", { className: (0, classnames_1.default)("icon", iconString, props.className), style: props.style }));
-    }
-    return (React.createElement("i", { className: (0, classnames_1.default)("icon", "core-svg-icon", props.className), style: props.style }, props.iconSpec));
-}
-exports.Icon = Icon;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+/** @packageDocumentation
+ * @module Icon
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = void 0;
+require("./IconComponent.scss");
+const React = require("react");
+const classnames_1 = require("classnames");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const SvgSprite_1 = require("./SvgSprite");
+const dompurify_1 = require("dompurify"), DOMPurifyNS = dompurify_1;
+/** Icon Functional component displays an icon based on an [[IconSpec]].
+ * @public
+ */
+function Icon(props) {
+    if (!props.iconSpec)
+        return null;
+    const iconString = (typeof props.iconSpec === "string" || props.iconSpec instanceof appui_abstract_1.ConditionalStringValue) ?
+        appui_abstract_1.ConditionalStringValue.getValue(props.iconSpec) : undefined;
+    if (iconString) {
+        const svgSource = appui_abstract_1.IconSpecUtilities.getSvgSource(iconString);
+        // if string begins with "svg:" then we assume it was imported (into extension source file) using webpack loader svg-sprite-loader
+        if (svgSource !== undefined)
+            return (React.createElement("i", { className: (0, classnames_1.default)("icon", "core-svg-icon", props.className), style: props.style },
+                React.createElement(SvgSprite_1.SvgSprite, { src: svgSource })));
+        const webComponentString = appui_abstract_1.IconSpecUtilities.getWebComponentSource(iconString);
+        if (webComponentString) {
+            const svgLoader = `<svg-loader src="${webComponentString}"></svg-loader>`;
+            const svgDiv = `<div>${svgLoader}</div>`;
+            // the esm build of dompurify has a default import but the cjs build does not
+            // if there is a default export, use it (likely esm), otherwise use the namespace
+            // istanbul ignore next
+            const sanitizer = dompurify_1.default !== null && dompurify_1.default !== void 0 ? dompurify_1.default : DOMPurifyNS;
+            const sanitizerConfig = {
+                ALLOWED_TAGS: ["svg-loader"],
+                ADD_URI_SAFE_ATTR: webComponentString.startsWith("data:") ? ["src"] : [],
+            };
+            const sanitizedIconString = sanitizer.sanitize(svgDiv, sanitizerConfig);
+            // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above
+            // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger
+            const webComponentNode = React.createElement("div", { dangerouslySetInnerHTML: { __html: sanitizedIconString } });
+            return (React.createElement("i", { className: (0, classnames_1.default)("icon", "core-svg-icon", props.className) }, webComponentNode));
+        }
+        return (React.createElement("i", { className: (0, classnames_1.default)("icon", iconString, props.className), style: props.style }));
+    }
+    return (React.createElement("i", { className: (0, classnames_1.default)("icon", "core-svg-icon", props.className), style: props.style }, props.iconSpec));
+}
+exports.Icon = Icon;
 //# sourceMappingURL=IconComponent.js.map

package/lib/cjs/core-react/icons/IconComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconComponent.js","sourceRoot":"","sources":["../../../../src/core-react/icons/IconComponent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,gCAA8B;AAC9B,+BAA+B;AAC/B,2CAAoC;AACpC,0DAAkF;AAClF,2CAAwC;AAExC,oEAAoD;AAiBpD;;GAEG;AACH,SAAgB,IAAI,CAAC,KAAgB;IACnC,IAAI,CAAC,KAAK,CAAC,QAAQ;QACjB,OAAO,IAAI,CAAC;IAEd,MAAM,UAAU,GAAG,CAAC,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,YAAY,uCAAsB,CAAC,CAAC,CAAC;QAC3G,uCAAsB,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,IAAI,UAAU,EAAE;QACd,MAAM,SAAS,GAAG,kCAAiB,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC7D,kIAAkI;QAClI,IAAI,SAAS,KAAK,SAAS;YACzB,OAAO,CACL,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;gBACpF,oBAAC,qBAAS,IAAC,GAAG,EAAE,SAAS,GAAI,CAC3B,CACL,CAAC;QACJ,MAAM,kBAAkB,GAAG,kCAAiB,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC;QAC/E,IAAI,kBAAkB,EAAE;YACtB,MAAM,SAAS,GAAG,oBAAoB,kBAAkB,iBAAiB,CAAC;YAC1E,MAAM,MAAM,GAAG,QAAQ,SAAS,QAAQ,CAAC;YACzC,6EAA6E;YAC7E,iFAAiF;YACjF,uBAAuB;YACvB,MAAM,SAAS,GAAG,mBAAS,aAAT,mBAAS,cAAT,mBAAS,GAAI,WAAW,CAAC;YAE3C,MAAM,eAAe,GAAG;gBACtB,YAAY,EAAE,CAAC,YAAY,CAAC;gBAC5B,iBAAiB,EAAE,kBAAkB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;aACzE,CAAC;YAEF,MAAM,mBAAmB,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;YACxE,iFAAiF;YACjF,+FAA+F;YAC/F,MAAM,gBAAgB,GAAG,6BAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAQ,CAAC;YAC/F,OAAO,CACL,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,IAC/D,gBAAgB,CACf,CACL,CAAC;SACH;QACD,OAAO,CAAC,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC,CAAC;KAChG;IAED,OAAO,CACL,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IACnF,KAAK,CAAC,QAAQ,CACb,CACL,CAAC;AACJ,CAAC;AAhDD,oBAgDC","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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Icon\r\n */\r\n\r\nimport \"./IconComponent.scss\";\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { ConditionalStringValue, IconSpecUtilities } from \"@itwin/appui-abstract\";\r\nimport { SvgSprite } from \"./SvgSprite\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport DOMPurify, * as DOMPurifyNS from \"dompurify\";\r\n\r\n/** Prototype for an IconSpec which can be a string, ReactNode or ConditionalStringValue.\r\n * @public\r\n */\r\nexport type IconSpec = string | ConditionalStringValue | React.ReactNode;\r\n\r\n/** Properties for the [[Icon]] React component\r\n * @public\r\n */\r\nexport interface IconProps extends CommonProps {\r\n  /** CSS class name or SvgSprite/SvgPath for icon. This is optional because it is improperly\r\n   * used to extend other interfaces and changing it would break existing API.\r\n   */\r\n  iconSpec?: IconSpec;\r\n}\r\n\r\n/** Icon Functional component displays an icon based on an [[IconSpec]].\r\n * @public\r\n */\r\nexport function Icon(props: IconProps) {\r\n  if (!props.iconSpec)\r\n    return null;\r\n\r\n  const iconString = (typeof props.iconSpec === \"string\" || props.iconSpec instanceof ConditionalStringValue) ?\r\n    ConditionalStringValue.getValue(props.iconSpec) : undefined;\r\n\r\n  if (iconString) {\r\n    const svgSource = IconSpecUtilities.getSvgSource(iconString);\r\n    // if string begins with \"svg:\" then we assume it was imported (into extension source file) using webpack loader svg-sprite-loader\r\n    if (svgSource !== undefined)\r\n      return (\r\n        <i className={classnames(\"icon\", \"core-svg-icon\", props.className)} style={props.style}>\r\n          <SvgSprite src={svgSource} />\r\n        </i>\r\n      );\r\n    const webComponentString = IconSpecUtilities.getWebComponentSource(iconString);\r\n    if (webComponentString) {\r\n      const svgLoader = `<svg-loader src=\"${webComponentString}\"></svg-loader>`;\r\n      const svgDiv = `<div>${svgLoader}</div>`;\r\n      // the esm build of dompurify has a default import but the cjs build does not\r\n      // if there is a default export, use it (likely esm), otherwise use the namespace\r\n      // istanbul ignore next\r\n      const sanitizer = DOMPurify ?? DOMPurifyNS;\r\n\r\n      const sanitizerConfig = {\r\n        ALLOWED_TAGS: [\"svg-loader\"],\r\n        ADD_URI_SAFE_ATTR: webComponentString.startsWith(\"data:\") ? [\"src\"] : [],\r\n      };\r\n\r\n      const sanitizedIconString = sanitizer.sanitize(svgDiv, sanitizerConfig);\r\n      // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above\r\n      // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger\r\n      const webComponentNode = <div dangerouslySetInnerHTML={{ __html: sanitizedIconString }}></div>;\r\n      return (\r\n        <i className={classnames(\"icon\", \"core-svg-icon\", props.className)} >\r\n          {webComponentNode}\r\n        </i>\r\n      );\r\n    }\r\n    return (<i className={classnames(\"icon\", iconString, props.className)} style={props.style} />);\r\n  }\r\n\r\n  return (\r\n    <i className={classnames(\"icon\", \"core-svg-icon\", props.className)} style={props.style}>\r\n      {props.iconSpec}\r\n    </i>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"IconComponent.js","sourceRoot":"","sources":["../../../../src/core-react/icons/IconComponent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,gCAA8B;AAC9B,+BAA+B;AAC/B,2CAAoC;AACpC,0DAAkF;AAClF,2CAAwC;AAExC,oEAAoD;AAiBpD;;GAEG;AACH,SAAgB,IAAI,CAAC,KAAgB;IACnC,IAAI,CAAC,KAAK,CAAC,QAAQ;QACjB,OAAO,IAAI,CAAC;IAEd,MAAM,UAAU,GAAG,CAAC,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,YAAY,uCAAsB,CAAC,CAAC,CAAC;QAC3G,uCAAsB,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,IAAI,UAAU,EAAE;QACd,MAAM,SAAS,GAAG,kCAAiB,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC7D,kIAAkI;QAClI,IAAI,SAAS,KAAK,SAAS;YACzB,OAAO,CACL,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;gBACpF,oBAAC,qBAAS,IAAC,GAAG,EAAE,SAAS,GAAI,CAC3B,CACL,CAAC;QACJ,MAAM,kBAAkB,GAAG,kCAAiB,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC;QAC/E,IAAI,kBAAkB,EAAE;YACtB,MAAM,SAAS,GAAG,oBAAoB,kBAAkB,iBAAiB,CAAC;YAC1E,MAAM,MAAM,GAAG,QAAQ,SAAS,QAAQ,CAAC;YACzC,6EAA6E;YAC7E,iFAAiF;YACjF,uBAAuB;YACvB,MAAM,SAAS,GAAG,mBAAS,aAAT,mBAAS,cAAT,mBAAS,GAAI,WAAW,CAAC;YAE3C,MAAM,eAAe,GAAG;gBACtB,YAAY,EAAE,CAAC,YAAY,CAAC;gBAC5B,iBAAiB,EAAE,kBAAkB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;aACzE,CAAC;YAEF,MAAM,mBAAmB,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;YACxE,iFAAiF;YACjF,+FAA+F;YAC/F,MAAM,gBAAgB,GAAG,6BAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAQ,CAAC;YAC/F,OAAO,CACL,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,IAC/D,gBAAgB,CACf,CACL,CAAC;SACH;QACD,OAAO,CAAC,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC,CAAC;KAChG;IAED,OAAO,CACL,2BAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IACnF,KAAK,CAAC,QAAQ,CACb,CACL,CAAC;AACJ,CAAC;AAhDD,oBAgDC","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/* eslint-disable deprecation/deprecation */\n/** @packageDocumentation\n * @module Icon\n */\n\nimport \"./IconComponent.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { ConditionalStringValue, IconSpecUtilities } from \"@itwin/appui-abstract\";\nimport { SvgSprite } from \"./SvgSprite\";\nimport { CommonProps } from \"../utils/Props\";\nimport DOMPurify, * as DOMPurifyNS from \"dompurify\";\n\n/** Prototype for an IconSpec which can be a string, ReactNode or ConditionalStringValue.\n * @public\n */\nexport type IconSpec = string | ConditionalStringValue | React.ReactNode;\n\n/** Properties for the [[Icon]] React component\n * @public\n */\nexport interface IconProps extends CommonProps {\n  /** CSS class name or SvgSprite/SvgPath for icon. This is optional because it is improperly\n   * used to extend other interfaces and changing it would break existing API.\n   */\n  iconSpec?: IconSpec;\n}\n\n/** Icon Functional component displays an icon based on an [[IconSpec]].\n * @public\n */\nexport function Icon(props: IconProps) {\n  if (!props.iconSpec)\n    return null;\n\n  const iconString = (typeof props.iconSpec === \"string\" || props.iconSpec instanceof ConditionalStringValue) ?\n    ConditionalStringValue.getValue(props.iconSpec) : undefined;\n\n  if (iconString) {\n    const svgSource = IconSpecUtilities.getSvgSource(iconString);\n    // if string begins with \"svg:\" then we assume it was imported (into extension source file) using webpack loader svg-sprite-loader\n    if (svgSource !== undefined)\n      return (\n        <i className={classnames(\"icon\", \"core-svg-icon\", props.className)} style={props.style}>\n          <SvgSprite src={svgSource} />\n        </i>\n      );\n    const webComponentString = IconSpecUtilities.getWebComponentSource(iconString);\n    if (webComponentString) {\n      const svgLoader = `<svg-loader src=\"${webComponentString}\"></svg-loader>`;\n      const svgDiv = `<div>${svgLoader}</div>`;\n      // the esm build of dompurify has a default import but the cjs build does not\n      // if there is a default export, use it (likely esm), otherwise use the namespace\n      // istanbul ignore next\n      const sanitizer = DOMPurify ?? DOMPurifyNS;\n\n      const sanitizerConfig = {\n        ALLOWED_TAGS: [\"svg-loader\"],\n        ADD_URI_SAFE_ATTR: webComponentString.startsWith(\"data:\") ? [\"src\"] : [],\n      };\n\n      const sanitizedIconString = sanitizer.sanitize(svgDiv, sanitizerConfig);\n      // we can safely disable jam3/no-sanitizer-with-danger as we are sanitizing above\n      // eslint-disable-next-line @typescript-eslint/naming-convention, jam3/no-sanitizer-with-danger\n      const webComponentNode = <div dangerouslySetInnerHTML={{ __html: sanitizedIconString }}></div>;\n      return (\n        <i className={classnames(\"icon\", \"core-svg-icon\", props.className)} >\n          {webComponentNode}\n        </i>\n      );\n    }\n    return (<i className={classnames(\"icon\", iconString, props.className)} style={props.style} />);\n  }\n\n  return (\n    <i className={classnames(\"icon\", \"core-svg-icon\", props.className)} style={props.style}>\n      {props.iconSpec}\n    </i>\n  );\n}\n"]}

package/lib/cjs/core-react/icons/IconComponent.scss

@@ -1,20 +1,20 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./variables";
-
-.core-svg-icon {
-  width:  $uicore-icons-small;
-  height: $uicore-icons-small;
-  svg {
-    width:  $uicore-icons-small;
-    height: $uicore-icons-small;
-    fill: currentColor;
-  }
-}
-
-.icon.core-menuitem-icon {
-  font-size: 16px;
-}
-
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./variables";
+
+.core-svg-icon {
+  width:  $uicore-icons-small;
+  height: $uicore-icons-small;
+  svg {
+    width:  $uicore-icons-small;
+    height: $uicore-icons-small;
+    fill: currentColor;
+  }
+}
+
+.icon.core-menuitem-icon {
+  font-size: 16px;
+}
+

package/lib/cjs/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(): React.JSX.Element;
-}
+/** @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(): React.JSX.Element;
+}
 //# sourceMappingURL=SvgPath.d.ts.map

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

@@ -1,28 +1,28 @@
-"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 Icon
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SvgPath = void 0;
-require("./SvgSprite.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-/** Svg element wrapper with specified Svg paths.
- * @public
- */
-class SvgPath extends React.PureComponent {
-    render() {
-        const className = (0, classnames_1.default)("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 }));
-            }))));
-    }
-}
-exports.SvgPath = SvgPath;
+"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 Icon
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SvgPath = void 0;
+require("./SvgSprite.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+/** Svg element wrapper with specified Svg paths.
+ * @public
+ */
+class SvgPath extends React.PureComponent {
+    render() {
+        const className = (0, classnames_1.default)("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 }));
+            }))));
+    }
+}
+exports.SvgPath = SvgPath;
 //# sourceMappingURL=SvgPath.js.map

package/lib/cjs/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,4BAA0B;AAC1B,2CAAoC;AACpC,+BAA+B;AAe/B;;GAEG;AACH,MAAa,OAAQ,SAAQ,KAAK,CAAC,aAA2B;IAC5C,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,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;AAtBD,0BAsBC","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,4BAA0B;AAC1B,2CAAoC;AACpC,+BAA+B;AAe/B;;GAEG;AACH,MAAa,OAAQ,SAAQ,KAAK,CAAC,aAA2B;IAC5C,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,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;AAtBD,0BAsBC","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 \"./SvgSprite.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-svgSprite\",\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/cjs/core-react/icons/SvgSprite.d.ts

@@ -1,21 +1,21 @@
-/** @packageDocumentation
- * @module Icon
- */
-import "./SvgSprite.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties of [[SvgSprite]] component.
- * @public @deprecated in 3.2. Replaced sprite loader with use of Web Compponents for SVG icons.
- */
-export interface SvgSpriteProps extends CommonProps {
-    /** Source for the Svg */
-    src: string;
-}
-/** Svg element wrapper.
- * This component is deprecate -- use IconComponent
- * @public @deprecated in 3.2. Replaced sprite loader with use of Web Compponents for SVG icons.
- */
-export declare class SvgSprite extends React.PureComponent<SvgSpriteProps> {
-    render(): React.JSX.Element;
-}
+/** @packageDocumentation
+ * @module Icon
+ */
+import "./SvgSprite.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties of [[SvgSprite]] component.
+ * @public @deprecated in 3.2. Replaced sprite loader with use of Web Compponents for SVG icons.
+ */
+export interface SvgSpriteProps extends CommonProps {
+    /** Source for the Svg */
+    src: string;
+}
+/** Svg element wrapper.
+ * This component is deprecate -- use IconComponent
+ * @public @deprecated in 3.2. Replaced sprite loader with use of Web Compponents for SVG icons.
+ */
+export declare class SvgSprite extends React.PureComponent<SvgSpriteProps> {
+    render(): React.JSX.Element;
+}
 //# sourceMappingURL=SvgSprite.d.ts.map

package/lib/cjs/core-react/icons/SvgSprite.js

@@ -1,27 +1,27 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/** @packageDocumentation
- * @module Icon
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SvgSprite = void 0;
-require("./SvgSprite.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-/** Svg element wrapper.
- * This component is deprecate -- use IconComponent
- * @public @deprecated in 3.2. Replaced sprite loader with use of Web Compponents for SVG icons.
- */
-class SvgSprite extends React.PureComponent {
-    render() {
-        const className = (0, classnames_1.default)("core-icons-svgSprite", this.props.className);
-        return (React.createElement("svg", { className: className, style: this.props.style, width: "100%", height: "100%" },
-            React.createElement("use", { xmlnsXlink: "http://www.w3.org/1999/xlink", xlinkHref: this.props.src })));
-    }
-}
-exports.SvgSprite = SvgSprite;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+/** @packageDocumentation
+ * @module Icon
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SvgSprite = void 0;
+require("./SvgSprite.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+/** Svg element wrapper.
+ * This component is deprecate -- use IconComponent
+ * @public @deprecated in 3.2. Replaced sprite loader with use of Web Compponents for SVG icons.
+ */
+class SvgSprite extends React.PureComponent {
+    render() {
+        const className = (0, classnames_1.default)("core-icons-svgSprite", this.props.className);
+        return (React.createElement("svg", { className: className, style: this.props.style, width: "100%", height: "100%" },
+            React.createElement("use", { xmlnsXlink: "http://www.w3.org/1999/xlink", xlinkHref: this.props.src })));
+    }
+}
+exports.SvgSprite = SvgSprite;
 //# sourceMappingURL=SvgSprite.js.map

package/lib/cjs/core-react/icons/SvgSprite.js.map

@@ -1 +1 @@
-{"version":3,"file":"SvgSprite.js","sourceRoot":"","sources":["../../../../src/core-react/icons/SvgSprite.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,4BAA0B;AAC1B,2CAAoC;AACpC,+BAA+B;AAW/B;;;GAGG;AACH,MAAa,SAAU,SAAQ,KAAK,CAAC,aAA6B;IAChD,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM;YAC5E,6BAAK,UAAU,EAAC,8BAA8B,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAI,CACxE,CACP,CAAC;IACJ,CAAC;CACF;AAbD,8BAaC","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/* eslint-disable deprecation/deprecation */\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 [[SvgSprite]] component.\r\n * @public @deprecated in 3.2. Replaced sprite loader with use of Web Compponents for SVG icons.\r\n */\r\nexport interface SvgSpriteProps extends CommonProps {\r\n  /** Source for the Svg */\r\n  src: string;\r\n}\r\n\r\n/** Svg element wrapper.\r\n * This component is deprecate -- use IconComponent\r\n * @public @deprecated in 3.2. Replaced sprite loader with use of Web Compponents for SVG icons.\r\n */\r\nexport class SvgSprite extends React.PureComponent<SvgSpriteProps> {\r\n  public override render() {\r\n    const className = classnames(\r\n      \"core-icons-svgSprite\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <svg className={className} style={this.props.style} width=\"100%\" height=\"100%\">\r\n        <use xmlnsXlink=\"http://www.w3.org/1999/xlink\" xlinkHref={this.props.src} />\r\n      </svg>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"SvgSprite.js","sourceRoot":"","sources":["../../../../src/core-react/icons/SvgSprite.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,4BAA0B;AAC1B,2CAAoC;AACpC,+BAA+B;AAW/B;;;GAGG;AACH,MAAa,SAAU,SAAQ,KAAK,CAAC,aAA6B;IAChD,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM;YAC5E,6BAAK,UAAU,EAAC,8BAA8B,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAI,CACxE,CACP,CAAC;IACJ,CAAC;CACF;AAbD,8BAaC","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/* eslint-disable deprecation/deprecation */\n/** @packageDocumentation\n * @module Icon\n */\n\nimport \"./SvgSprite.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties of [[SvgSprite]] component.\n * @public @deprecated in 3.2. Replaced sprite loader with use of Web Compponents for SVG icons.\n */\nexport interface SvgSpriteProps extends CommonProps {\n  /** Source for the Svg */\n  src: string;\n}\n\n/** Svg element wrapper.\n * This component is deprecate -- use IconComponent\n * @public @deprecated in 3.2. Replaced sprite loader with use of Web Compponents for SVG icons.\n */\nexport class SvgSprite extends React.PureComponent<SvgSpriteProps> {\n  public override render() {\n    const className = classnames(\n      \"core-icons-svgSprite\",\n      this.props.className,\n    );\n\n    return (\n      <svg className={className} style={this.props.style} width=\"100%\" height=\"100%\">\n        <use xmlnsXlink=\"http://www.w3.org/1999/xlink\" xlinkHref={this.props.src} />\n      </svg>\n    );\n  }\n}\n"]}

package/lib/cjs/core-react/icons/SvgSprite.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-svgSprite {
+  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/cjs/core-react/icons/WebFontIcon.d.ts

@@ -1,27 +1,27 @@
-/** @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): React.JSX.Element;
+/** @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): React.JSX.Element;
 //# sourceMappingURL=WebFontIcon.d.ts.map

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

@@ -1,23 +1,23 @@
-"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 Icon
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebFontIcon = void 0;
-require("./WebFontIcon.scss");
-require("@bentley/icons-generic-webfont/dist/bentley-icons-generic-webfont.css");
-const classnames_1 = require("classnames");
-const React = require("react");
-/** WebFontIcon React component
- * @public
- */
-function WebFontIcon(props) {
-    const className = (0, classnames_1.default)(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" }));
-}
-exports.WebFontIcon = WebFontIcon;
+"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 Icon
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebFontIcon = void 0;
+require("./WebFontIcon.scss");
+require("@bentley/icons-generic-webfont/dist/bentley-icons-generic-webfont.css");
+const classnames_1 = require("classnames");
+const React = require("react");
+/** WebFontIcon React component
+ * @public
+ */
+function WebFontIcon(props) {
+    const className = (0, classnames_1.default)(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" }));
+}
+exports.WebFontIcon = WebFontIcon;
 //# sourceMappingURL=WebFontIcon.js.map

package/lib/cjs/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,8BAA4B;AAC5B,iFAA+E;AAC/E,2CAAoC;AACpC,+BAA+B;AAmB/B;;GAEG;AACH,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,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;AAjBD,kCAiBC","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,8BAA4B;AAC5B,iFAA+E;AAC/E,2CAAoC;AACpC,+BAA+B;AAmB/B;;GAEG;AACH,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,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;AAjBD,kCAiBC","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 \"@bentley/icons-generic-webfont/dist/bentley-icons-generic-webfont.css\";\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/cjs/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/cjs/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; }