@itwin/appui-react 4.0.0-dev.10 → 4.0.0-dev.12

package/lib/cjs/appui-react/settings/quantityformatting/QuantityFormat.scss

@@ -11,7 +11,7 @@
   flex-direction: column;
   height: 100%;
   width: 100%;
-  background: $buic-background-dialog;
+  background: var(--iui-color-background);
 
   *,
   *:before,
@@ -99,7 +99,7 @@
       .uifw-quantity-types-formats {
         display: flex;
         flex-direction: column;
-        border: 1px solid $buic-inputs-border;
+        border: 1px solid var(--iui-color-border-subtle);
         border-radius: var(--iui-border-radius-1);
         height: auto;
         overflow-y: auto;

package/lib/cjs/appui-react/settings/ui/UiSettingsPage.scss

@@ -2,7 +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 "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
 @import "~@itwin/core-react/lib/cjs/core-react/base/base";
 
 // cspell:ignore leftpanel rightpanel
@@ -16,8 +15,8 @@ $settings-rightpanel-width: 220px;
 }
 
 .uifw-settings {
-  background: $buic-background-dialog;
-  color: $buic-text-color;
+  background: var(--iui-color-background);
+  color: var(--iui-color-text);
   border-radius: var(--iui-border-radius-1);
   font-size: var(--iui-font-size-1);
   display: flex;
@@ -45,7 +44,7 @@ $settings-rightpanel-width: 220px;
     > .description {
       margin-top: 10px;
       font-size: 12px;
-      color: $buic-text-color-muted;
+      color: var(--iui-color-text-muted);
     }
   }
 

package/lib/cjs/appui-react/shared/ItemProps.d.ts

@@ -2,7 +2,7 @@
  * @module Item
  */
 import { BadgeType, CommandHandler, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from "@itwin/appui-abstract";
-import { IconProps } from "@itwin/core-react";
+import { IconProps, IconSpec } from "@itwin/core-react";
 /** Definition that specifies properties shared between many ConfigurableUi components.
  * @public
  */
@@ -20,7 +20,7 @@ export interface ItemProps extends IconProps {
     /** Badge to be overlaid on the item. */
     badgeType?: BadgeType;
     /** abstract icon definition, used when create itemDef from abstract item (ie. MenuItem) */
-    icon?: string | ConditionalStringValue;
+    icon?: IconSpec;
     /** if set, it is used to explicitly set the label shown by a component. */
     label?: string | StringGetter | ConditionalStringValue;
     /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */

package/lib/cjs/appui-react/shared/ItemProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACjI,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC7C,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC/C,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2KAA2K;IAC3K,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC;IAEvC,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IACvD,6IAA6I;IAC7I,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IAC7D,mJAAmJ;IACnJ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IACzD,6IAA6I;IAC7I,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,cAAc;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"ItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACjI,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC7C,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC/C,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2KAA2K;IAC3K,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,2FAA2F;IAC3F,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IACvD,6IAA6I;IAC7I,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IAC7D,mJAAmJ;IACnJ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IACzD,6IAA6I;IAC7I,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,cAAc;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/lib/cjs/appui-react/shared/ItemProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 Item\r\n */\r\n\r\nimport { BadgeType, CommandHandler, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from \"@itwin/appui-abstract\";\r\nimport { IconProps } from \"@itwin/core-react\";\r\n\r\n/** Definition that specifies properties shared between many ConfigurableUi components.\r\n * @public\r\n */\r\nexport interface ItemProps extends IconProps {\r\n  /** if true component will be hidden - defaults to false */\r\n  isHidden?: boolean | ConditionalBooleanValue;\r\n  /** if true component will be disabled - defaults to false */\r\n  isDisabled?: boolean | ConditionalBooleanValue;\r\n  /** if set, component will be considered \"active\" an will display an \"active stripe\" - defaults to false */\r\n  isActive?: boolean;\r\n  /** if set, component will be considered selected but will NOT display an \"active stripe\" - defaults to false. Typically used by buttons that toggle between two states. */\r\n  isPressed?: boolean;\r\n  /** can be used by application to store miscellaneous data. */\r\n  applicationData?: any;\r\n  /** Badge to be overlaid on the item. */\r\n  badgeType?: BadgeType;\r\n  /** abstract icon definition, used when create itemDef from abstract item (ie. MenuItem) */\r\n  icon?: string | ConditionalStringValue;\r\n\r\n  /** if set, it is used to explicitly set the label shown by a component. */\r\n  label?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  labelKey?: string;\r\n\r\n  /** if set, it is used to explicitly set the description shown by a component. */\r\n  description?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if description is not explicitly set. */\r\n  descriptionKey?: string;\r\n  /** used to explicitly set the tooltip shown by a component. */\r\n  tooltip?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  tooltipKey?: string;\r\n}\r\n\r\n/** Properties for a Tool item with a tool id.\r\n * @public\r\n */\r\nexport interface ToolItemProps extends ItemProps, CommandHandler {\r\n  toolId: string;\r\n}\r\n\r\n/** Properties for a Command item.\r\n * @public\r\n */\r\nexport interface CommandItemProps extends ItemProps, CommandHandler {\r\n  commandId?: string;\r\n}\r\n"]}
+{"version":3,"file":"ItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 Item\r\n */\r\n\r\nimport { BadgeType, CommandHandler, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from \"@itwin/appui-abstract\";\r\nimport { IconProps, IconSpec } from \"@itwin/core-react\";\r\n\r\n/** Definition that specifies properties shared between many ConfigurableUi components.\r\n * @public\r\n */\r\nexport interface ItemProps extends IconProps {\r\n  /** if true component will be hidden - defaults to false */\r\n  isHidden?: boolean | ConditionalBooleanValue;\r\n  /** if true component will be disabled - defaults to false */\r\n  isDisabled?: boolean | ConditionalBooleanValue;\r\n  /** if set, component will be considered \"active\" an will display an \"active stripe\" - defaults to false */\r\n  isActive?: boolean;\r\n  /** if set, component will be considered selected but will NOT display an \"active stripe\" - defaults to false. Typically used by buttons that toggle between two states. */\r\n  isPressed?: boolean;\r\n  /** can be used by application to store miscellaneous data. */\r\n  applicationData?: any;\r\n  /** Badge to be overlaid on the item. */\r\n  badgeType?: BadgeType;\r\n  /** abstract icon definition, used when create itemDef from abstract item (ie. MenuItem) */\r\n  icon?: IconSpec;\r\n\r\n  /** if set, it is used to explicitly set the label shown by a component. */\r\n  label?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  labelKey?: string;\r\n\r\n  /** if set, it is used to explicitly set the description shown by a component. */\r\n  description?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if description is not explicitly set. */\r\n  descriptionKey?: string;\r\n  /** used to explicitly set the tooltip shown by a component. */\r\n  tooltip?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  tooltipKey?: string;\r\n}\r\n\r\n/** Properties for a Tool item with a tool id.\r\n * @public\r\n */\r\nexport interface ToolItemProps extends ItemProps, CommandHandler {\r\n  toolId: string;\r\n}\r\n\r\n/** Properties for a Command item.\r\n * @public\r\n */\r\nexport interface CommandItemProps extends ItemProps, CommandHandler {\r\n  commandId?: string;\r\n}\r\n"]}

