@itwin/core-react 4.17.6 → 5.0.0-dev.3

package/lib/cjs/core-react/inputs/numberinput/NumberInput.scss

@@ -2,8 +2,8 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../../base/base";
-@import "../variables";
+@use "../../base/base" as *;
+@use "../variables" as *;
 
 .core-number-input-container {
   position: relative;

package/lib/cjs/core-react/inputs/variables.scss

@@ -2,8 +2,8 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/baseline";
-@import "../style/themecolors";
+@forward "../style/baseline";
+@forward "../style/themecolors";
 
 // cspell:ignore unbordered
 
@@ -29,8 +29,13 @@ $uicore-inputs-margin-large: calc(
   (#{$uicore-line-height} * 3 - #{$uicore-inputs-height-large}) * 0.5
 );
 
-$uicore-inputs-border-color: $buic-inputs-border;
+$uicore-inputs-border-color: hsl(
+  var(--iui-color-foreground-hsl) / var(--iui-opacity-4)
+);
 
-$uicore-inputs-focus-boxshadow: $buic-focus-boxshadow 0px 0px 0px 2px;
+$uicore-inputs-focus-boxshadow: hsl(
+    var(--iui-color-accent-hsl) / var(--iui-opacity-4)
+  )
+  0px 0px 0px 2px;
 
 $uicore-iui-input-padding: var(--iui-size-3xs) var(--iui-size-xs);

package/lib/cjs/core-react/layout-variables.scss

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "./z-index";
+@use "./z-index" as *;
 
 :root {
   /** Default Widget Opacity */

package/lib/cjs/core-react/listbox/Listbox.scss

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../index";
+@use "../index" as *;
 
 $uicore-list-item-height: calc(var(--iui-size-s) * 2);
 

package/lib/cjs/core-react/loading/LoadingBar.scss

@@ -2,19 +2,17 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
 .core-lb {
   display: flex;
   align-items: center;
 
   > .lb-container {
-    background-color: $buic-background-5;
+    background-color: var(--iui-color-background-disabled);
     flex: 1;
 
     > .fill {
       height: 100%;
-      background-color: $buic-foreground-primary;
+      background-color: var(--iui-color-icon-accent);
       transition: width 0.3s linear;
     }
   }

package/lib/cjs/core-react/loading/LoadingPrompt.scss

@@ -2,10 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
-// cspell:ignore loadingprompt
-
 .core-loadingprompt {
   height: 100%;
   display: flex;

package/lib/cjs/core-react/loading/LoadingSpinner.scss

@@ -2,8 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
 .core-ls {
   display: flex;
   align-items: center;

package/lib/cjs/core-react/loading/index.scss

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

package/lib/cjs/core-react/loading/mixins.scss

@@ -2,12 +2,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/index";
+@forward "../style/index";
 
 @mixin uicore-spinner(
   $size,
   $borderSize: $size * 0.125,
-  $activeColor: $buic-foreground-primary,
+  $activeColor: var(--iui-color-icon-accent),
   $selector: "&::after",
   $time: 1.5s
 ) {
@@ -38,7 +38,7 @@
     height: $size;
     width: $size;
 
-    border: solid $borderSize $buic-background-control-stroke;
+    border: solid $borderSize var(--iui-color-background-disabled);
     border-bottom-color: #{$activeColor};
     border-radius: 50%;
     box-sizing: border-box;

package/lib/cjs/core-react/messagebox/MessageBox.scss

@@ -2,9 +2,8 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../icons/variables";
-@import "../style/colors";
-@import "../style/baseline";
+@use "../icons/variables" as *;
+@use "../style/baseline" as *;
 
 .core-message-box-container {
   display: flex;

package/lib/cjs/core-react/popup/Popup.scss

@@ -2,8 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../inputs/variables";
-@import "../z-index";
+@use "../z-index" as *;
 
 .core-popup {
   top: 0;

package/lib/cjs/core-react/radialmenu/RadialMenu.scss

@@ -2,9 +2,8 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../z-index";
-@import "../style/themecolors";
-@import "../icons/variables";
+@use "../z-index" as *;
+@use "../icons/variables" as *;
 
 .core-radial-menu {
   visibility: hidden;
@@ -21,12 +20,12 @@
     margin-top: -50%;
 
     .core-radial-menu-sector {
-      stroke: $buic-background-panel-stroke;
-      fill: $buic-background-control;
+      stroke: var(--iui-color-background-disabled);
+      fill: var(--iui-color-background);
       stroke-width: 1px;
 
       &.selected {
-        fill: $buic-row-selection;
+        fill: var(--iui-color-background-accent-muted);
       }
     }
 
@@ -40,7 +39,7 @@
           height: $uicore-icons-small;
           width: $uicore-icons-small;
           line-height: $uicore-icons-small;
-          color: $buic-icon-color;
+          color: var(--iui-color-text);
         }
 
         .core-radial-menu-button-content {

package/lib/cjs/core-react/searchbox/SearchBox.scss

@@ -2,8 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
 .core-searchbox {
   font-family: var(--iui-font-sans);
   display: flex;

package/lib/cjs/core-react/settings/SettingsContainer.scss

@@ -2,9 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-
-@import "../style/themecolors";
-
 div.core-settings-container {
   display: flex;
   box-sizing: border-box;

package/lib/cjs/core-react/style/index.scss

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "./baseline";
-@import "./breakpoints";
-@import "./themecolors";
-@import "./colors";
-@import "./mixins";
-@import "./opacity";
+@forward "./baseline";
+@forward "./breakpoints";
+@forward "./themecolors";
+@forward "./colors";
+@forward "./mixins";
+@forward "./opacity";

package/lib/cjs/core-react/tabs/classes.scss

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "./index";
+@use "./index" as *;
 
 .uicore-tabs-vertical {
   @include uicore-tabs-vertical;

package/lib/cjs/core-react/tabs/index.scss

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

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

@@ -2,8 +2,11 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "../icons/variables";
+@use "../style/baseline";
+@use "../icons/variables";
+
+@forward "../style/index";
+@forward "../icons/variables";
 
 @mixin uicore-tabs {
   display: block;
@@ -27,8 +30,8 @@
     > a {
       display: block;
       position: relative;
-      padding: $uicore-bordered-padding calc(var(--iui-font-size-1) - 1px)
-        $uicore-unbordered-padding;
+      padding: baseline.$uicore-bordered-padding
+        calc(var(--iui-font-size-1) - 1px) baseline.$uicore-unbordered-padding;
       margin: 0;
       line-height: var(--iui-size-l);
       color: var(--iui-color-text);
@@ -44,8 +47,8 @@
         }
 
         .uicore-tabs-icon {
-          width: ($uicore-icons-small + 12px);
-          height: ($uicore-icons-small + 12px);
+          width: (variables.$uicore-icons-small + 12px);
+          height: (variables.$uicore-icons-small + 12px);
           display: flex;
           align-items: center;
         }
@@ -91,6 +94,6 @@
   }
 
   &.uicore-tabs-green > li > a::after {
-    background-color: $buic-foreground-success;
+    background-color: var(--iui-color-text-positive);
   }
 }

package/lib/cjs/core-react/tabs/vertical.scss

@@ -2,11 +2,13 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "./tabs";
+@use "./tabs";
+
+@forward "../style/index";
+@forward "./tabs";
 
 @mixin uicore-tabs-vertical {
-  @include uicore-tabs;
+  @include tabs.uicore-tabs;
 
   > li {
     display: block;

package/lib/cjs/core-react/text/FilteredText.scss

@@ -2,9 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
 .uicore-filtered-text-match {
-  color: $buic-text-color-highlight;
+  color: var(--iui-color-icon-accent);
   font-weight: bold;
 }

package/lib/cjs/core-react/text/classes.scss

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "./index";
+@use "./index" as *;
 
 .uicore-text-body {
   @include uicore-text-body;

package/lib/cjs/core-react/text/disabled.scss

@@ -2,8 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
 @mixin uicore-text-disabled {
-  color: $buic-foreground-disabled;
+  color: var(--iui-color-text-disabled);
 }

package/lib/cjs/core-react/text/index.scss

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "./mixins";
+@forward "./mixins";
 
-@import "./body";
-@import "./block";
-@import "./disabled";
-@import "./muted";
+@forward "./body";
+@forward "./block";
+@forward "./disabled";
+@forward "./muted";

package/lib/cjs/core-react/text/mixins.scss

@@ -2,7 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
+@use "sass:map";
+
+@forward "../style/themecolors";
 
 @mixin uicore-text-block-spacing {
   padding: 0;
@@ -15,9 +17,9 @@
     small: var(--iui-font-size-0),
   );
 
-  $type: if(map-has-key($sizes, $type), $type, body);
+  $type: if(map.has-key($sizes, $type), $type, body);
 
-  font-size: map-get($sizes, $type);
+  font-size: map.get($sizes, $type);
   font-weight: var(--iui-font-weight-normal);
   line-height: var(--iui-size-l);
   color: var(--iui-color-text);

package/lib/cjs/core-react/text/muted.scss

@@ -2,8 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-
 @mixin uicore-text-muted {
-  color: $buic-foreground-muted;
+  color: var(--iui-color-text-muted);
 }

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

@@ -0,0 +1,38 @@
+/** @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
+ * @deprecated in 4.16.0. `@itwin/core-react` package is deprecated, see used modules for suggested replacements.
+ */
+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 namespace. */
+    static get localizationNamespace(): string;
+    /** Calls localization.getLocalizedString with the "UiCore" namespace. Do NOT include the namespace in the key.
+     * @deprecated in 4.12.0. Do not use this internally, this is replaced by `useTranslation`.
+     * @internal
+     */
+    static translate(key: string | string[]): string;
+    /** @internal */
+    static get packageName(): string;
+    /** @internal */
+    static loggerCategory(name: string): string;
+}
+//# sourceMappingURL=UiCore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UiCore.d.ts","sourceRoot":"","sources":["../../src/core-react/UiCore.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,4EAA4E;AAC5E,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD;;;GAGG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,MAAM,CAAC,YAAY,CAAS;IACpC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAe;IAE5C;;;OAGG;WACiB,UAAU,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAezE,oDAAoD;WACtC,SAAS;IAQvB,gDAAgD;IAChD,WAAkB,WAAW,IAAI,OAAO,CAEvC;IAED,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;IAED;;;OAGG;WACW,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM;IAavD,gBAAgB;IAChB,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED,gBAAgB;WACF,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;CAGnD"}

package/lib/core-react/UiCore.js

@@ -0,0 +1,69 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+/** Import color variables, layout variables and Sass classes barrel file */
+import "./colorthemes.scss";
+import "./colorvariables.scss";
+import "./layout-variables.scss";
+import "./classes.scss";
+import { Logger } from "@itwin/core-bentley";
+/* eslint-disable deprecation/deprecation */
+/** Manages the Localization service for the core-react package.
+ * @public
+ * @deprecated in 4.16.0. `@itwin/core-react` package is deprecated, see used modules for suggested replacements.
+ */
+export 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) {
+            Logger.logInfo(UiCore.loggerCategory("UiCore"), `UiCore.initialize already called`);
+            return;
+        }
+        UiCore._localization = localization;
+        await UiCore._localization.registerNamespace(UiCore.localizationNamespace);
+        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 namespace. */
+    static get localizationNamespace() {
+        return "UiCore";
+    }
+    /** Calls localization.getLocalizedString with the "UiCore" namespace. Do NOT include the namespace in the key.
+     * @deprecated in 4.12.0. Do not use this internally, this is replaced by `useTranslation`.
+     * @internal
+     */
+    static translate(key) {
+        if (!UiCore._localization) {
+            Logger.logError(UiCore.loggerCategory("UiCore"), `translate: UiCore must be initialize with a localization provider. Returning blank string.`);
+            return "";
+        }
+        return UiCore._localization.getLocalizedString(`${UiCore.localizationNamespace}:${key}`);
+    }
+    /** @internal */
+    static get packageName() {
+        return "core-react";
+    }
+    /** @internal */
+    static loggerCategory(name) {
+        return `${UiCore.packageName}.${name}`;
+    }
+}
+UiCore._initialized = false;
+//# sourceMappingURL=UiCore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UiCore.js","sourceRoot":"","sources":["../../src/core-react/UiCore.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,4EAA4E;AAC5E,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,OAAO,MAAM;IAIjB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,MAAM,CAAC,YAAY,EAAE,CAAC;YACxB,MAAM,CAAC,OAAO,CACZ,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,EAC/B,kCAAkC,CACnC,CAAC;YACF,OAAO;QACT,CAAC;QAED,MAAM,CAAC,aAAa,GAAG,YAAY,CAAC;QACpC,MAAM,MAAM,CAAC,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAE3E,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;QAC3B,OAAO,MAAM,CAAC,YAAY,CAAC;IAC7B,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;YAC1B,MAAM,CAAC,QAAQ,CACb,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,EAC/B,4FAA4F,CAC7F,CAAC;YACF,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,OAAO,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAC5C,GAAG,MAAM,CAAC,qBAAqB,IAAI,GAAG,EAAE,CACzC,CAAC;IACJ,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,IAAY;QACvC,OAAO,GAAG,MAAM,CAAC,WAAW,IAAI,IAAI,EAAE,CAAC;IACzC,CAAC;;AAlEc,mBAAY,GAAG,KAAK,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 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\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Manages the Localization service for the core-react package.\n * @public\n * @deprecated in 4.16.0. `@itwin/core-react` package is deprecated, see used modules for suggested replacements.\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(\n        UiCore.loggerCategory(\"UiCore\"),\n        `UiCore.initialize already called`\n      );\n      return;\n    }\n\n    UiCore._localization = localization;\n    await UiCore._localization.registerNamespace(UiCore.localizationNamespace);\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 {\n    return UiCore._initialized;\n  }\n\n  /** The internationalization service namespace. */\n  public static get localizationNamespace(): string {\n    return \"UiCore\";\n  }\n\n  /** Calls localization.getLocalizedString with the \"UiCore\" namespace. Do NOT include the namespace in the key.\n   * @deprecated in 4.12.0. Do not use this internally, this is replaced by `useTranslation`.\n   * @internal\n   */\n  public static translate(key: string | string[]): string {\n    if (!UiCore._localization) {\n      Logger.logError(\n        UiCore.loggerCategory(\"UiCore\"),\n        `translate: UiCore must be initialize with a localization provider. Returning blank string.`\n      );\n      return \"\";\n    }\n    return UiCore._localization.getLocalizedString(\n      `${UiCore.localizationNamespace}:${key}`\n    );\n  }\n\n  /** @internal */\n  public static get packageName(): string {\n    return \"core-react\";\n  }\n\n  /** @internal */\n  public static loggerCategory(name: string): string {\n    return `${UiCore.packageName}.${name}`;\n  }\n}\n"]}

package/lib/core-react/_geometry.scss

@@ -0,0 +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};
+}

package/lib/core-react/_helpers.scss

@@ -0,0 +1,54 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "sass:map";
+@use "sass:meta";
+
+// Generates map from array.
+// Key of each entry is ($array entry value: result of $fn call).
+// $fn is called with specified $args.
+// Usage example:
+/*
+  $counter: 0;
+  @function step($step) {
+    $counter: $counter + $step !global;
+    @return $counter;
+  }
+  uicore-map-from-array($array, step, 1000);
+*/
+@function uicore-map-from-array($array, $fn, $args...) {
+  $map: ();
+  @each $item in $array {
+    $kvp: (
+      $item: meta.call($fn, $args...),
+    );
+    $map: map.merge($map, $kvp);
+  }
+  @return $map;
+}
+
+// Generates map from array.
+// Key of each entry is ($array entry value: result of $fn call).
+// $fn is called with one argument:
+// 1. First entry with $initialArg
+// 2. Other entries with previous result of $fn call.
+// Usage example:
+/*
+  @function step($counter) {
+    @return $counter + 1000;
+  }
+  uicore-map-from-array-with-result-arg($array, step, 0);
+*/
+@function uicore-map-from-array-with-result-arg($array, $fn, $initialArg) {
+  $map: ();
+  $result: $initialArg;
+  @each $item in $array {
+    $result: meta.call($fn, $result);
+    $kvp: (
+      $item: $result,
+    );
+    $map: map.merge($map, $kvp);
+  }
+  @return $map;
+}