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

package/CHANGELOG.md

@@ -1,6 +1,71 @@
 # Change Log - @itwin/core-react
 
-This log was last generated on Thu, 26 Jan 2023 22:53:27 GMT and should not be manually modified.
+This log was last generated on Mon, 01 May 2023 13:32:16 GMT and should not be manually modified.
+
+## 4.0.0
+Mon, 01 May 2023 13:32:16 GMT
+
+### Updates
+
+- Promote APIs in use by apps.
+- Using iTwinUI-variables.
+- Update iTwinUI-react to v2.x.
+- Fix tree node chevron alignment.
+- Clean dependencies.
+- Remove deprecated components and API.
+- Bump minimum of core packages to 3.7.0.
+- peerDependency allow react: ^18.0.0.
+- Update typings for React18.
+- Remove deprecated SCSS files.
+- Remove SvgSprite component and support.
+- Remove deprecated components.
+- Update package.json dependencies and repo documentation.
+- Remove webfont icons from components. Add ConditionIconComponent to allow IconSpec to be used conditionally instead of just a string.
+
+## 3.7.2
+Wed, 12 Apr 2023 13:12:42 GMT
+
+_Version update only_
+
+## 3.7.1
+Mon, 03 Apr 2023 15:15:37 GMT
+
+_Version update only_
+
+## 3.7.0
+Wed, 29 Mar 2023 15:02:27 GMT
+
+### Updates
+
+- Update @deprecated comments.
+
+## 3.6.3
+Mon, 27 Mar 2023 16:26:47 GMT
+
+_Version update only_
+
+## 3.6.2
+Fri, 17 Mar 2023 17:52:32 GMT
+
+_Version update only_
+
+## 3.6.1
+Fri, 24 Feb 2023 22:00:48 GMT
+
+_Version update only_
+
+## 3.6.0
+Wed, 08 Feb 2023 14:58:40 GMT
+
+### Updates
+
+- Use EmptyLocalization for localization in tests to increase test performance
+- Update UnderlineButton test.
+
+## 3.5.6
+Fri, 24 Feb 2023 16:02:47 GMT
+
+_Version update only_
 
 ## 3.5.5
 Thu, 26 Jan 2023 22:53:27 GMT

package/ContributeGuidelines.md

@@ -18,7 +18,7 @@ In order to maintain consistency in the iTwin.js UI source code, please abide by
 ```
 
 * Document __all__ exported classes, interfaces, enums, types, etc.
-* Add release tags (`@public`, `@beta`, `@alpha` or `@internal`) to all exported classes, interfaces, enums, types, etc. For more information on release tags, see [Release Tags](https://github.com/iTwin/itwinjs-core/blob/master/docs/learning/guidelines/release-tags-guidelines.md).
+* Add release tags (`@public`, `@beta`, `@alpha` or `@internal`) to all exported classes, interfaces, enums, types, etc. For more information on release tags, see [Release Tags](https://www.itwinjs.org/learning/guidelines/release-tags-guidelines/).
 * In addition, it’s preferable that all *Props interface members and component public methods be documented. You can put `@internal` on React lifecycle and render methods.
 * Add a,
 
@@ -36,15 +36,15 @@ In order to maintain consistency in the iTwin.js UI source code, please abide by
   */
   ```
 
-* Use the theme colors (e.g. $buic-text-color, $buic-background-control, $buic-background-widget, etc.). These are located in `imodeljs/ui/core/src/ui-core/style/themecolors.scss`. Please do __not__ use $uicore-text-color, $uicore-black, $uicore-white,  $uicore-gray*, etc.)
-* Include an appropriate prefix on CSS class names to prevent class name clashes (e.g. `uifw-` in ui-framework, `core-` in ui-core, `components-` in ui-components, `nz-` in ui-ninezone)
-* Add an export for the component to the barrel file of the package (e.g. ui-framework.ts, ui-components.ts, ui-core.ts, ui-ninezone.ts). Example:
+* Use the theme colors (e.g. $buic-text-color, $buic-background-control, $buic-background-widget, etc.). These are located in `appui/ui/core-react/src/core-react/style/themecolors.scss`. Please do __not__ use $uicore-text-color, $uicore-black, $uicore-white,  $uicore-gray*, etc.)
+* Include an appropriate prefix on CSS class names to prevent class name clashes (e.g. `uifw-` in appui-react, `core-` in core-react, `components-` in components-react, `nz-` in appui-layout-react)
+* Add an export for the component to the barrel file of the package (e.g. appui-react.ts, components-react.ts, core-react.ts, appui-layout-react.ts). Example:
 
 ```typescript
-export * from "./ui-core/base/UiEvent";
+export * from "./core-react/badge/Badge";
 ```
 