package/lib/cjs/appui-react/shared/ToolItemDef.d.ts

@@ -13,6 +13,6 @@ export declare class ToolItemDef extends ActionButtonItemDef {
     constructor(toolItemProps: ToolItemProps, onItemExecuted?: OnItemExecutedFunc);
     get id(): string;
     /** Create a ToolItemDef that will run a registered tool. */
-    static getItemDefForTool(tool: typeof Tool, iconSpec?: string, ...args: any[]): ToolItemDef;
+    static getItemDefForTool(tool: typeof Tool, icon?: string, ...args: any[]): ToolItemDef;
 }
 //# sourceMappingURL=ToolItemDef.d.ts.map

package/lib/cjs/appui-react/shared/ToolItemDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ToolItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAa,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C;;GAEG;AACH,qBAAa,WAAY,SAAQ,mBAAmB;IAC3C,MAAM,EAAE,MAAM,CAAM;gBAEf,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC,EAAE,kBAAkB;IAU7E,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,4DAA4D;WAC9C,iBAAiB,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,WAAW;CASnG"}
+{"version":3,"file":"ToolItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ToolItemDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAa,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C;;GAEG;AACH,qBAAa,WAAY,SAAQ,mBAAmB;IAC3C,MAAM,EAAE,MAAM,CAAM;gBAEf,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC,EAAE,kBAAkB;IAU7E,IAAW,EAAE,IAAI,MAAM,CAEtB;IAED,4DAA4D;WAC9C,iBAAiB,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,WAAW;CAS/F"}

package/lib/cjs/appui-react/shared/ToolItemDef.js

@@ -26,10 +26,10 @@ class ToolItemDef extends ActionButtonItemDef_1.ActionButtonItemDef {
         return this.toolId;
     }
     /** Create a ToolItemDef that will run a registered tool. */
