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

package/lib/esm/components-react/toolbar/groupPanel/Columns.d.ts

@@ -1,18 +1,18 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Columns.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties of [[Columns]] component.
- * @internal
- */
-export interface ColumnsProps extends CommonProps {
-    /** Actual columns. I.e. [[GroupColumn]] */
-    children?: React.ReactNode;
-}
-/** Columns of tool group. Used in [[Group]], [[NestedGroup]] components.
- * @internal
- */
-export declare function Columns(props: ColumnsProps): JSX.Element;
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Columns.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[Columns]] component.
+ * @internal
+ */
+export interface ColumnsProps extends CommonProps {
+    /** Actual columns. I.e. [[GroupColumn]] */
+    children?: React.ReactNode;
+}
+/** Columns of tool group. Used in [[Group]], [[NestedGroup]] components.
+ * @internal
+ */
+export declare function Columns(props: ColumnsProps): JSX.Element;
 //# sourceMappingURL=Columns.d.ts.map

package/lib/esm/components-react/toolbar/groupPanel/Columns.js

@@ -1,18 +1,18 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Columns.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Columns of tool group. Used in [[Group]], [[NestedGroup]] components.
- * @internal
- */
-export function Columns(props) {
-    const className = classnames("components-toolbar-item-expandable-group-columns", props.className);
-    return (React.createElement("div", { className: className, style: props.style }, props.children));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Columns.scss";
+import classnames from "classnames";
+import * as React from "react";
+/** Columns of tool group. Used in [[Group]], [[NestedGroup]] components.
+ * @internal
+ */
+export function Columns(props) {
+    const className = classnames("components-toolbar-item-expandable-group-columns", props.className);
+    return (React.createElement("div", { className: className, style: props.style }, props.children));
+}
 //# sourceMappingURL=Columns.js.map

package/lib/esm/components-react/toolbar/groupPanel/Columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"Columns.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Columns.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,SAAS,GAAG,UAAU,CAC1B,kDAAkD,EAClD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Toolbar\r\n */\r\n\r\nimport \"./Columns.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[Columns]] component.\r\n * @internal\r\n */\r\nexport interface ColumnsProps extends CommonProps {\r\n  /** Actual columns. I.e. [[GroupColumn]] */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Columns of tool group. Used in [[Group]], [[NestedGroup]] components.\r\n * @internal\r\n */\r\nexport function Columns(props: ColumnsProps) {\r\n  const className = classnames(\r\n    \"components-toolbar-item-expandable-group-columns\",\r\n    props.className);\r\n\r\n  return (\r\n    <div\r\n      className={className}\r\n      style={props.style}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"Columns.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Columns.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,SAAS,GAAG,UAAU,CAC1B,kDAAkD,EAClD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport \"./Columns.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[Columns]] component.\n * @internal\n */\nexport interface ColumnsProps extends CommonProps {\n  /** Actual columns. I.e. [[GroupColumn]] */\n  children?: React.ReactNode;\n}\n\n/** Columns of tool group. Used in [[Group]], [[NestedGroup]] components.\n * @internal\n */\nexport function Columns(props: ColumnsProps) {\n  const className = classnames(\n    \"components-toolbar-item-expandable-group-columns\",\n    props.className);\n\n  return (\n    <div\n      className={className}\n      style={props.style}\n    >\n      {props.children}\n    </div>\n  );\n}\n"]}

package/lib/esm/components-react/toolbar/groupPanel/Columns.scss

@@ -1,10 +1,10 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.components-toolbar-item-expandable-group-columns {
-  display: grid;
-  grid-auto-columns: 1fr;
-  grid-gap: 12px;
-  grid-auto-flow: column;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.components-toolbar-item-expandable-group-columns {
+  display: grid;
+  grid-auto-columns: 1fr;
+  grid-gap: 12px;
+  grid-auto-flow: column;
+}

package/lib/esm/components-react/toolbar/groupPanel/Panel.d.ts

@@ -1,19 +1,19 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Panel.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties of [[Panel]] component.
- * @internal
- */
-export interface PanelProps extends CommonProps {
-    /** Panel content. */
-    children?: React.ReactNode;
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-}
-/** Basic panel used in Toolbar popups. Used as base in [[Group]] and [[NestedGroup]] components.
- * @internal
- */
-export declare function Panel(props: PanelProps): JSX.Element;
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Panel.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[Panel]] component.
+ * @internal
+ */
+export interface PanelProps extends CommonProps {
+    /** Panel content. */
+    children?: React.ReactNode;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+}
+/** Basic panel used in Toolbar popups. Used as base in [[Group]] and [[NestedGroup]] components.
+ * @internal
+ */
+export declare function Panel(props: PanelProps): JSX.Element;
 //# sourceMappingURL=Panel.d.ts.map