-* Localize all strings to be seen by the user and use `i18n.translate` to get the localized string. Please do __not__ use hard-coded strings. The translatable strings should be in a JSON file in the `public/locales/en` of the repository. Example:
+* Localize all strings to be seen by the user and use `Ui*.translate` to get the localized string. Please do __not__ use hard-coded strings. The translatable strings should be in a JSON file in the `public/locales/en` of the repository. Example:
 
 ```json
 {
@@ -57,15 +57,16 @@ export * from "./ui-core/base/UiEvent";
 ```
 
 ```typescript
-buttonText = UiCore.i18n.translate("UiCore:dialog.ok");
+buttonText = UiCore.translate("dialog.ok");
 ```
 
 * Run `npm run extract-api` to update the `*api.md` file for the package
 * Write unit tests for the new component or class. The tests should cover as many code statements, branches, functions and lines as possible (100% is the goal). To run the tests, run `npm run test` or `rush test`. To run coverage, run `npm run cover`. To see the coverage report, open the report from one of the following directories in your browser:
-  * imodeljs/ui/framework/lib/test/coverage/lcov-report/index.html
-  * imodeljs/ui/core/lib/test/coverage/lcov-report/index.html
-  * imodeljs/ui/components/lib/test/coverage/lcov-report/index.html
-  * imodeljs/ui/ninezone/lib/test/coverage/lcov-report/index.html
+  * appui/ui/appui-layout-react/lib/test/coverage/lcov-report/index.html
+  * appui/ui/appui-react/lib/test/coverage/lcov-report/index.html
+  * appui/ui/components-react/lib/test/coverage/lcov-report/index.html
+  * appui/ui/core-react/lib/test/coverage/lcov-report/index.html
+  * appui/ui/imodel-components-react/lib/test/coverage/lcov-report/index.html
 
 ## New Documentation Module
 