-    static getItemDefForTool(tool, iconSpec, ...args) {
+    static getItemDefForTool(tool, icon, ...args) {
         return new ToolItemDef({
             toolId: tool.toolId,
-            iconSpec: iconSpec ? iconSpec : (tool.iconSpec && tool.iconSpec.length > 0) ? tool.iconSpec : undefined,
+            icon: icon ? icon : (tool.iconSpec && tool.iconSpec.length > 0) ? tool.iconSpec : undefined,
             label: () => tool.flyover,
             description: () => tool.description,
             execute: async () => core_frontend_1.IModelApp.tools.run(tool.toolId, ...args),

package/lib/cjs/appui-react/shared/ToolItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ToolItemDef.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,wDAAuD;AAEvD,+DAA4D;AAG5D;;GAEG;AACH,MAAa,WAAY,SAAQ,yCAAmB;IAGlD,YAAY,aAA4B,EAAE,cAAmC;QAC3E,KAAK,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QAHhC,WAAM,GAAW,EAAE,CAAC;QAKzB,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,IAAI,CAAC,eAAe,GAAG,EAAE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC,cAAc,EAAE,CAAC;SAC/I;QAED,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IACrC,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,4DAA4D;IACrD,MAAM,CAAC,iBAAiB,CAAC,IAAiB,EAAE,QAAiB,EAAE,GAAG,IAAW;QAClF,OAAO,IAAI,WAAW,CAAC;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YACvG,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO;YACzB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW;YACnC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,yBAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC;SAC/D,CAAC,CAAC;IACL,CAAC;CACF;AA3BD,kCA2BC","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 Item\r\n */\r\n\r\nimport { IModelApp, Tool } from \"@itwin/core-frontend\";\r\nimport { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { ToolItemProps } from \"./ItemProps\";\r\n\r\n/** An Item that starts the execution of a Tool.\r\n * @public\r\n */\r\nexport class ToolItemDef extends ActionButtonItemDef {\r\n  public toolId: string = \"\";\r\n\r\n  constructor(toolItemProps: ToolItemProps, onItemExecuted?: OnItemExecutedFunc) {\r\n    super(toolItemProps, onItemExecuted);\r\n\r\n    if (toolItemProps.execute) {\r\n      this._commandHandler = { execute: toolItemProps.execute, parameters: toolItemProps.parameters, getCommandArgs: toolItemProps.getCommandArgs };\r\n    }\r\n\r\n    this.toolId = toolItemProps.toolId;\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.toolId;\r\n  }\r\n\r\n  /** Create a ToolItemDef that will run a registered tool. */\r\n  public static getItemDefForTool(tool: typeof Tool, iconSpec?: string, ...args: any[]): ToolItemDef {\r\n    return new ToolItemDef({\r\n      toolId: tool.toolId,\r\n      iconSpec: iconSpec ? iconSpec : (tool.iconSpec && tool.iconSpec.length > 0) ? tool.iconSpec : undefined,\r\n      label: () => tool.flyover,\r\n      description: () => tool.description,\r\n      execute: async () => IModelApp.tools.run(tool.toolId, ...args),\r\n    });\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ToolItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ToolItemDef.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,wDAAuD;AAEvD,+DAA4D;AAG5D;;GAEG;AACH,MAAa,WAAY,SAAQ,yCAAmB;IAGlD,YAAY,aAA4B,EAAE,cAAmC;QAC3E,KAAK,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QAHhC,WAAM,GAAW,EAAE,CAAC;QAKzB,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,IAAI,CAAC,eAAe,GAAG,EAAE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC,cAAc,EAAE,CAAC;SAC/I;QAED,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IACrC,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,4DAA4D;IACrD,MAAM,CAAC,iBAAiB,CAAC,IAAiB,EAAE,IAAa,EAAE,GAAG,IAAW;QAC9E,OAAO,IAAI,WAAW,CAAC;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YAC3F,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO;YACzB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW;YACnC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,yBAAS,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC;SAC/D,CAAC,CAAC;IACL,CAAC;CACF;AA3BD,kCA2BC","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 Item\r\n */\r\n\r\nimport { IModelApp, Tool } from \"@itwin/core-frontend\";\r\nimport { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { ToolItemProps } from \"./ItemProps\";\r\n\r\n/** An Item that starts the execution of a Tool.\r\n * @public\r\n */\r\nexport class ToolItemDef extends ActionButtonItemDef {\r\n  public toolId: string = \"\";\r\n\r\n  constructor(toolItemProps: ToolItemProps, onItemExecuted?: OnItemExecutedFunc) {\r\n    super(toolItemProps, onItemExecuted);\r\n\r\n    if (toolItemProps.execute) {\r\n      this._commandHandler = { execute: toolItemProps.execute, parameters: toolItemProps.parameters, getCommandArgs: toolItemProps.getCommandArgs };\r\n    }\r\n\r\n    this.toolId = toolItemProps.toolId;\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.toolId;\r\n  }\r\n\r\n  /** Create a ToolItemDef that will run a registered tool. */\r\n  public static getItemDefForTool(tool: typeof Tool, icon?: string, ...args: any[]): ToolItemDef {\r\n    return new ToolItemDef({\r\n      toolId: tool.toolId,\r\n      icon: icon ? icon : (tool.iconSpec && tool.iconSpec.length > 0) ? tool.iconSpec : undefined,\r\n      label: () => tool.flyover,\r\n      description: () => tool.description,\r\n      execute: async () => IModelApp.tools.run(tool.toolId, ...args),\r\n    });\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/stagepanels/StagePanelDef.d.ts

@@ -231,6 +231,33 @@ export declare const setPanelSize: (base: {
                 } | any | null | undefined;
                 readonly type: string | import("react").JSXElementConstructor<any>;
                 readonly props: any;
+            } | {
+                readonly iconGetter: () => import("@itwin/core-react").IconSpec;
+                readonly syncEventIds: readonly string[];
+                readonly value: boolean | import("react").ReactText | {
+                    readonly stringGetter: () => string;
+                    readonly syncEventIds: readonly string[];
+                    readonly value: string;
+                    readonly refresh: () => boolean;
+                } | {
+                    readonly type: string | import("react").JSXElementConstructor<any>;
+                    readonly props: any;
+                    readonly key: import("react").Key | null;
+                } | {} | {
+                    readonly [Symbol.iterator]: () => Iterator<import("react").ReactNode, any, undefined>;
+                } | {
+                    readonly key: import("react").Key | null;
+                    readonly children: boolean | import("react").ReactText | {
+                        readonly type: string | import("react").JSXElementConstructor<any>;
+                        readonly props: any;
+                        readonly key: import("react").Key | null;
+                    } | {} | {
+                        readonly [Symbol.iterator]: () => Iterator<import("react").ReactNode, any, undefined>;
+                    } | any | null | undefined;
+                    readonly type: string | import("react").JSXElementConstructor<any>;
+                    readonly props: any;
+                } | any | null | undefined;
+                readonly refresh: () => boolean;
             } | null | undefined;
             readonly preferredFloatingWidgetSize?: {
                 readonly width: number;

package/lib/cjs/appui-react/stagepanels/StagePanelDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelDef.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StagePanelDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelDef.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/appui-react/stagepanels/StagePanelLocation.d.ts

@@ -1,13 +1,13 @@
 /** @packageDocumentation
  * @module Frontstage
  */
-import { StagePanelLocation as UIA_StagePanelLocation } from "@itwin/appui-abstract";
 /** Available Stage Panel locations.
- * @public // TODO: 4.x cleanup
+ * @public
  */
-export declare type StagePanelLocation = UIA_StagePanelLocation;
-/** Available Stage Panel locations.
- * @public // TODO: 4.x cleanup
- */
-export declare const StagePanelLocation: typeof UIA_StagePanelLocation;
+export declare enum StagePanelLocation {
+    Top = 101,
+    Left = 102,
+    Right = 103,
+    Bottom = 104
+}
 //# sourceMappingURL=StagePanelLocation.d.ts.map

package/lib/cjs/appui-react/stagepanels/StagePanelLocation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelLocation.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelLocation.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,IAAI,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAErF;;GAEG;AACH,oBAAY,kBAAkB,GAAG,sBAAsB,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,kBAAkB,+BAAyB,CAAC"}
+{"version":3,"file":"StagePanelLocation.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelLocation.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,GAAG,MAAM;IACT,IAAI,MAAA;IACJ,KAAK,MAAA;IACL,MAAM,MAAA;CACP"}

package/lib/cjs/appui-react/stagepanels/StagePanelLocation.js

@@ -8,9 +8,14 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StagePanelLocation = void 0;
-const appui_abstract_1 = require("@itwin/appui-abstract");
 /** Available Stage Panel locations.
- * @public // TODO: 4.x cleanup
+ * @public
  */
-exports.StagePanelLocation = appui_abstract_1.StagePanelLocation; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation
+var StagePanelLocation;
+(function (StagePanelLocation) {
+    StagePanelLocation[StagePanelLocation["Top"] = 101] = "Top";
+    StagePanelLocation[StagePanelLocation["Left"] = 102] = "Left";
+    StagePanelLocation[StagePanelLocation["Right"] = 103] = "Right";
+    StagePanelLocation[StagePanelLocation["Bottom"] = 104] = "Bottom";
+})(StagePanelLocation = exports.StagePanelLocation || (exports.StagePanelLocation = {}));
 //# sourceMappingURL=StagePanelLocation.js.map

package/lib/cjs/appui-react/stagepanels/StagePanelLocation.js.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelLocation.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelLocation.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,0DAAqF;AAOrF;;GAEG;AACU,QAAA,kBAAkB,GAAG,mCAAsB,CAAC,CAAC,+EAA+E","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 Frontstage\r\n */\r\n\r\nimport { StagePanelLocation as UIA_StagePanelLocation } from \"@itwin/appui-abstract\";\r\n\r\n/** Available Stage Panel locations.\r\n * @public // TODO: 4.x cleanup\r\n */\r\nexport type StagePanelLocation = UIA_StagePanelLocation; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Available Stage Panel locations.\r\n * @public // TODO: 4.x cleanup\r\n */\r\nexport const StagePanelLocation = UIA_StagePanelLocation; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation\r\n"]}
+{"version":3,"file":"StagePanelLocation.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelLocation.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;GAEG;AACH,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,2DAAS,CAAA;IACT,6DAAI,CAAA;IACJ,+DAAK,CAAA;IACL,iEAAM,CAAA;AACR,CAAC,EALW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAK7B","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 Frontstage\r\n */\r\n\r\n/** Available Stage Panel locations.\r\n * @public\r\n */\r\nexport enum StagePanelLocation {\r\n  Top = 101,\r\n  Left,\r\n  Right,\r\n  Bottom,\r\n}\r\n"]}

package/lib/cjs/appui-react/stagepanels/StagePanelSection.d.ts

@@ -1,13 +1,11 @@
 /** @packageDocumentation
  * @module Frontstage
  */
-import { StagePanelSection as UIA_StagePanelSection } from "@itwin/appui-abstract";
 /** Enum for Stage Panel Sections
- * @beta
+ * @public
  */
-export declare type StagePanelSection = UIA_StagePanelSection;
-/** Enum for Stage Panel Sections
- * @beta
- */
-export declare const StagePanelSection: typeof UIA_StagePanelSection;
+export declare enum StagePanelSection {
+    Start = 0,
+    End = 1
+}
 //# sourceMappingURL=StagePanelSection.d.ts.map

package/lib/cjs/appui-react/stagepanels/StagePanelSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelSection.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelSection.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnF;;GAEG;AACH,oBAAY,iBAAiB,GAAG,qBAAqB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,iBAAiB,8BAAwB,CAAC"}
+{"version":3,"file":"StagePanelSection.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelSection.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,oBAAY,iBAAiB;IAC3B,KAAK,IAAA;IACL,GAAG,IAAA;CACJ"}

package/lib/cjs/appui-react/stagepanels/StagePanelSection.js

@@ -8,9 +8,12 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StagePanelSection = void 0;
-const appui_abstract_1 = require("@itwin/appui-abstract");
 /** Enum for Stage Panel Sections
- * @beta
+ * @public
  */
-exports.StagePanelSection = appui_abstract_1.StagePanelSection; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation
+var StagePanelSection;
+(function (StagePanelSection) {
+    StagePanelSection[StagePanelSection["Start"] = 0] = "Start";
+    StagePanelSection[StagePanelSection["End"] = 1] = "End";
+})(StagePanelSection = exports.StagePanelSection || (exports.StagePanelSection = {}));
 //# sourceMappingURL=StagePanelSection.js.map

package/lib/cjs/appui-react/stagepanels/StagePanelSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelSection.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelSection.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,0DAAmF;AAOnF;;GAEG;AACU,QAAA,iBAAiB,GAAG,kCAAqB,CAAC,CAAC,+EAA+E","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 Frontstage\r\n */\r\n\r\nimport { StagePanelSection as UIA_StagePanelSection } from \"@itwin/appui-abstract\";\r\n\r\n/** Enum for Stage Panel Sections\r\n * @beta\r\n */\r\nexport type StagePanelSection = UIA_StagePanelSection; // eslint-disable-line deprecation/deprecation\r\n\r\n/** Enum for Stage Panel Sections\r\n * @beta\r\n */\r\nexport const StagePanelSection = UIA_StagePanelSection; // eslint-disable-line @typescript-eslint/no-redeclare, deprecation/deprecation\r\n"]}
+{"version":3,"file":"StagePanelSection.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelSection.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;GAEG;AACH,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,2DAAK,CAAA;IACL,uDAAG,CAAA;AACL,CAAC,EAHW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAG5B","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 Frontstage\r\n */\r\n\r\n/** Enum for Stage Panel Sections\r\n * @public\r\n */\r\nexport enum StagePanelSection {\r\n  Start,\r\n  End,\r\n}\r\n"]}