package/lib/esm/components-react/toolbar/groupPanel/Panel.js

@@ -1,20 +1,20 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Panel.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Basic panel used in Toolbar popups. Used as base in [[Group]] and [[NestedGroup]] components.
- * @internal
- */
-export function Panel(props) {
-    const className = classnames("components-toolbar-item-expandable-group-panel", props.className);
-    return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-    React.createElement("div", { className: className, style: props.style, onKeyDown: props.onKeyDown, role: "region" }, props.children));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Panel.scss";
+import classnames from "classnames";
+import * as React from "react";
+/** Basic panel used in Toolbar popups. Used as base in [[Group]] and [[NestedGroup]] components.
+ * @internal
+ */
+export function Panel(props) {
+    const className = classnames("components-toolbar-item-expandable-group-panel", props.className);
+    return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    React.createElement("div", { className: className, style: props.style, onKeyDown: props.onKeyDown, role: "region" }, props.children));
+}
 //# sourceMappingURL=Panel.js.map

package/lib/esm/components-react/toolbar/groupPanel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Panel.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;GAEG;AACH,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,SAAS,GAAG,UAAU,CAC1B,gDAAgD,EAChD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO;IACL,2EAA2E;IAC3E,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAC,QAAQ,IAEZ,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Toolbar\r\n */\r\n\r\nimport \"./Panel.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[Panel]] component.\r\n * @internal\r\n */\r\nexport interface PanelProps extends CommonProps {\r\n  /** Panel content. */\r\n  children?: React.ReactNode;\r\n  onKeyDown?: (e: React.KeyboardEvent) => void;\r\n}\r\n\r\n/** Basic panel used in Toolbar popups. Used as base in [[Group]] and [[NestedGroup]] components.\r\n * @internal\r\n */\r\nexport function Panel(props: PanelProps) {\r\n  const className = classnames(\r\n    \"components-toolbar-item-expandable-group-panel\",\r\n    props.className);\r\n\r\n  return (\r\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\r\n    <div\r\n      className={className}\r\n      style={props.style}\r\n      onKeyDown={props.onKeyDown}\r\n      role=\"region\"\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Panel.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;GAEG;AACH,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,SAAS,GAAG,UAAU,CAC1B,gDAAgD,EAChD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO;IACL,2EAA2E;IAC3E,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAC,QAAQ,IAEZ,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport \"./Panel.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[Panel]] component.\n * @internal\n */\nexport interface PanelProps extends CommonProps {\n  /** Panel content. */\n  children?: React.ReactNode;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\n/** Basic panel used in Toolbar popups. Used as base in [[Group]] and [[NestedGroup]] components.\n * @internal\n */\nexport function Panel(props: PanelProps) {\n  const className = classnames(\n    \"components-toolbar-item-expandable-group-panel\",\n    props.className);\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n    <div\n      className={className}\n      style={props.style}\n      onKeyDown={props.onKeyDown}\n      role=\"region\"\n    >\n      {props.children}\n    </div>\n  );\n}\n"]}

package/lib/esm/components-react/toolbar/groupPanel/Panel.scss

@@ -1,17 +1,15 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "variables";
-
-.components-toolbar-item-expandable-group-panel {
-  $fill-color: $buic-background-panel;
-
-  line-height: normal;
-  background: $fill-color;
-  padding: 8px;
-  border-radius: 4px;
-  pointer-events: auto;
-  border: 1px solid $buic-background-widget-stroke;
-  font-size: $font-size;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "variables";
+
+.components-toolbar-item-expandable-group-panel {
+  line-height: normal;
+  background: var(--iui-color-background);
+  padding: 8px;
+  border-radius: var(--iui-border-radius-1);
+  pointer-events: auto;
+  border: 1px solid var(--iui-color-border);
+  font-size: $font-size;
+}

package/lib/esm/components-react/toolbar/groupPanel/Title.d.ts

@@ -1,18 +1,18 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Title.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties of [[Title]] component.
- * @internal
- */
-export interface TitleProps extends CommonProps {
-    /** Actual title. */
-    children?: React.ReactNode;
-}
-/** Tool group title.
- * @internal
- */
-export declare function Title(props: TitleProps): JSX.Element;
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Title.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[Title]] component.
+ * @internal
+ */
+export interface TitleProps extends CommonProps {
+    /** Actual title. */
+    children?: React.ReactNode;
+}
+/** Tool group title.
+ * @internal
+ */
+export declare function Title(props: TitleProps): JSX.Element;
 //# sourceMappingURL=Title.d.ts.map

