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

package/lib/esm/core-react/text/StyledText.js

@@ -1,17 +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 Text
- */
-import classnames from "classnames";
-import * as React from "react";
-/** The base component for other text components that pass a main CSS class name.
- * @public
- */
-export function StyledText(props) {
-    const { mainClassName, className, style, children, ...spanProps } = props;
-    return (React.createElement("span", { ...spanProps, className: classnames(mainClassName, className), style: style }, 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 Text
+ */
+import classnames from "classnames";
+import * as React from "react";
+/** The base component for other text components that pass a main CSS class name.
+ * @public
+ * @deprecated User <Text /> component from iTwinUI-react library.
+ */
+export function StyledText(props) {
+    const { mainClassName, className, style, children, ...spanProps } = props;
+    return (React.createElement("span", { ...spanProps, className: classnames(mainClassName, className), style: style }, children));
+}
 //# sourceMappingURL=StyledText.js.map

package/lib/esm/core-react/text/StyledText.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledText.js","sourceRoot":"","sources":["../../../../src/core-react/text/StyledText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE1E,OAAO,CACL,iCAAU,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAC/E,QAAQ,CACJ,CACR,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 Text\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { TextProps } from \"./TextProps\";\n\n/** Properties for [[StyledText]] component\n * @public\n */\nexport interface StyledTextProps extends TextProps {\n  /** Main CSS class name */\n  mainClassName: string;\n}\n\n/** The base component for other text components that pass a main CSS class name.\n * @public\n */\nexport function StyledText(props: StyledTextProps) {\n  const { mainClassName, className, style, children, ...spanProps } = props;\n\n  return (\n    <span {...spanProps} className={classnames(mainClassName, className)} style={style}>\n      {children}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"StyledText.js","sourceRoot":"","sources":["../../../../src/core-react/text/StyledText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE1E,OAAO,CACL,iCACM,SAAS,EACb,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAC/C,KAAK,EAAE,KAAK,IAEX,QAAQ,CACJ,CACR,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 Text\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { TextProps } from \"./TextProps\";\r\n\r\n/** Properties for [[StyledText]] component\r\n * @public\r\n */\r\nexport interface StyledTextProps extends TextProps {\r\n  /** Main CSS class name */\r\n  mainClassName: string;\r\n}\r\n\r\n/** The base component for other text components that pass a main CSS class name.\r\n * @public\r\n * @deprecated User <Text /> component from iTwinUI-react library.\r\n */\r\nexport function StyledText(props: StyledTextProps) {\r\n  const { mainClassName, className, style, children, ...spanProps } = props;\r\n\r\n  return (\r\n    <span\r\n      {...spanProps}\r\n      className={classnames(mainClassName, className)}\r\n      style={style}\r\n    >\r\n      {children}\r\n    </span>\r\n  );\r\n}\r\n"]}

package/lib/esm/core-react/text/TextProps.d.ts

@@ -1,11 +1,11 @@
-/** @packageDocumentation
- * @module Text
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for various text components
- * @public
- */
-export interface TextProps extends React.AllHTMLAttributes<HTMLSpanElement>, CommonProps {
-}
+/** @packageDocumentation
+ * @module Text
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for various text components
+ * @public
+ */
+export interface TextProps extends React.AllHTMLAttributes<HTMLSpanElement>, CommonProps {
+}
 //# sourceMappingURL=TextProps.d.ts.map

package/lib/esm/core-react/text/TextProps.js

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Text
- */
-export {};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Text
+ */
+export {};
 //# sourceMappingURL=TextProps.js.map

package/lib/esm/core-react/text/TextProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextProps.js","sourceRoot":"","sources":["../../../../src/core-react/text/TextProps.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","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 Text\n */\n\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for various text components\n * @public\n */\nexport interface TextProps extends React.AllHTMLAttributes<HTMLSpanElement>, CommonProps { }\n"]}
+{"version":3,"file":"TextProps.js","sourceRoot":"","sources":["../../../../src/core-react/text/TextProps.tsx"],"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 Text\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for various text components\r\n * @public\r\n */\r\nexport interface TextProps extends React.AllHTMLAttributes<HTMLSpanElement>, CommonProps { }\r\n"]}

package/lib/esm/core-react/text/block.scss