package/lib/cjs/appui-react/statusbar/Indicator.scss

@@ -4,13 +4,12 @@
 *--------------------------------------------------------------------------------------------*/
 @import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
 @import "~@itwin/core-react/lib/cjs/core-react/style/colors";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
 
 @keyframes uifw-indicator-fadeIn {
   0% {
     opacity: 0;
-    -webkit-transform: scale(.5);
-    transform: scale(.5);
+    -webkit-transform: scale(0.5);
+    transform: scale(0.5);
   }
 
   50% {
@@ -19,8 +18,8 @@
   }
 
   100% {
-    -webkit-transform: scale(1.0);
-    transform: scale(1.0);
+    -webkit-transform: scale(1);
+    transform: scale(1);
     opacity: 1;
   }
 }
@@ -37,13 +36,13 @@
 
 .uifw-statusbar-indicator {
   visibility: visible;
-  gap: 8px;
+  gap: var(--iui-size-xs);
 
   &.uifw-action {
     cursor: pointer;
 
     &:hover {
-      color: $buic-foreground-primary;
+      color: var(--iui-color-text-accent-hover);
     }
   }
 
@@ -59,14 +58,14 @@
     pointer-events: none;
   }
 
-  >.nz-balloon-container {
+  > .nz-balloon-container {
     height: 100%;
     position: relative;
     display: grid;
     align-content: center;
 
-    >.nz-balloon {
-      background-color: $buic-text-color;
+    > .nz-balloon {
+      background-color: var(--iui-color-text);
       text-align: center;
       cursor: pointer;
       min-width: $min-balloon-width;
@@ -77,7 +76,7 @@
       position: relative;
       align-self: center;
 
-      >.nz-arrow {
+      > .nz-arrow {
         position: absolute;
         width: 0;
         bottom: -3px;
@@ -87,19 +86,19 @@
         border-bottom-width: $balloon-arrow-height;
         border-left-width: $balloon-arrow-width;
         border-style: solid;
-        border-color: transparent $buic-text-color;
+        border-color: transparent var(--iui-color-icon);
         transform: rotate(25deg);
       }
 
-      >.nz-content {
+      > .nz-content {
         position: relative;
-        color: #FFFFFF;
+        color: #fff;
         line-height: $min-balloon-height;
         font-size: 11px;
       }
     }
 
-    >.nz-dialog {
+    > .nz-dialog {
       height: 100%;
       width: 100%;
       position: absolute;

package/lib/cjs/appui-react/statusbar/LabelIndicator.d.ts

@@ -5,7 +5,7 @@
 import "./LabelIndicator.scss";
 import { StatusBarIndicatorProps } from "./Indicator";
 import { IconSpec } from "@itwin/core-react";
-import { StatusBarLabelSide } from "@itwin/appui-abstract";
+import { StatusBarLabelSide } from "./StatusBarItem";
 /** Properties of [[StatusBarLabelIndicator]] component.
  * @beta
  */

package/lib/cjs/appui-react/statusbar/LabelIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelIndicator.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/LabelIndicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,uBAAuB,CAAC;AAG/B,OAAO,EAAsB,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAQ,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC;IAC7F,gCAAgC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eAgB1E"}
+{"version":3,"file":"LabelIndicator.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/LabelIndicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,uBAAuB,CAAC;AAG/B,OAAO,EAAsB,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAQ,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC;IAC7F,gCAAgC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eAgB1E"}

package/lib/cjs/appui-react/statusbar/LabelIndicator.js

@@ -13,14 +13,13 @@ const classnames_1 = require("classnames");
 const React = require("react");
 const Indicator_1 = require("./Indicator");
 const core_react_1 = require("@itwin/core-react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
+const StatusBarItem_1 = require("./StatusBarItem");
 /** [[StatusBar]] indicator that shows a label with an icon.
  * @beta
  */
 function StatusBarLabelIndicator(props) {
     const { className, iconSpec, label, labelSide, ...other } = props;
-    const classNames = (0, classnames_1.default)("uifw-statusbar-labelIndicator", labelSide === appui_abstract_1.StatusBarLabelSide.Right && "uifw-reversed", // eslint-disable-line deprecation/deprecation
-    className);
+    const classNames = (0, classnames_1.default)("uifw-statusbar-labelIndicator", labelSide === StatusBarItem_1.StatusBarLabelSide.Right && "uifw-reversed", className);
     return (React.createElement(Indicator_1.StatusBarIndicator, { className: classNames, ...other },
         label && React.createElement("span", { className: "uifw-label" }, label),
         iconSpec && React.createElement("div", { className: "uifw-icon" },

package/lib/cjs/appui-react/statusbar/LabelIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabelIndicator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/LabelIndicator.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,2CAAoC;AACpC,+BAA+B;AAC/B,2CAA0E;AAC1E,kDAAmD;AACnD,0DAA2D;AAc3D;;GAEG;AACH,SAAgB,uBAAuB,CAAC,KAAmC;IACzE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAClE,MAAM,UAAU,GAAG,IAAA,oBAAU,EAC3B,+BAA+B,EAC/B,SAAS,KAAK,mCAAkB,CAAC,KAAK,IAAI,eAAe,EAAE,8CAA8C;IACzG,SAAS,CACV,CAAC;IACF,OAAO,CACL,oBAAC,8BAAkB,IACjB,SAAS,EAAE,UAAU,KACjB,KAAK;QAER,KAAK,IAAI,8BAAM,SAAS,EAAC,YAAY,IAAE,KAAK,CAAQ;QACpD,QAAQ,IAAI,6BAAK,SAAS,EAAC,WAAW;YAAC,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAM,CACvD,CACtB,CAAC;AACJ,CAAC;AAhBD,0DAgBC","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 StatusBar\r\n */\r\n\r\nimport \"./LabelIndicator.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StatusBarIndicator, StatusBarIndicatorProps } from \"./Indicator\";\r\nimport { Icon, IconSpec } from \"@itwin/core-react\";\r\nimport { StatusBarLabelSide } from \"@itwin/appui-abstract\";\r\n\r\n/** Properties of [[StatusBarLabelIndicator]] component.\r\n * @beta\r\n */\r\nexport interface StatusBarLabelIndicatorProps extends Omit<StatusBarIndicatorProps, \"children\"> {\r\n  /** Specification of an icon. */\r\n  iconSpec?: IconSpec;\r\n  /** Indicator label. */\r\n  label?: string;\r\n  /** Side to display label. */\r\n  labelSide?: StatusBarLabelSide; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/** [[StatusBar]] indicator that shows a label with an icon.\r\n * @beta\r\n */\r\nexport function StatusBarLabelIndicator(props: StatusBarLabelIndicatorProps) {\r\n  const { className, iconSpec, label, labelSide, ...other } = props;\r\n  const classNames = classnames(\r\n    \"uifw-statusbar-labelIndicator\",\r\n    labelSide === StatusBarLabelSide.Right && \"uifw-reversed\", // eslint-disable-line deprecation/deprecation\r\n    className,\r\n  );\r\n  return (\r\n    <StatusBarIndicator\r\n      className={classNames}\r\n      {...other}\r\n    >\r\n      {label && <span className=\"uifw-label\">{label}</span>}\r\n      {iconSpec && <div className=\"uifw-icon\"><Icon iconSpec={iconSpec} /></div>}\r\n    </StatusBarIndicator>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"LabelIndicator.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/LabelIndicator.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,2CAAoC;AACpC,+BAA+B;AAC/B,2CAA0E;AAC1E,kDAAmD;AACnD,mDAAqD;AAcrD;;GAEG;AACH,SAAgB,uBAAuB,CAAC,KAAmC;IACzE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAClE,MAAM,UAAU,GAAG,IAAA,oBAAU,EAC3B,+BAA+B,EAC/B,SAAS,KAAK,kCAAkB,CAAC,KAAK,IAAI,eAAe,EACzD,SAAS,CACV,CAAC;IACF,OAAO,CACL,oBAAC,8BAAkB,IACjB,SAAS,EAAE,UAAU,KACjB,KAAK;QAER,KAAK,IAAI,8BAAM,SAAS,EAAC,YAAY,IAAE,KAAK,CAAQ;QACpD,QAAQ,IAAI,6BAAK,SAAS,EAAC,WAAW;YAAC,oBAAC,iBAAI,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAM,CACvD,CACtB,CAAC;AACJ,CAAC;AAhBD,0DAgBC","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 StatusBar\r\n */\r\n\r\nimport \"./LabelIndicator.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StatusBarIndicator, StatusBarIndicatorProps } from \"./Indicator\";\r\nimport { Icon, IconSpec } from \"@itwin/core-react\";\r\nimport { StatusBarLabelSide } from \"./StatusBarItem\";\r\n\r\n/** Properties of [[StatusBarLabelIndicator]] component.\r\n * @beta\r\n */\r\nexport interface StatusBarLabelIndicatorProps extends Omit<StatusBarIndicatorProps, \"children\"> {\r\n  /** Specification of an icon. */\r\n  iconSpec?: IconSpec;\r\n  /** Indicator label. */\r\n  label?: string;\r\n  /** Side to display label. */\r\n  labelSide?: StatusBarLabelSide;\r\n}\r\n\r\n/** [[StatusBar]] indicator that shows a label with an icon.\r\n * @beta\r\n */\r\nexport function StatusBarLabelIndicator(props: StatusBarLabelIndicatorProps) {\r\n  const { className, iconSpec, label, labelSide, ...other } = props;\r\n  const classNames = classnames(\r\n    \"uifw-statusbar-labelIndicator\",\r\n    labelSide === StatusBarLabelSide.Right && \"uifw-reversed\",\r\n    className,\r\n  );\r\n  return (\r\n    <StatusBarIndicator\r\n      className={classNames}\r\n      {...other}\r\n    >\r\n      {label && <span className=\"uifw-label\">{label}</span>}\r\n      {iconSpec && <div className=\"uifw-icon\"><Icon iconSpec={iconSpec} /></div>}\r\n    </StatusBarIndicator>\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/statusbar/Separator.scss

@@ -2,13 +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 "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
 @import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/variables";
 
 .uifw-statusbar-separator {
   height: calc(100% - (#{$nz-footer-indicator-vertical-padding} * 2));
   width: 1px;
-  filter: drop-shadow(1px 0 $buic-foreground-body-reverse);
   margin: $nz-footer-indicator-vertical-padding 0;
-  background-color: $buic-foreground-disabled;
+  background-color: var(--iui-color-border-subtle);
 }

package/lib/cjs/appui-react/statusbar/StatusBar.d.ts

@@ -16,6 +16,7 @@ interface StatusBarState {
  * @public
  */
 export interface StatusBarProps extends CommonProps {
+    children?: React.ReactNode;
     widgetControl?: StatusBarWidgetControl;
 }
 /** Status Bar React component.

package/lib/cjs/appui-react/statusbar/StatusBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,WAAW,EAAO,MAAM,mBAAmB,CAAC;AAErE,OAAO,EAAE,wBAAwB,EAAyC,MAAM,4BAA4B,CAAC;AAE7G,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAOlE;;GAEG;AACH,UAAU,cAAc;IACtB,mBAAmB,EAAE,wBAAwB,GAAG,SAAS,CAAC;CAC3D;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,aAAa,CAAC,EAAE,sBAAsB,CAAC;CACxC;AAUD;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,OAAO,CAAC,QAAQ,CAA0B;IAE1C,gBAAgB;gBACJ,KAAK,EAAE,cAAc;IAQjB,MAAM,IAAI,KAAK,CAAC,SAAS;IAkBzB,iBAAiB;IASjB,oBAAoB;IAOpC,OAAO,CAAC,wBAAwB,CAQ9B;IAEF,OAAO,CAAC,eAAe,CAUrB;IAEF,2CAA2C;IAC3C,OAAO,CAAC,2BAA2B,CAEjC;IAEF;;;OAGG;IACH,OAAO,CAAC,kCAAkC,CAIxC;IAEF;;OAEG;IACH,OAAO,CAAC,oCAAoC,CAI1C;IAEF,OAAO,CAAC,aAAa,CAGnB;CACH;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,eAG1D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,eAGzD;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,cAAc,eAG3D;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,eAG1D"}
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,WAAW,EAAO,MAAM,mBAAmB,CAAC;AAErE,OAAO,EAAE,wBAAwB,EAAyC,MAAM,4BAA4B,CAAC;AAE7G,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAOlE;;GAEG;AACH,UAAU,cAAc;IACtB,mBAAmB,EAAE,wBAAwB,GAAG,SAAS,CAAC;CAC3D;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,sBAAsB,CAAC;CACxC;AAUD;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,OAAO,CAAC,QAAQ,CAA0B;IAE1C,gBAAgB;gBACJ,KAAK,EAAE,cAAc;IAQjB,MAAM,IAAI,KAAK,CAAC,SAAS;IAmBzB,iBAAiB;IASjB,oBAAoB;IAOpC,OAAO,CAAC,wBAAwB,CAQ9B;IAEF,OAAO,CAAC,eAAe,CAUrB;IAEF,2CAA2C;IAC3C,OAAO,CAAC,2BAA2B,CAEjC;IAEF;;;OAGG;IACH,OAAO,CAAC,kCAAkC,CAIxC;IAEF;;OAEG;IACH,OAAO,CAAC,oCAAoC,CAI1C;IAEF,OAAO,CAAC,aAAa,CAGnB;CACH;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,eAG1D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,eAGzD;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,cAAc,eAG3D;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,eAG1D"}

package/lib/cjs/appui-react/statusbar/StatusBar.js

@@ -77,7 +77,8 @@ class StatusBar extends React.Component {
     render() {
         return (React.createElement(SafeAreaContext_1.SafeAreaContext.Consumer, null, (safeAreaInsets) => {
             var _a, _b, _c;
-            return (React.createElement(appui_layout_react_1.Footer, { className: this.props.className, messages: React.createElement(ActivityMessage_1.ActivityMessageRenderer, null), onMouseEnter: UiFramework_1.UiFramework.visibility.handleWidgetMouseEnter, safeAreaInsets: (0, SafeAreaHelpers_1.toLayoutSafeAreaInsets)(safeAreaInsets), style: this.props.style }, (_c = (_b = (_a = this.props.widgetControl) === null || _a === void 0 ? void 0 : _a.getReactNode) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null));
+            return (React.createElement(appui_layout_react_1.Footer, { className: this.props.className, messages: React.createElement(ActivityMessage_1.ActivityMessageRenderer, null), onMouseEnter: UiFramework_1.UiFramework.visibility.handleWidgetMouseEnter, safeAreaInsets: (0, SafeAreaHelpers_1.toLayoutSafeAreaInsets)(safeAreaInsets), style: this.props.style }, (_c = (_b = (_a = this.props.widgetControl) === null || _a === void 0 ? void 0 : _a.getReactNode) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null,
+                this.props.children));
         }));
     }
     componentDidMount() {

package/lib/cjs/appui-react/statusbar/StatusBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.tsx"],"names":[],"mappings":"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","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 StatusBar\r\n */\r\n\r\nimport \"./StatusBar.scss\";\r\nimport * as React from \"react\";\r\nimport { CommonDivProps, CommonProps, Div } from \"@itwin/core-react\";\r\nimport { Footer } from \"@itwin/appui-layout-react\";\r\nimport { ActivityMessageEventArgs, MessageAddedEventArgs, MessageManager } from \"../messages/MessageManager\";\r\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\r\nimport { StatusBarWidgetControl } from \"./StatusBarWidgetControl\";\r\nimport { toLayoutSafeAreaInsets } from \"../safearea/SafeAreaHelpers\";\r\nimport { ActivityMessageRenderer } from \"../messages/ActivityMessage\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n// cspell:ignore safearea\r\n\r\n/** State for the [[StatusBar]] React component\r\n * @internal\r\n */\r\ninterface StatusBarState {\r\n  activityMessageInfo: ActivityMessageEventArgs | undefined;\r\n}\r\n\r\n/** Properties for the [[StatusBar]] React component\r\n * @public\r\n */\r\nexport interface StatusBarProps extends CommonProps {\r\n  widgetControl?: StatusBarWidgetControl;\r\n}\r\n\r\n/** Message type for the [[StatusBar]] React component\r\n * @internal\r\n */\r\ninterface StatusBarMessage {\r\n  close: () => void;\r\n  id: string;\r\n}\r\n\r\n/** Status Bar React component.\r\n * @public\r\n */\r\nexport class StatusBar extends React.Component<StatusBarProps, StatusBarState> {\r\n  private messages: StatusBarMessage[] = [];\r\n\r\n  /** @internal */\r\n  constructor(props: StatusBarProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      activityMessageInfo: undefined,\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <SafeAreaContext.Consumer>\r\n        {(safeAreaInsets) => (\r\n          <Footer\r\n            className={this.props.className}\r\n            messages={<ActivityMessageRenderer />}\r\n            onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\r\n            safeAreaInsets={toLayoutSafeAreaInsets(safeAreaInsets)}\r\n            style={this.props.style}\r\n          >\r\n            {this.props.widgetControl?.getReactNode?.() ?? null}\r\n          </Footer>\r\n        )}\r\n      </SafeAreaContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);\r\n    MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageUpdatedEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);\r\n    MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent);\r\n\r\n    MessageManager.updateMessages();\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    MessageManager.onMessageAddedEvent.removeListener(this._handleMessageAddedEvent);\r\n    MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageUpdatedEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);\r\n    MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);\r\n  }\r\n\r\n  private _handleMessageAddedEvent = (_args: MessageAddedEventArgs) => {\r\n    this._updateMessages();\r\n    const messagesToAdd = MessageManager.activeMessageManager.messages.filter((msg) => !this.messages.find((m) => m.id === msg.id));\r\n    messagesToAdd.forEach((msg) => {\r\n      const displayedMessage = MessageManager.displayMessage(msg.messageDetails, { onRemove: () => this._closeMessage(msg.id) });\r\n      if (!!displayedMessage)\r\n        this.messages.push({ close: displayedMessage.close, id: msg.id });\r\n    });\r\n  };\r\n\r\n  private _updateMessages = () => {\r\n    const updatedMessages = [...this.messages];\r\n    this.messages.forEach((m) => {\r\n      if (!MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {\r\n        m.close();\r\n        const index = updatedMessages.findIndex((msg) => msg.id === m.id);\r\n        updatedMessages.splice(index, 1);\r\n      }\r\n    });\r\n    this.messages = updatedMessages;\r\n  };\r\n\r\n  /** Respond to clearing the message list */\r\n  private _handleMessagesUpdatedEvent = () => {\r\n    this._updateMessages();\r\n  };\r\n\r\n  /**\r\n   * Sets state of the status bar to updated values reflecting activity progress.\r\n   * @param args  New values to set for ActivityMessage\r\n   */\r\n  private _handleActivityMessageUpdatedEvent = (args: ActivityMessageEventArgs) => {\r\n    this.setState({\r\n      activityMessageInfo: args,\r\n    });\r\n  };\r\n\r\n  /**\r\n   * Hides ActivityMessage after cancellation\r\n   */\r\n  private _handleActivityMessageCancelledEvent = () => {\r\n    this.setState({\r\n      activityMessageInfo: undefined,\r\n    });\r\n  };\r\n\r\n  private _closeMessage = (id: string) => {\r\n    MessageManager.activeMessageManager.remove(id);\r\n    MessageManager.updateMessages();\r\n  };\r\n}\r\n\r\n/** StatusBar With Space Between Items React functional component\r\n * @public\r\n */\r\nexport function StatusBarSpaceBetween(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-space-between\"} />;\r\n}\r\n\r\n/** StatusBar Left Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarLeftSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-left\"} />;\r\n}\r\n\r\n/** StatusBar Center Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarCenterSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-center\"} />;\r\n}\r\n\r\n/** StatusBar Right Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarRightSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-right\"} />;\r\n}\r\n"]}
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.tsx"],"names":[],"mappings":"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","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 StatusBar\r\n */\r\n\r\nimport \"./StatusBar.scss\";\r\nimport * as React from \"react\";\r\nimport { CommonDivProps, CommonProps, Div } from \"@itwin/core-react\";\r\nimport { Footer } from \"@itwin/appui-layout-react\";\r\nimport { ActivityMessageEventArgs, MessageAddedEventArgs, MessageManager } from \"../messages/MessageManager\";\r\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\r\nimport { StatusBarWidgetControl } from \"./StatusBarWidgetControl\";\r\nimport { toLayoutSafeAreaInsets } from \"../safearea/SafeAreaHelpers\";\r\nimport { ActivityMessageRenderer } from \"../messages/ActivityMessage\";\r\nimport { UiFramework } from \"../UiFramework\";\r\n\r\n// cspell:ignore safearea\r\n\r\n/** State for the [[StatusBar]] React component\r\n * @internal\r\n */\r\ninterface StatusBarState {\r\n  activityMessageInfo: ActivityMessageEventArgs | undefined;\r\n}\r\n\r\n/** Properties for the [[StatusBar]] React component\r\n * @public\r\n */\r\nexport interface StatusBarProps extends CommonProps {\r\n  children?: React.ReactNode;\r\n  widgetControl?: StatusBarWidgetControl;\r\n}\r\n\r\n/** Message type for the [[StatusBar]] React component\r\n * @internal\r\n */\r\ninterface StatusBarMessage {\r\n  close: () => void;\r\n  id: string;\r\n}\r\n\r\n/** Status Bar React component.\r\n * @public\r\n */\r\nexport class StatusBar extends React.Component<StatusBarProps, StatusBarState> {\r\n  private messages: StatusBarMessage[] = [];\r\n\r\n  /** @internal */\r\n  constructor(props: StatusBarProps) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      activityMessageInfo: undefined,\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <SafeAreaContext.Consumer>\r\n        {(safeAreaInsets) => (\r\n          <Footer\r\n            className={this.props.className}\r\n            messages={<ActivityMessageRenderer />}\r\n            onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\r\n            safeAreaInsets={toLayoutSafeAreaInsets(safeAreaInsets)}\r\n            style={this.props.style}\r\n          >\r\n            {this.props.widgetControl?.getReactNode?.() ?? null}\r\n            {this.props.children}\r\n          </Footer>\r\n        )}\r\n      </SafeAreaContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    MessageManager.onMessageAddedEvent.addListener(this._handleMessageAddedEvent);\r\n    MessageManager.onActivityMessageUpdatedEvent.addListener(this._handleActivityMessageUpdatedEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.addListener(this._handleActivityMessageCancelledEvent);\r\n    MessageManager.onMessagesUpdatedEvent.addListener(this._handleMessagesUpdatedEvent);\r\n\r\n    MessageManager.updateMessages();\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    MessageManager.onMessageAddedEvent.removeListener(this._handleMessageAddedEvent);\r\n    MessageManager.onActivityMessageUpdatedEvent.removeListener(this._handleActivityMessageUpdatedEvent);\r\n    MessageManager.onActivityMessageCancelledEvent.removeListener(this._handleActivityMessageCancelledEvent);\r\n    MessageManager.onMessagesUpdatedEvent.removeListener(this._handleMessagesUpdatedEvent);\r\n  }\r\n\r\n  private _handleMessageAddedEvent = (_args: MessageAddedEventArgs) => {\r\n    this._updateMessages();\r\n    const messagesToAdd = MessageManager.activeMessageManager.messages.filter((msg) => !this.messages.find((m) => m.id === msg.id));\r\n    messagesToAdd.forEach((msg) => {\r\n      const displayedMessage = MessageManager.displayMessage(msg.messageDetails, { onRemove: () => this._closeMessage(msg.id) });\r\n      if (!!displayedMessage)\r\n        this.messages.push({ close: displayedMessage.close, id: msg.id });\r\n    });\r\n  };\r\n\r\n  private _updateMessages = () => {\r\n    const updatedMessages = [...this.messages];\r\n    this.messages.forEach((m) => {\r\n      if (!MessageManager.activeMessageManager.messages.some((msg) => m.id === msg.id)) {\r\n        m.close();\r\n        const index = updatedMessages.findIndex((msg) => msg.id === m.id);\r\n        updatedMessages.splice(index, 1);\r\n      }\r\n    });\r\n    this.messages = updatedMessages;\r\n  };\r\n\r\n  /** Respond to clearing the message list */\r\n  private _handleMessagesUpdatedEvent = () => {\r\n    this._updateMessages();\r\n  };\r\n\r\n  /**\r\n   * Sets state of the status bar to updated values reflecting activity progress.\r\n   * @param args  New values to set for ActivityMessage\r\n   */\r\n  private _handleActivityMessageUpdatedEvent = (args: ActivityMessageEventArgs) => {\r\n    this.setState({\r\n      activityMessageInfo: args,\r\n    });\r\n  };\r\n\r\n  /**\r\n   * Hides ActivityMessage after cancellation\r\n   */\r\n  private _handleActivityMessageCancelledEvent = () => {\r\n    this.setState({\r\n      activityMessageInfo: undefined,\r\n    });\r\n  };\r\n\r\n  private _closeMessage = (id: string) => {\r\n    MessageManager.activeMessageManager.remove(id);\r\n    MessageManager.updateMessages();\r\n  };\r\n}\r\n\r\n/** StatusBar With Space Between Items React functional component\r\n * @public\r\n */\r\nexport function StatusBarSpaceBetween(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-space-between\"} />;\r\n}\r\n\r\n/** StatusBar Left Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarLeftSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-left\"} />;\r\n}\r\n\r\n/** StatusBar Center Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarCenterSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-center\"} />;\r\n}\r\n\r\n/** StatusBar Right Section React functional component\r\n * @public\r\n */\r\nexport function StatusBarRightSection(props: CommonDivProps) {\r\n  const { className, ...divProps } = props;\r\n  return <Div {...divProps} mainClassName={className ? className : \"uifw-statusbar-right\"} />;\r\n}\r\n"]}

package/lib/cjs/appui-react/statusbar/StatusBar.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 "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
 .uifw-statusbar-space-between {
   width: 100%;
   height: 100%;
@@ -32,7 +30,7 @@
 
 .uifw-statusbar-docked {
   width: 100%;
-  background-color: $buic-background-statusbar;
+  background-color: var(--iui-color-background);
 }
 
 .uifw-statusbar-item-container {

package/lib/cjs/appui-react/statusbar/StatusBarComposer.d.ts

@@ -2,8 +2,8 @@
  * @module StatusBar
  */
 import * as React from "react";
-import { CommonStatusBarItem } from "@itwin/appui-abstract";
 import { CommonProps } from "@itwin/core-react";
+import { StatusBarItem } from "./StatusBarItem";
 interface DockedStatusBarEntryContextArg {
     readonly isOverflown: boolean;
     readonly onResize: (w: number) => void;
@@ -29,7 +29,7 @@ export declare function DockedStatusBarItem(props: StatusBarItemProps): JSX.Elem
  */
 export interface StatusBarComposerProps extends CommonProps {
     /** Status Bar items */
-    items: CommonStatusBarItem[];
+    items: StatusBarItem[];
     /** CSS class name override for the overall Status Bar */
     mainClassName?: string;
     /** CSS class name override for the left section */

package/lib/cjs/appui-react/statusbar/StatusBarComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACoD,mBAAmB,EAE7E,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAA8B,MAAM,mBAAmB,CAAC;AAyB5E,UAAU,8BAA8B;IACtC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAMD,gBAAgB;AAChB,wBAAgB,iBAAiB,mCAEhC;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,kBAAkB,eAqB5D;AAwID;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,uBAAuB;IACvB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAE7B,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAiM9D"}
+{"version":3,"file":"StatusBarComposer.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarComposer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAA8B,MAAM,mBAAmB,CAAC;AAM5E,OAAO,EAA2F,aAAa,EAAwC,MAAM,iBAAiB,CAAC;AAmB/K,UAAU,8BAA8B;IACtC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAKD,gBAAgB;AAChB,wBAAgB,iBAAiB,mCAEhC;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,kBAAkB,eAqB5D;AAsID;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,uBAAuB;IACvB,KAAK,EAAE,aAAa,EAAE,CAAC;IAEvB,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAkM9D"}