@@ -80,17 +81,19 @@ If the component’s documentation @module is new, please follow these guideline
  */
 ```
 
-* Add the module to the imodeljs/docs/ui/reference/leftNav.md file in alphabetical order. Example:
+Note: The following steps are in [itwinjs-core](https://github.com/itwin/itwinjs-core) repository, NOT in the appui repository:
+
+* Add the module to the itwinjs-core/docs/ui/reference/leftNav.md file in alphabetical order. Example:
 
 ```md
 - [Button]($core:Button)
 ```
 
-* Add the module to the appropriate `index.md` in the Learning section (e.g. imodeljs/docs/ui/learning/components/index.md or imodeljs/docs/ui/learning/core/index.md). Example:
+* Add the module to the appropriate `index.md` in the Learning section (e.g. itwinjs-core/docs/ui/learning/components/index.md or itwinjs-core/docs/ui/learning/core/index.md). Example:
 
 ```md
 * [Button](./Button.md)
 ```
 
-* Add a markdown file in the same folder as the `index.md` above (e.g. imodeljs/docs/ui/learning/components/Timeline.md)
+* Add a markdown file in the same folder as the `index.md` above (e.g. itwinjs-core/docs/ui/learning/components/Timeline.md)
 * Add learning content and an example usage to the new markdown file

package/README.md

@@ -4,8 +4,8 @@ Copyright © Bentley Systems, Incorporated. All rights reserved. See LICENSE.md
 
 ## Description
 
-The __@itwin/core-react__ package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu and SplitButton.
+The __@itwin/core-react__ package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu.
 
 ## Documentation
 
-See the [iTwin.js](https://www.itwinjs.org) documentation for more information.
+See the [iTwin.js](https://www.itwinjs.org/learning/ui/core/) documentation for more information.

package/lib/cjs/core-react/UiCore.d.ts

@@ -1,41 +1,41 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/** Import color variables, layout variables and Sass classes barrel file */
-import "./colorthemes.scss";
-import "./colorvariables.scss";
-import "./layout-variables.scss";
-import "./classes.scss";
-import type { Localization } from "@itwin/core-common";
-/**
- * Manages the Localization service for the core-react package.
- * @public
- */
-export declare class UiCore {
-    private static _initialized;
-    private static _localization?;
-    /**
-     * Registers the Localization service namespace for UiCore.
-     * @param localization The internationalization service created by the host application.
-     */
-    static initialize(localization: Localization): Promise<void>;
-    /** Unregisters the UiCore localization namespace */
-    static terminate(): void;
-    /** Determines if UiCore has been initialized */
-    static get initialized(): boolean;
-    /** The internationalization service created by the host application.
-     * @internal
-     */
-    static get localization(): Localization;
-    /** The internationalization service namespace. */
-    static get localizationNamespace(): string;
-    /** Calls localization.getLocalizedString with the "UiCore" namespace. Do NOT include the namespace in the key.
-     * @internal
-     */
-    static translate(key: string | string[]): string;
-    /** @internal */
-    static get packageName(): string;
-    /** @internal */
-    static loggerCategory(obj: any): string;
-}
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Import color variables, layout variables and Sass classes barrel file */
+import "./colorthemes.scss";
+import "./colorvariables.scss";
+import "./layout-variables.scss";
+import "./classes.scss";
+import type { Localization } from "@itwin/core-common";
+/**
+ * Manages the Localization service for the core-react package.
+ * @public
+ */
+export declare class UiCore {
+    private static _initialized;
+    private static _localization?;
+    /**
+     * Registers the Localization service namespace for UiCore.
+     * @param localization The internationalization service created by the host application.
+     */
+    static initialize(localization: Localization): Promise<void>;
+    /** Unregisters the UiCore localization namespace */
+    static terminate(): void;
+    /** Determines if UiCore has been initialized */
+    static get initialized(): boolean;
+    /** The internationalization service created by the host application.
+     * @internal
+     */
+    static get localization(): Localization;
+    /** The internationalization service namespace. */
+    static get localizationNamespace(): string;
+    /** Calls localization.getLocalizedStringWithNamespace with the "UiCore" namespace. Do NOT include the namespace in the key.
+     * @internal
+     */
+    static translate(key: string | string[]): string;
+    /** @internal */
+    static get packageName(): string;
+    /** @internal */
+    static loggerCategory(obj: any): string;
+}
 //# sourceMappingURL=UiCore.d.ts.map

package/lib/cjs/core-react/UiCore.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 Utilities
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UiCore = void 0;
-/** Import color variables, layout variables and Sass classes barrel file */
-require("./colorthemes.scss");
-require("./colorvariables.scss");
-require("./layout-variables.scss");
-require("./classes.scss");
-const core_bentley_1 = require("@itwin/core-bentley");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const IconWebComponent_1 = require("./utils/IconWebComponent");
-// cSpell:ignore colorthemes colorvariables
-/**
- * Manages the Localization service for the core-react package.
- * @public
- */
-class UiCore {
-    /**
-     * Registers the Localization service namespace for UiCore.
-     * @param localization The internationalization service created by the host application.
-     */
-    static async initialize(localization) {
-        if (UiCore._initialized) {
-            core_bentley_1.Logger.logInfo(UiCore.loggerCategory(UiCore), `UiCore.initialize already called`);
-            return;
-        }
-        UiCore._localization = localization;
-        await UiCore._localization.registerNamespace(UiCore.localizationNamespace);
-        if (window.customElements.get("svg-loader") === undefined)
-            window.customElements.define("svg-loader", IconWebComponent_1.IconWebComponent);
-        UiCore._initialized = true;
-    }
-    /** Unregisters the UiCore localization namespace */
-    static terminate() {
-        if (UiCore._localization)
-            UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);
-        UiCore._localization = undefined;
-        UiCore._initialized = false;
-    }
-    /** Determines if UiCore has been initialized */
-    static get initialized() { return UiCore._initialized; }
-    /** The internationalization service created by the host application.
-     * @internal
-     */
-    static get localization() {
-        // istanbul ignore else
-        if (!UiCore._localization)
-            throw new appui_abstract_1.UiError(UiCore.loggerCategory(this), "localization: UiCore.initialize has not been called. Unable to return Localization object.");
-        // istanbul ignore next
-        return UiCore._localization;
-    }
-    /** The internationalization service namespace. */
-    static get localizationNamespace() {
-        return "UiCore";
-    }
-    /** Calls localization.getLocalizedString with the "UiCore" namespace. Do NOT include the namespace in the key.
-     * @internal
-     */
-    static translate(key) {
-        if (!UiCore._localization) {
-            core_bentley_1.Logger.logError(UiCore.loggerCategory(this), `translate: UiCore must be initialize with a localization provider. Returning blank string.`);
-            return "";
-        }
-        return UiCore._localization.getLocalizedString(key, { ns: UiCore.localizationNamespace });
-    }
-    /** @internal */
-    static get packageName() {
-        return "core-react";
-    }
-    /** @internal */
-    static loggerCategory(obj) {
-        const className = (0, appui_abstract_1.getClassName)(obj);
-        const category = UiCore.packageName + (className ? `.${className}` : "");
-        return category;
-    }
-}
-exports.UiCore = UiCore;
-UiCore._initialized = false;
+"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 Utilities
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UiCore = void 0;
+/** Import color variables, layout variables and Sass classes barrel file */
+require("./colorthemes.scss");
+require("./colorvariables.scss");
+require("./layout-variables.scss");
+require("./classes.scss");
+const core_bentley_1 = require("@itwin/core-bentley");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const IconWebComponent_1 = require("./utils/IconWebComponent");
+// cSpell:ignore colorthemes colorvariables
+/**
+ * Manages the Localization service for the core-react package.
+ * @public
+ */
+class UiCore {
+    /**
+     * Registers the Localization service namespace for UiCore.
+     * @param localization The internationalization service created by the host application.
+     */
+    static async initialize(localization) {
+        if (UiCore._initialized) {
+            core_bentley_1.Logger.logInfo(UiCore.loggerCategory(UiCore), `UiCore.initialize already called`);
+            return;
+        }
+        UiCore._localization = localization;
+        await UiCore._localization.registerNamespace(UiCore.localizationNamespace);
+        if (window.customElements.get("svg-loader") === undefined)
+            window.customElements.define("svg-loader", IconWebComponent_1.IconWebComponent);
+        UiCore._initialized = true;
+    }
+    /** Unregisters the UiCore localization namespace */
+    static terminate() {
+        if (UiCore._localization)
+            UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);
+        UiCore._localization = undefined;
+        UiCore._initialized = false;
+    }
+    /** Determines if UiCore has been initialized */
+    static get initialized() { return UiCore._initialized; }
+    /** The internationalization service created by the host application.
+     * @internal
+     */
+    static get localization() {
+        // istanbul ignore else
+        if (!UiCore._localization)
+            throw new appui_abstract_1.UiError(UiCore.loggerCategory(this), "localization: UiCore.initialize has not been called. Unable to return Localization object.");
+        // istanbul ignore next
+        return UiCore._localization;
+    }
+    /** The internationalization service namespace. */
+    static get localizationNamespace() {
+        return "UiCore";
+    }
+    /** Calls localization.getLocalizedStringWithNamespace with the "UiCore" namespace. Do NOT include the namespace in the key.
+     * @internal
+     */
+    static translate(key) {
+        if (!UiCore._localization) {
+            core_bentley_1.Logger.logError(UiCore.loggerCategory(this), `translate: UiCore must be initialize with a localization provider. Returning blank string.`);
+            return "";
+        }
+        return UiCore._localization.getLocalizedString(key, { ns: UiCore.localizationNamespace });
+    }
+    /** @internal */
+    static get packageName() {
+        return "core-react";
+    }
+    /** @internal */
+    static loggerCategory(obj) {
+        const className = (0, appui_abstract_1.getClassName)(obj);
+        const category = UiCore.packageName + (className ? `.${className}` : "");
+        return category;
+    }
+}
+UiCore._initialized = false;
+exports.UiCore = UiCore;
 //# sourceMappingURL=UiCore.js.map

package/lib/cjs/core-react/UiCore.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiCore.js","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4EAA4E;AAC5E,8BAA4B;AAC5B,iCAA+B;AAC/B,mCAAiC;AACjC,0BAAwB;AAExB,sDAA6C;AAE7C,0DAA8D;AAC9D,+DAA4D;AAC5D,2CAA2C;AAE3C;;;GAGG;AACH,MAAa,MAAM;IAIjB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,MAAM,CAAC,YAAY,EAAE;YACvB,qBAAM,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,kCAAkC,CAAC,CAAC;YAClF,OAAO;SACR;QAED,MAAM,CAAC,aAAa,GAAG,YAAY,CAAC;QACpC,MAAM,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC3E,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS;YACvD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,mCAAgB,CAAC,CAAC;QAE/D,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,SAAS;QACrB,IAAI,MAAM,CAAC,aAAa;YACtB,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACzE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC;QAEjC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,gDAAgD;IACzC,MAAM,KAAK,WAAW,KAAc,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAExE;;OAEG;IACI,MAAM,KAAK,YAAY;QAC5B,uBAAuB;QACvB,IAAI,CAAC,MAAM,CAAC,aAAa;YACvB,MAAM,IAAI,wBAAO,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;QAC/I,uBAAuB;QACvB,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACzB,qBAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;YAC3I,OAAO,EAAE,CAAC;SACX;QACD,OAAO,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAC5F,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,6BAAY,EAAC,GAAG,CAAC,CAAC;QACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAvEH,wBAyEC;AAxEgB,mBAAY,GAAG,KAAK,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 Utilities\r\n */\r\n\r\n/** Import color variables, layout variables and Sass classes barrel file */\r\nimport \"./colorthemes.scss\";\r\nimport \"./colorvariables.scss\";\r\nimport \"./layout-variables.scss\";\r\nimport \"./classes.scss\";\r\n\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport type { Localization } from \"@itwin/core-common\";\r\nimport { getClassName, UiError } from \"@itwin/appui-abstract\";\r\nimport { IconWebComponent } from \"./utils/IconWebComponent\";\r\n// cSpell:ignore colorthemes colorvariables\r\n\r\n/**\r\n * Manages the Localization service for the core-react package.\r\n * @public\r\n */\r\nexport class UiCore {\r\n  private static _initialized = false;\r\n  private static _localization?: Localization;\r\n\r\n  /**\r\n   * Registers the Localization service namespace for UiCore.\r\n   * @param localization The internationalization service created by the host application.\r\n   */\r\n  public static async initialize(localization: Localization): Promise<void> {\r\n    if (UiCore._initialized) {\r\n      Logger.logInfo(UiCore.loggerCategory(UiCore), `UiCore.initialize already called`);\r\n      return;\r\n    }\r\n\r\n    UiCore._localization = localization;\r\n    await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\r\n    if (window.customElements.get(\"svg-loader\") === undefined)\r\n      window.customElements.define(\"svg-loader\", IconWebComponent);\r\n\r\n    UiCore._initialized = true;\r\n  }\r\n\r\n  /** Unregisters the UiCore localization namespace */\r\n  public static terminate() {\r\n    if (UiCore._localization)\r\n      UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);\r\n    UiCore._localization = undefined;\r\n\r\n    UiCore._initialized = false;\r\n  }\r\n\r\n  /** Determines if UiCore has been initialized */\r\n  public static get initialized(): boolean { return UiCore._initialized; }\r\n\r\n  /** The internationalization service created by the host application.\r\n   * @internal\r\n   */\r\n  public static get localization(): Localization {\r\n    // istanbul ignore else\r\n    if (!UiCore._localization)\r\n      throw new UiError(UiCore.loggerCategory(this), \"localization: UiCore.initialize has not been called. Unable to return Localization object.\");\r\n    // istanbul ignore next\r\n    return UiCore._localization;\r\n  }\r\n\r\n  /** The internationalization service namespace. */\r\n  public static get localizationNamespace(): string {\r\n    return \"UiCore\";\r\n  }\r\n\r\n  /** Calls localization.getLocalizedString with the \"UiCore\" namespace. Do NOT include the namespace in the key.\r\n   * @internal\r\n   */\r\n  public static translate(key: string | string[]): string {\r\n    if (!UiCore._localization) {\r\n      Logger.logError(UiCore.loggerCategory(this), `translate: UiCore must be initialize with a localization provider. Returning blank string.`);\r\n      return \"\";\r\n    }\r\n    return UiCore._localization.getLocalizedString(key, { ns: UiCore.localizationNamespace });\r\n  }\r\n\r\n  /** @internal */\r\n  public static get packageName(): string {\r\n    return \"core-react\";\r\n  }\r\n\r\n  /** @internal */\r\n  public static loggerCategory(obj: any): string {\r\n    const className = getClassName(obj);\r\n    const category = UiCore.packageName + (className ? `.${className}` : \"\");\r\n    return category;\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"UiCore.js","sourceRoot":"","sources":["../../../src/core-react/UiCore.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4EAA4E;AAC5E,8BAA4B;AAC5B,iCAA+B;AAC/B,mCAAiC;AACjC,0BAAwB;AAExB,sDAA6C;AAE7C,0DAA8D;AAC9D,+DAA4D;AAC5D,2CAA2C;AAE3C;;;GAGG;AACH,MAAa,MAAM;IAIjB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,MAAM,CAAC,YAAY,EAAE;YACvB,qBAAM,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,kCAAkC,CAAC,CAAC;YAClF,OAAO;SACR;QAED,MAAM,CAAC,aAAa,GAAG,YAAY,CAAC;QACpC,MAAM,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC3E,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS;YACvD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,mCAAgB,CAAC,CAAC;QAE/D,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,oDAAoD;IAC7C,MAAM,CAAC,SAAS;QACrB,IAAI,MAAM,CAAC,aAAa;YACtB,MAAM,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACzE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC;QAEjC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,gDAAgD;IACzC,MAAM,KAAK,WAAW,KAAc,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAExE;;OAEG;IACI,MAAM,KAAK,YAAY;QAC5B,uBAAuB;QACvB,IAAI,CAAC,MAAM,CAAC,aAAa;YACvB,MAAM,IAAI,wBAAO,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;QAC/I,uBAAuB;QACvB,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACzB,qBAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,4FAA4F,CAAC,CAAC;YAC3I,OAAO,EAAE,CAAC;SACX;QACD,OAAO,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAC5F,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,6BAAY,EAAC,GAAG,CAAC,CAAC;QACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAtEc,mBAAY,GAAG,KAAK,CAAC;AADzB,wBAAM","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 Utilities\n */\n\n/** Import color variables, layout variables and Sass classes barrel file */\nimport \"./colorthemes.scss\";\nimport \"./colorvariables.scss\";\nimport \"./layout-variables.scss\";\nimport \"./classes.scss\";\n\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { Localization } from \"@itwin/core-common\";\nimport { getClassName, UiError } from \"@itwin/appui-abstract\";\nimport { IconWebComponent } from \"./utils/IconWebComponent\";\n// cSpell:ignore colorthemes colorvariables\n\n/**\n * Manages the Localization service for the core-react package.\n * @public\n */\nexport class UiCore {\n  private static _initialized = false;\n  private static _localization?: Localization;\n\n  /**\n   * Registers the Localization service namespace for UiCore.\n   * @param localization The internationalization service created by the host application.\n   */\n  public static async initialize(localization: Localization): Promise<void> {\n    if (UiCore._initialized) {\n      Logger.logInfo(UiCore.loggerCategory(UiCore), `UiCore.initialize already called`);\n      return;\n    }\n\n    UiCore._localization = localization;\n    await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\n    if (window.customElements.get(\"svg-loader\") === undefined)\n      window.customElements.define(\"svg-loader\", IconWebComponent);\n\n    UiCore._initialized = true;\n  }\n\n  /** Unregisters the UiCore localization namespace */\n  public static terminate() {\n    if (UiCore._localization)\n      UiCore._localization.unregisterNamespace(UiCore.localizationNamespace);\n    UiCore._localization = undefined;\n\n    UiCore._initialized = false;\n  }\n\n  /** Determines if UiCore has been initialized */\n  public static get initialized(): boolean { return UiCore._initialized; }\n\n  /** The internationalization service created by the host application.\n   * @internal\n   */\n  public static get localization(): Localization {\n    // istanbul ignore else\n    if (!UiCore._localization)\n      throw new UiError(UiCore.loggerCategory(this), \"localization: UiCore.initialize has not been called. Unable to return Localization object.\");\n    // istanbul ignore next\n    return UiCore._localization;\n  }\n\n  /** The internationalization service namespace. */\n  public static get localizationNamespace(): string {\n    return \"UiCore\";\n  }\n\n  /** Calls localization.getLocalizedStringWithNamespace with the \"UiCore\" namespace. Do NOT include the namespace in the key.\n   * @internal\n   */\n  public static translate(key: string | string[]): string {\n    if (!UiCore._localization) {\n      Logger.logError(UiCore.loggerCategory(this), `translate: UiCore must be initialize with a localization provider. Returning blank string.`);\n      return \"\";\n    }\n    return UiCore._localization.getLocalizedString(key, { ns: UiCore.localizationNamespace });\n  }\n\n  /** @internal */\n  public static get packageName(): string {\n    return \"core-react\";\n  }\n\n  /** @internal */\n  public static loggerCategory(obj: any): string {\n    const className = getClassName(obj);\n    const category = UiCore.packageName + (className ? `.${className}` : \"\");\n    return category;\n  }\n\n}\n"]}

package/lib/cjs/core-react/_geometry.scss

@@ -1,70 +1,70 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@mixin triangle-common {
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-
-@mixin triangle-left-color($color) {
-  border-color: transparent $color transparent transparent;
-}
-
-@mixin triangle-left($height, $width: $height, $color: currentColor) {
-  border-width: ($height * 0.5) $width ($height * 0.5) 0;
-
-  @include triangle-common;
-  @include triangle-left-color($color);
-}
-
-@mixin triangle-top-color($color) {
-  border-color: transparent transparent $color transparent;
-}
-
-@mixin triangle-top($height, $width: $height, $color: currentColor) {
-  border-width: 0 ($width * 0.5) $height ($width * 0.5);
-
-  @include triangle-common;
-  @include triangle-top-color($color);
-}
-
-@mixin triangle-right-color($color) {
-  border-color: transparent transparent transparent $color;
-}
-
-@mixin triangle-right($height, $width: $height, $color: currentColor) {
-  border-width: ($height * 0.5) 0 ($height * 0.5) $width;
-
-  @include triangle-common;
-  @include triangle-right-color($color);
-}
-
-@mixin triangle-bottom-color($color) {
-  border-color: $color transparent transparent transparent;
-}
-
-@mixin triangle-bottom($height, $width: $height, $color: currentColor) {
-  border-width: $height ($width * 0.5) 0 ($width * 0.5);
-
-  @include triangle-common;
-  @include triangle-bottom-color($color);
-}
-
-@mixin triangle-bottom-right-color($color) {
-  border-color: transparent transparent $color transparent;
-}
-
-@mixin triangle-bottom-right($height, $width: $height, $color: currentColor) {
-  border-width: 0 0 $height $width;
-
-  @include triangle-common;
-  @include triangle-bottom-right-color($color);
-}
-
-@mixin oval($width, $height: $width) {
-  width: $width;
-  height: $height;
-  border-radius: #{$width * 0.5} / #{$height * 0.5};
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@mixin triangle-common {
+  width: 0;
+  height: 0;
+  border-style: solid;
+}
+
+@mixin triangle-left-color($color) {
+  border-color: transparent $color transparent transparent;
+}
+
+@mixin triangle-left($height, $width: $height, $color: currentColor) {
+  border-width: ($height * 0.5) $width ($height * 0.5) 0;
+
+  @include triangle-common;
+  @include triangle-left-color($color);
+}
+
+@mixin triangle-top-color($color) {
+  border-color: transparent transparent $color transparent;
+}
+
+@mixin triangle-top($height, $width: $height, $color: currentColor) {
+  border-width: 0 ($width * 0.5) $height ($width * 0.5);
+
+  @include triangle-common;
+  @include triangle-top-color($color);
+}
+
+@mixin triangle-right-color($color) {
+  border-color: transparent transparent transparent $color;
+}
+
+@mixin triangle-right($height, $width: $height, $color: currentColor) {
+  border-width: ($height * 0.5) 0 ($height * 0.5) $width;
+
+  @include triangle-common;
+  @include triangle-right-color($color);
+}
+
+@mixin triangle-bottom-color($color) {
+  border-color: $color transparent transparent transparent;
+}
+
+@mixin triangle-bottom($height, $width: $height, $color: currentColor) {
+  border-width: $height ($width * 0.5) 0 ($width * 0.5);
+
+  @include triangle-common;
+  @include triangle-bottom-color($color);
+}
+
+@mixin triangle-bottom-right-color($color) {
+  border-color: transparent transparent $color transparent;
+}
+
+@mixin triangle-bottom-right($height, $width: $height, $color: currentColor) {
+  border-width: 0 0 $height $width;
+
+  @include triangle-common;
+  @include triangle-bottom-right-color($color);
+}
+
+@mixin oval($width, $height: $width) {
+  width: $width;
+  height: $height;
+  border-radius: #{$width * 0.5} / #{$height * 0.5};
+}