@@ -1,10 +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 "~@itwin/itwinui-css/scss/text/mixins";
-
-@mixin uicore-text-block {
-  @include iui-text(body);
-  @include iui-text-block-spacing;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@mixin uicore-text-block {
+  margin: 0;
+  padding: 0;
+  border: none;
+  vertical-align: baseline;
+  font-size: var(--iui-font-size-1);
+  font-weight: var(--iui-font-weight-normal);
+  line-height: var(--iui-size-l);
+
+  margin: 0 0 var(--iui-size-l);
+}

package/lib/esm/core-react/text/body.scss

@@ -1,10 +1,13 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/text/mixins";
-
-@mixin uicore-text-body {
-
-  @include iui-text( body );
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@mixin uicore-text-body {
+  margin: 0;
+  padding: 0;
+  border: none;
+  vertical-align: baseline;
+  font-size: var(--iui-font-size-1);
+  font-weight: var(--iui-font-weight-normal);
+  line-height: var(--iui-size-l);
+}

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

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

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

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

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

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

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

@@ -1,24 +1,24 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-@import "~@itwin/itwinui-css/scss/text/mixins";
-
-@mixin uicore-text-block-spacing {
-  @include iui-text-block-spacing;
-}
-
-@mixin uicore-text($type: body) {
-  $sizes: (
-    body: var(--iui-font-size-1),
-    small: var(--iui-font-size-0),
-  );
-
-  $type: if(map-has-key($sizes, $type), $type, body);
-
-  font-size: map-get($sizes, $type);
-  font-weight: var(--iui-font-weight-normal);
-  line-height: var(--iui-size-l);
-  color: $buic-text-color;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/themecolors";
+
+@mixin uicore-text-block-spacing {
+  padding: 0;
+  margin: 0 0 var(--iui-size-l);
+}
+
+@mixin uicore-text($type: body) {
+  $sizes: (
+    body: var(--iui-font-size-1),
+    small: var(--iui-font-size-0),
+  );
+
+  $type: if(map-has-key($sizes, $type), $type, body);
+
+  font-size: map-get($sizes, $type);
+  font-weight: var(--iui-font-weight-normal);
+  line-height: var(--iui-size-l);
+  color: var(--iui-color-text);
+}

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

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

package/lib/esm/core-react/tree/Branch.d.ts

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Tree
- */
-import "./Branch.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for [[TreeBranch]] React component
- * @public
- */
-export interface TreeBranchProps extends CommonProps {
-    /** Child nodes of the tree branch */
-    children?: React.ReactNode;
-}
-/** Presentation React component for a Tree branch
- * @public
- */
-export declare class TreeBranch extends React.PureComponent<TreeBranchProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Tree
+ */
+import "./Branch.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for [[TreeBranch]] React component
+ * @public
+ */
+export interface TreeBranchProps extends CommonProps {
+    /** Child nodes of the tree branch */
+    children?: React.ReactNode;
+}
+/** Presentation React component for a Tree branch
+ * @public
+ */
+export declare class TreeBranch extends React.PureComponent<TreeBranchProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=Branch.d.ts.map

package/lib/esm/core-react/tree/Branch.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 Tree
- */
-import "./Branch.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Presentation React component for a Tree branch
- * @public
- */
-export class TreeBranch extends React.PureComponent {
-    render() {
-        const className = classnames("core-tree-branch", this.props.className);
-        return (React.createElement("div", { className: className, style: this.props.style }, this.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 Tree
+ */
+import "./Branch.scss";
+import classnames from "classnames";
+import * as React from "react";
+/** Presentation React component for a Tree branch
+ * @public
+ */
+export class TreeBranch extends React.PureComponent {
+    render() {
+        const className = classnames("core-tree-branch", this.props.className);
+        return (React.createElement("div", { className: className, style: this.props.style }, this.props.children));
+    }
+}
 //# sourceMappingURL=Branch.js.map

package/lib/esm/core-react/tree/Branch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Branch.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Branch.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAClD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,kBAAkB,EAClB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAExB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAEtB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACP,CAAC;IACJ,CAAC;CACF","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 Tree\n */\n\nimport \"./Branch.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for [[TreeBranch]] React component\n * @public\n */\nexport interface TreeBranchProps extends CommonProps {\n  /** Child nodes of the tree branch */\n  children?: React.ReactNode;\n}\n\n/** Presentation React component for a Tree branch\n * @public\n */\nexport class TreeBranch extends React.PureComponent<TreeBranchProps> {\n  public override render() {\n    const className = classnames(\n      \"core-tree-branch\",\n      this.props.className);\n\n    return (\n      <div\n        className={className}\n        style={this.props.style}\n      >\n        {this.props.children}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Branch.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Branch.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAClD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,kBAAkB,EAClB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAExB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAEtB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACP,CAAC;IACJ,CAAC;CACF","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 Tree\r\n */\r\n\r\nimport \"./Branch.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[TreeBranch]] React component\r\n * @public\r\n */\r\nexport interface TreeBranchProps extends CommonProps {\r\n  /** Child nodes of the tree branch */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Presentation React component for a Tree branch\r\n * @public\r\n */\r\nexport class TreeBranch extends React.PureComponent<TreeBranchProps> {\r\n  public override render() {\r\n    const className = classnames(\r\n      \"core-tree-branch\",\r\n      this.props.className);\r\n\r\n    return (\r\n      <div\r\n        className={className}\r\n        style={this.props.style}\r\n      >\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/tree/Branch.scss

@@ -1,13 +1,13 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-.core-tree-branch {
-  display: block;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0 0 0 20px;
-  width: fit-content;
-  min-width: 100%;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.core-tree-branch {
+  display: block;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0 0 0 20px;
+  width: fit-content;
+  min-width: 100%;
 }

package/lib/esm/core-react/tree/ExpansionToggle.d.ts

@@ -1,21 +1,21 @@
-/** @packageDocumentation
- * @module Tree
- */
-import "./ExpansionToggle.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[ExpansionToggle]] component
- * @public
- */
-export interface ExpansionToggleProps extends CommonProps {
-    isExpanded?: boolean;
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    ["data-testid"]?: string;
-}
-/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state
- * @public
- */
-export declare class ExpansionToggle extends React.PureComponent<ExpansionToggleProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Tree
+ */
+import "./ExpansionToggle.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[ExpansionToggle]] component
+ * @public
+ */
+export interface ExpansionToggleProps extends CommonProps {
+    isExpanded?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    ["data-testid"]?: string;
+}
+/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state
+ * @public
+ */
+export declare class ExpansionToggle extends React.PureComponent<ExpansionToggleProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=ExpansionToggle.d.ts.map

package/lib/esm/core-react/tree/ExpansionToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionToggle.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC;IAC5D,MAAM;CAsBvB"}
+{"version":3,"file":"ExpansionToggle.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC;IAC5D,MAAM;CAsBvB"}

package/lib/esm/core-react/tree/ExpansionToggle.js

@@ -1,25 +1,27 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Tree
- */
-import "./ExpansionToggle.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { UiCore } from "../UiCore";
-/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state
- * @public
- */
-export class ExpansionToggle extends React.PureComponent {
-    render() {
-        const className = classnames("core-tree-expansionToggle", this.props.isExpanded && "is-expanded", this.props.className);
-        const label = UiCore.translate(this.props.isExpanded ? "tree.collapse" : "tree.expand");
-        return (
-        // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-        React.createElement("div", { onClick: this.props.onClick, className: className, style: this.props.style, "data-testid": this.props["data-testid"], role: "button", tabIndex: -1, "aria-label": label },
-            React.createElement("i", { className: "toggle icon icon-chevron-right" })));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tree
+ */
+import "./ExpansionToggle.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { UiCore } from "../UiCore";
+import { Icon } from "../icons/IconComponent";
+import { SvgChevronRight } from "@itwin/itwinui-icons-react";
+/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state
+ * @public
+ */
+export class ExpansionToggle extends React.PureComponent {
+    render() {
+        const className = classnames("core-tree-expansionToggle", this.props.isExpanded && "is-expanded", this.props.className);
+        const label = UiCore.translate(this.props.isExpanded ? "tree.collapse" : "tree.expand");
+        return (
+        // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+        React.createElement("div", { onClick: this.props.onClick, className: className, style: this.props.style, "data-testid": this.props["data-testid"], role: "button", tabIndex: -1, "aria-label": label },
+            React.createElement(Icon, { className: "toggle icon", iconSpec: React.createElement(SvgChevronRight, null) })));
+    }
+}
 //# sourceMappingURL=ExpansionToggle.js.map

package/lib/esm/core-react/tree/ExpansionToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionToggle.js","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAWnC;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,aAAmC;IAC5D,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,2BAA2B,EAC3B,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,aAAa,EACtC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACxB,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAExF,OAAO;QACL,iEAAiE;QACjE,6BACE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,iBACV,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EACtC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,gBACA,KAAK;YAEjB,2BAAG,SAAS,EAAC,gCAAgC,GAAG,CAC5C,CACP,CAAC;IACJ,CAAC;CACF","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 Tree\n */\n\nimport \"./ExpansionToggle.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { UiCore } from \"../UiCore\";\n\n/** Properties for the [[ExpansionToggle]] component\n * @public\n */\nexport interface ExpansionToggleProps extends CommonProps {\n  isExpanded?: boolean;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  [\"data-testid\"]?: string;\n}\n\n/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state\n * @public\n */\nexport class ExpansionToggle extends React.PureComponent<ExpansionToggleProps> {\n  public override render() {\n    const className = classnames(\n      \"core-tree-expansionToggle\",\n      this.props.isExpanded && \"is-expanded\",\n      this.props.className);\n    const label = UiCore.translate(this.props.isExpanded ? \"tree.collapse\" : \"tree.expand\");\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        onClick={this.props.onClick}\n        className={className}\n        style={this.props.style}\n        data-testid={this.props[\"data-testid\"]}\n        role=\"button\"\n        tabIndex={-1}\n        aria-label={label}\n      >\n        <i className=\"toggle icon icon-chevron-right\" />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ExpansionToggle.js","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAW7D;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,aAAmC;IAC5D,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,2BAA2B,EAC3B,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,aAAa,EACtC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACxB,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAExF,OAAO;QACL,iEAAiE;QACjE,6BACE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,iBACV,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EACtC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,gBACA,KAAK;YAEjB,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,oBAAC,eAAe,OAAG,GAAI,CAC3D,CACP,CAAC;IACJ,CAAC;CACF","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 Tree\r\n */\r\n\r\nimport \"./ExpansionToggle.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { Icon } from \"../icons/IconComponent\";\r\nimport { SvgChevronRight } from \"@itwin/itwinui-icons-react\";\r\n\r\n/** Properties for the [[ExpansionToggle]] component\r\n * @public\r\n */\r\nexport interface ExpansionToggleProps extends CommonProps {\r\n  isExpanded?: boolean;\r\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\r\n  [\"data-testid\"]?: string;\r\n}\r\n\r\n/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state\r\n * @public\r\n */\r\nexport class ExpansionToggle extends React.PureComponent<ExpansionToggleProps> {\r\n  public override render() {\r\n    const className = classnames(\r\n      \"core-tree-expansionToggle\",\r\n      this.props.isExpanded && \"is-expanded\",\r\n      this.props.className);\r\n    const label = UiCore.translate(this.props.isExpanded ? \"tree.collapse\" : \"tree.expand\");\r\n\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n      <div\r\n        onClick={this.props.onClick}\r\n        className={className}\r\n        style={this.props.style}\r\n        data-testid={this.props[\"data-testid\"]}\r\n        role=\"button\"\r\n        tabIndex={-1}\r\n        aria-label={label}\r\n      >\r\n        <Icon className=\"toggle icon\" iconSpec={<SvgChevronRight />} />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/tree/ExpansionToggle.scss

@@ -1,28 +1,31 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors.scss";
-
-.core-tree-expansionToggle {
-  &:focus {
-    outline: none;
-  }
-
-  > .toggle {
-
-    display: block;
-    width: 24px;
-    height: 24px;
-    padding: 7px;
-    font-size: 12px;
-    box-sizing: border-box;
-    transform: rotate(0);
-    transition: transform 100ms ease;
-    color: $buic-foreground-body;
-  }
-
-  &.is-expanded > .toggle {
-    transform: rotate( 90deg );
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.core-tree-expansionToggle {
+  &:focus {
+    outline: none;
+  }
+
+  > .toggle {
+    display: block;
+    width: 24px;
+    height: 24px;
+    padding: 6px;
+    font-size: 12px;
+    box-sizing: border-box;
+    transform: rotate(0);
+    transition: transform 100ms ease;
+    color: var(--iui-color-text);
+
+    svg {
+      width: 12px;
+      height: 12px;
+    }
+  }
+
+  &.is-expanded > .toggle {
+    transform: rotate( 90deg );
+  }
+}