package/lib/esm/components-react/toolbar/groupPanel/Title.js

@@ -1,18 +1,18 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Title.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Tool group title.
- * @internal
- */
-export function Title(props) {
-    const className = classnames("components-toolbar-item-expandable-group-title", props.className);
-    return (React.createElement("div", { className: className, style: props.style }, props.children));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Title.scss";
+import classnames from "classnames";
+import * as React from "react";
+/** Tool group title.
+ * @internal
+ */
+export function Title(props) {
+    const className = classnames("components-toolbar-item-expandable-group-title", props.className);
+    return (React.createElement("div", { className: className, style: props.style }, props.children));
+}
 //# sourceMappingURL=Title.js.map

package/lib/esm/components-react/toolbar/groupPanel/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Title.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,SAAS,GAAG,UAAU,CAC1B,gDAAgD,EAChD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Toolbar\r\n */\r\n\r\nimport \"./Title.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[Title]] component.\r\n * @internal\r\n */\r\nexport interface TitleProps extends CommonProps {\r\n  /** Actual title. */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Tool group title.\r\n * @internal\r\n */\r\nexport function Title(props: TitleProps) {\r\n  const className = classnames(\r\n    \"components-toolbar-item-expandable-group-title\",\r\n    props.className);\r\n\r\n  return (\r\n    <div\r\n      className={className}\r\n      style={props.style}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../../src/components-react/toolbar/groupPanel/Title.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,SAAS,GAAG,UAAU,CAC1B,gDAAgD,EAChD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport \"./Title.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[Title]] component.\n * @internal\n */\nexport interface TitleProps extends CommonProps {\n  /** Actual title. */\n  children?: React.ReactNode;\n}\n\n/** Tool group title.\n * @internal\n */\nexport function Title(props: TitleProps) {\n  const className = classnames(\n    \"components-toolbar-item-expandable-group-title\",\n    props.className);\n\n  return (\n    <div\n      className={className}\n      style={props.style}\n    >\n      {props.children}\n    </div>\n  );\n}\n"]}

package/lib/esm/components-react/toolbar/groupPanel/Title.scss

@@ -1,34 +1,33 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "variables";
-
-.components-toolbar-item-expandable-group-title {
-  white-space: nowrap;
-  text-align: center;
-  color: $title-color;
-  filter: drop-shadow(0 1px 0 $buic-foreground-body-reverse);
-  margin-bottom: 9px;
-  margin-left: $title-horizontal-margin;
-  margin-right: $title-horizontal-margin;
-
-  @include title;
-}
-
-.components-toolbar-item-expandable-group-nested {
-  position: relative;
-
-  .components-back {
-    position: absolute;
-    left: 10px;
-    top: 8px;
-  }
-
-  > .components-toolbar-item-expandable-group-title {
-    /* Contributes to space available for back arrow */
-    min-height: 14px;
-    margin-left: $title-horizontal-back-arrow-margin;
-    margin-right: $title-horizontal-back-arrow-margin;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "variables";
+
+.components-toolbar-item-expandable-group-title {
+  white-space: nowrap;
+  text-align: center;
+  color: var(--iui-color-text);
+  margin-bottom: 9px;
+  margin-left: $title-horizontal-margin;
+  margin-right: $title-horizontal-margin;
+
+  @include title;
+}
+
+.components-toolbar-item-expandable-group-nested {
+  position: relative;
+
+  .components-back {
+    position: absolute;
+    left: 10px;
+    top: 8px;
+  }
+
+  > .components-toolbar-item-expandable-group-title {
+    /* Contributes to space available for back arrow */
+    min-height: 14px;
+    margin-left: $title-horizontal-back-arrow-margin;
+    margin-right: $title-horizontal-back-arrow-margin;
+  }
+}

package/lib/esm/components-react/toolbar/groupPanel/_variables.scss

@@ -1,17 +1,17 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/typography";
-@import "../variables";
-
-$panel-padding-left: 16px;
-$panel-padding-right: 8px;
-$panel-padding-top: $panel-padding-right;
-$panel-padding-bottom: 12px;
-$title-color: $buic-text-color;
-$back-arrow-thickness: 2px;
-$back-arrow-size-val: 6;
-$title-horizontal-margin: 20px;
+/*---------------------------------------------------------------------------------------------
+* 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/typography";
+@import "../variables";
+
+$panel-padding-left: 16px;
+$panel-padding-right: 8px;
+$panel-padding-top: $panel-padding-right;
+$panel-padding-bottom: 12px;
+$title-color: var(--iui-color-text);
+$back-arrow-thickness: 2px;
+$back-arrow-size-val: 6;
+$title-horizontal-margin: 20px;
 $title-horizontal-back-arrow-margin: 28px;

package/lib/esm/components-react/toolbar/groupPanel/tool/Expander.d.ts

@@ -1,17 +1,17 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Expander.scss";
-import * as React from "react";
-import { NoChildrenProps, Omit } from "@itwin/core-react";
-import { GroupToolProps } from "./Tool";
-/** Properties of [[GroupToolExpander]] component.
- * @internal
- */
-export interface GroupToolExpanderProps extends Omit<GroupToolProps, "isActive" | "children">, NoChildrenProps {
-}
-/** Expandable entry of tool group panel. Used in [[GroupColumn]] to select nested Groups.
- * @internal
- */
-export declare const GroupToolExpander: React.MemoExoticComponent<React.FC<GroupToolExpanderProps>>;
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Expander.scss";
+import * as React from "react";
+import { NoChildrenProps, Omit } from "@itwin/core-react";
+import { GroupToolProps } from "./Tool";
+/** Properties of [[GroupToolExpander]] component.
+ * @internal
+ */
+export interface GroupToolExpanderProps extends Omit<GroupToolProps, "isActive" | "children">, NoChildrenProps {
+}
+/** Expandable entry of tool group panel. Used in [[GroupColumn]] to select nested Groups.
+ * @internal
+ */
+export declare const GroupToolExpander: React.MemoExoticComponent<React.FC<GroupToolExpanderProps>>;
 //# sourceMappingURL=Expander.d.ts.map

package/lib/esm/components-react/toolbar/groupPanel/tool/Expander.js

@@ -1,22 +1,22 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Expander.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { GroupTool } from "./Tool";
-/** Expandable entry of tool group panel. Used in [[GroupColumn]] to select nested Groups.
- * @internal
- */
-// eslint-disable-next-line react/display-name
-export const GroupToolExpander = React.memo((props) => {
-    const { className, ...otherProps } = props;
-    const expanderClassName = classnames("components-toolbar-item-expandable-group-tool-expander", className);
-    return (React.createElement(GroupTool, { className: expanderClassName, ...otherProps },
-        React.createElement("div", { className: "components-expansion-indicator" })));
-});
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Expander.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { GroupTool } from "./Tool";
+/** Expandable entry of tool group panel. Used in [[GroupColumn]] to select nested Groups.
+ * @internal
+ */
+// eslint-disable-next-line react/display-name
+export const GroupToolExpander = React.memo((props) => {
+    const { className, ...otherProps } = props;
+    const expanderClassName = classnames("components-toolbar-item-expandable-group-tool-expander", className);
+    return (React.createElement(GroupTool, { className: expanderClassName, ...otherProps },
+        React.createElement("div", { className: "components-expansion-indicator" })));
+});
 //# sourceMappingURL=Expander.js.map

package/lib/esm/components-react/toolbar/groupPanel/tool/Expander.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../../../../../../src/components-react/toolbar/groupPanel/tool/Expander.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAkB,MAAM,QAAQ,CAAC;AAQnD;;GAEG;AACH,8CAA8C;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CACzC,CAAC,KAA6B,EAAE,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,iBAAiB,GAAG,UAAU,CAClC,wDAAwD,EACxD,SAAS,CAAC,CAAC;IAEb,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,iBAAiB,KACxB,UAAU;QACd,6BAAK,SAAS,EAAC,gCAAgC,GAAG,CACxC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Toolbar\r\n */\r\n\r\nimport \"./Expander.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { NoChildrenProps, Omit } from \"@itwin/core-react\";\r\nimport { GroupTool, GroupToolProps } from \"./Tool\";\r\n\r\n/** Properties of [[GroupToolExpander]] component.\r\n * @internal\r\n */\r\nexport interface GroupToolExpanderProps extends Omit<GroupToolProps, \"isActive\" | \"children\">, NoChildrenProps {\r\n}\r\n\r\n/** Expandable entry of tool group panel. Used in [[GroupColumn]] to select nested Groups.\r\n * @internal\r\n */\r\n// eslint-disable-next-line react/display-name\r\nexport const GroupToolExpander = React.memo<React.FC<GroupToolExpanderProps>>(\r\n  (props: GroupToolExpanderProps) => {\r\n    const { className, ...otherProps } = props;\r\n\r\n    const expanderClassName = classnames(\r\n      \"components-toolbar-item-expandable-group-tool-expander\",\r\n      className);\r\n\r\n    return (\r\n      <GroupTool\r\n        className={expanderClassName}\r\n        {...otherProps}>\r\n        <div className=\"components-expansion-indicator\" />\r\n      </GroupTool>\r\n    );\r\n  });\r\n"]}
+{"version":3,"file":"Expander.js","sourceRoot":"","sources":["../../../../../../src/components-react/toolbar/groupPanel/tool/Expander.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAkB,MAAM,QAAQ,CAAC;AAQnD;;GAEG;AACH,8CAA8C;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CACzC,CAAC,KAA6B,EAAE,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,iBAAiB,GAAG,UAAU,CAClC,wDAAwD,EACxD,SAAS,CAAC,CAAC;IAEb,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,iBAAiB,KACxB,UAAU;QACd,6BAAK,SAAS,EAAC,gCAAgC,GAAG,CACxC,CACb,CAAC;AACJ,CAAC,CAAC,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 Toolbar\n */\n\nimport \"./Expander.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { NoChildrenProps, Omit } from \"@itwin/core-react\";\nimport { GroupTool, GroupToolProps } from \"./Tool\";\n\n/** Properties of [[GroupToolExpander]] component.\n * @internal\n */\nexport interface GroupToolExpanderProps extends Omit<GroupToolProps, \"isActive\" | \"children\">, NoChildrenProps {\n}\n\n/** Expandable entry of tool group panel. Used in [[GroupColumn]] to select nested Groups.\n * @internal\n */\n// eslint-disable-next-line react/display-name\nexport const GroupToolExpander = React.memo<React.FC<GroupToolExpanderProps>>(\n  (props: GroupToolExpanderProps) => {\n    const { className, ...otherProps } = props;\n\n    const expanderClassName = classnames(\n      \"components-toolbar-item-expandable-group-tool-expander\",\n      className);\n\n    return (\n      <GroupTool\n        className={expanderClassName}\n        {...otherProps}>\n        <div className=\"components-expansion-indicator\" />\n      </GroupTool>\n    );\n  });\n"]}

package/lib/esm/components-react/toolbar/groupPanel/tool/Expander.scss

@@ -1,29 +1,29 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@use "sass:math";
-@import "variables";
-
-.components-toolbar-item-expandable-group-tool-expander {
-  > .components-expansion-indicator {
-    $border: solid $expander-arrow-thickness currentColor;
-    $size: math.sqrt($expander-arrow-size-val * $expander-arrow-size-val * 8) * 0.5 + px;
-
-    width: $size;
-    height: $size;
-    border-top: $border;
-    border-left: $border;
-    margin-left: $expander-arrow-thickness;
-    margin-top: $expander-arrow-thickness;
-    margin-right: $space-after-expander;
-    box-sizing: border-box;
-    transform: rotate(135deg);
-  }
-
-  &:active:not(.components-disabled) {
-    > .components-expansion-indicator {
-      filter: $no-shadow;
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@use "sass:math";
+@import "variables";
+
+.components-toolbar-item-expandable-group-tool-expander {
+  > .components-expansion-indicator {
+    $border: solid $expander-arrow-thickness currentColor;
+    $size: math.sqrt($expander-arrow-size-val * $expander-arrow-size-val * 8) * 0.5 + px;
+
+    width: $size;
+    height: $size;
+    border-top: $border;
+    border-left: $border;
+    margin-left: $expander-arrow-thickness;
+    margin-top: $expander-arrow-thickness;
+    margin-right: $space-after-expander;
+    box-sizing: border-box;
+    transform: rotate(135deg);
+  }
+
+  &:active:not(.components-disabled) {
+    > .components-expansion-indicator {
+      filter: $no-shadow;
+    }
+  }
+}